As a member of the design system team, I embarked on a project to develop a centralized resource platform for our team. The primary objective of this initiative was to create a one-stop-shop for designers, where all relevant documentation, assets, and links pertaining to our design systems could be accessed in a streamlined and intuitive manner.
Dispersed design documentation and assets causing confusion.
Centralised website for easy access to all design resources.
Understand the designer's workday and needs - before touching the design. I tried to map which tools were used by a Wix´s UX designer on a day to day basis. Then, I started researching knowledge base UX, finding this article by Nielsen Norman Group:
“...Any information should be easy to search, focused on the user’s task, list concrete steps to be carried out, and not be too large. “ / NN/g, 10 Usability Heuristics.
This was something that I kept in the back of my mind while researching.
I turned to exploring successful companies and brands that has a good Knowledge base: material design, Apple´s Human Interface Guidelines, IBM´s Carbon and also Atlassian, who are famously known Design System Knowledge bases.
I decided to talk to 10 UX designers that are working in Wix, in different seniority levels. I asked questions like:
In your everyday work, what tool do you most often use?
How do you approach that tool? What questions do you have?
In order to answer those questions, what is your process?
Can you tell me what you find most challenging about finding answers to your questions?
Tell me about a time when you managed to find what you were looking for and a time when you didn't.
Besides that, a small quantitative study helped me understand that 50% of the UX designers in Wix were using 2 design systems or more in their day to day work (wix has 3 systems in total).
I took quotes from these talks and organised them in Miro trying to find trends and eventually forming 2 main themes:
The two themes could be rephrased under two goals/ questions:
How might we speed up the process of finding resources?
How might we encourage users to explore resources and knowledge bases? It is obvious that those themes are related and that a combination is necessary.
While testing my first concept of a plug in, I created another concept to reach the goals above. I concentrated on 2 main flows options:
A one pager with easy access buttons that sends the users out of the site and in to the resources (according to titles).
One general joined page that leads to 3 separate pages - one for each design system.
After sketching the two concepts by hand, I created wireframes of the flows, and conducted some usability sessions with users. I got to the main conclusions that users found what they needed faster using separate pages for each design system.
In the next step I continued finalising the UX concepts with wireframes, and tested them again with users. The main conclusions I got were related to 2 issues:
Arrangement of navigation menus - allowing users to scroll and have all info in one page (exploration)
Hierarchy of content in Systems´ pages - understanding that users need help with repetitive access and not necessarily understanding processes better.
Lastly, I created the user interface based on Wix's visual language. Then, Together with the data team, we set up tracking of the entries and visits to the sites, preparing for future versions.