Wikipedia is one of the most visited websites in the world. It hasn’t been changed or redefined during the last 10 years. The web and its technologies has developed further and so have its users.
The research phase was a very revealing step. First, we created User Cases to figure out what users are looking for in Wikipedia, how they use it, and which problems they have while using it.
We observed many web users while using Wikipedia to figure out which functions they are missing, how they use it, and which problems they have while using it.
After the research phase was done we spent a lot of time creating wireframes and prototypes to figure out the best information architecture of the website and the simplest way to search and navigate between articles. Our intention was to create a more user-friendly Wikipedia with more legible typography to improve the user experience.
After the previous steps were completed, we started to create the look and feel of the new Wikipedia and here is the result.
We’ve chosen a more readable font to improve the user experience. We have created a universal grid for text, pictures, graphics, formulas, tables and more, thus focusing on the most important things.
Use additional controls on the bottom of each article to make your reading experience more comfortable.
Nothing distract your attention from the essence anymore.
New, clean layout
and beautiful typography makes your read experience more enjoyable.
Easy access to your notes.
The menu is clearly structured and the features are easy to operate. Now the articles are displayed as pieces of paper, which you can easily organize, sort and navigate between them.
Interaction with the new wikipedia is like interaction with real paper.
Click “Menu” button to see the new, clearer Wikipedia navigation.
Wikipedia’s own history page helps you to navigate between read and saved articles.
Write your papers more efficiently right in your browser. It’s possible to save your documents in the cloud, edit them wherever you are and publish them when they’re done. And the best thing about it is, the bibliography is created fully automatically.
Select text and pictures to add them to your text editor
Activate focus mode to pay attention only to the essential.
It is very important to make Wikipedia available wherever the users are. Beautiful, readable typography and clear navigation are especially important on mobile devices. The new Wikipedia is platform independent.
Thank you for your attention. Please feel free to share this page if you liked it. You can also leave your comment on Behance.
Senior interface and graphic designer from Russia, currently living in Berlin. Working as freelance UX and graphic designer. George gets his inspiration from nature and objects around him with a passion for colors, typography and pixel-perfectionism.
Award-winning interface designer and perfectionist with a lot of passion for conceptual work based in Berlin. His interests and working skills are focusing on mobile interface design and user experience.
I would like to thank Julian for helping a lot with research and concept work.