Mobile Editing Experience ☞ Wikidata

Mission:

Editing wikidata on mobile devices was a long awaited and very often asked for feature by the community.

We wanted to honor this request, making life easier for active editors who might want to edit on mobile occasionally. My personal motivation was knowledge equity, through enabling communities from mobile first countries.

The Process

The UX process was a close collaboration with the UXR in my team and took about a year.

It started with an interaction concept & prototype done before i joined the company, that established the look & fell of the display page, and gave a direction to how the edit

Phase 2

Design & experimentation

I redesigned the filters primarily to fix the space issue - they covered most of the screen - make them more accessible on mobile, and fix the UI selection pattern that caused layout jumps.

We ran several experiments and user tests, and step by step, achieved great results.

The solution is already live today, and further pages at idealo are adopting the same design - also with good results. Added to improving engagement and reducing bounce rate we have:

  • + 3% returning sessions

  • + 4,8% revenue

Artifacts & results

Before vs After
The new filter as a figma component, as a grab and go component for other teams
example exercise of one of the workshops i designed & ran with the dev team during this process.
the new filters are live in all product categories and screen sizes
Visualizing the data that we get as excel sheets helps me understand the flow and communicate with stakeholders.

Video: A prototype

During the user tests we found a lot of different problems with this funnel we we are trying to improve. I am looking at the page holistically and have a few experiments coming up. But so far i can only show you one of the prototypes (built by me) we user tested: