Wikipedia is a multilingual, web-based, free encyclopedia based on a model of openly editable and viewable content, a wiki. By redesigning the website, where we mainly focused on the English site, we wanted to improve the user experience and make information more discoverable.
Team: Sravya Amancherla, Dhruvi Patel, Simone Pimento
Role: UX Designer
Client: Academic Project
Time: 10 Weeks
Tools: Sketch, Figma, Proto.io
Methods: User Interviews, Usability Testing
Wikipedia is a multilingual, web-based, free encyclopedia based on a model of openly editable and viewable content, a wiki. It is a trove of information with many features- most of which are unknown to a large population. Through the redesign- we wanted to improve the readability and discoverability of information- without impacting the core Wikipedia features.
We have mainly focused on the pages of the English Wikipedia site- with the original homepage linking to different language sites remaining untouched. These changes can be applied to sites in different languages.
We created a list of use cases like simple information gathering, updating the website, discussing the page updates. etc and went through the website to understand the user flows.
These are a few of the issues we found that needed immediate attention:
The overall navigation of the website is very confusing as there are too many links on both the top navbar and the side bar.
The website has many features that aren't apparent due to issues with discoverability.
Wikipedia is very text-heavy. This creates issues with the overall readability of information.
We conducted 6 user interviews website usability tests to understand people's usage of the site: their motivations, pain points, and issues. For the scope of this project, we focused on university students who use Wikipedia to find information.
The semi-structured interviews provided us with the key concerns and motivations for people around which we drove our design.
Through the testing, we aimed to measure various factors that affected the user’s decisions on the website, which helped us redesign it.
We drew them to see how users looked for information online to understand the informational hierarchy and the various websites users go through while exploring the web.
Good visual design improves readability and makes information easier to find. The current Wikipedia design is dated and was directly impacting the bounce rate of the website.
For a text-heavy website like Wikipedia, the information hierarchy is very important. Finding the information needed should be simple. Currently, the Wikipedia pages do not afford easier finding of information.
Wikipedia navigation is very confusing and the names of various functionalities are very technical and hard to understand.
Wikipedia is a vast repository of knowledge and has various functionalities. But, most of our users had no idea about them.
In the first phase of design, we redesigned the Wikipedia English main-page, the portal page for arts and science and the article page. We chose to redesign the information structure to improve discoverability. Reduced information overload and divided our pages into sections.
Some features of the article page:
After receiving feedback on the pages, we redesigned the pages.
After this, we designed a sister AR app for Wikipedia that uses the cellphone camera to capture images and displays information on screen sourced from Wikipedia.