One of dozens visual explorations for the redesign
We’ve redesigned how you navigate Wikipedia on iOS. The navigation refresh enhances usability, aesthetics, conformity with the Human Interface Guidelines, and discoverability across screens.
We realigned and redesigned the app bar with deep care and love for the Apple ecosystem. Typography was refined to remain bold while conserving vertical space. The app bar now disappears while scrolling, letting the content take center stage. An approach that, to our knowledge, hasn’t been executed like this by another iOS app before. We also standardized the tab design to match iOS 18 guidelines.
The app bar/header on all screens…
Disappears on scroll
We conducted an A/B test across Arabic, French, German, and Japanese Wikipedias, complemented by usability testing and surveys. One clear result: making the search bar visible directly in the article led to more usage.
Variant A: Search icon only
Variant B: Prominent search bar
Users in the test group initiated 23.8% more searches from article view (B) compared to those with the older (A), icon-only version. The change made it easier and more intuitive to start a new search without breaking the reading flow.
The article view now includes a visible search bar at the top of the page. Instead of backing out to another screen, you can start a new search immediately. The design feels more familiar to those accustomed to browser interfaces.
Read more in the A/B test summary on MediaWiki.
Before the redesign, users could access their edit tools and donations only on the Explore Feed view via Settings and Account.
The old information architecture made it hard to access essential links
The newly introduced Profile menu is now accessible from all major views, including the core of Wikipedia, the article view itself. Whether you’re reading, editing, donating, or checking your Watchlist, the tools you need are close at hand.
Profile menu access via Places
The new profile sheet is accessible yet colorful
Again, iPad wasn’t an afterthought. It received dedicated attention and layout updates for a better large-screen experience.
The iPad with the prominent floating tab bar
With a focus on content-first
We added a floating tab bar on iPad to match native iOS patterns. It adapts to various orientations and screen sizes, making the app feel more fluid and comfortable on larger displays. The layout was specifically designed for the iPad and not simply scaled up.
With the foundation in place, the next step was rolling out tabbed browsing. You’ll be able to open multiple articles and switch between them, similar to a web browser. Read in the article on tabs, though, why we haven’t just copied Safari.