LEIHS is an app design project that aim to redesign the graphic user interface and overall experience of the LEIHS platform. As the current LEIHS is only web-based, it was a focus of ours to make it more accessible and designing a responsive mobile GUI.
What are the special needs of different target user groups?
This project was primarily user-centered, and many iterations took consideration of the targeted users, which consisted of film students (extreme user), IAD students (normal user), experienced lecturers, and new users.
Essentially, our research findings brought us to narrow down our project focus to design a better navigation architecture with the help of a better skin, micro-interactions and visual communication that supports an entirely more intuitive experience.
We conducted 9 interviews with people from different departments; design, film and music.
Some key findings were:
- Improve fluidity of navigation (search, filter, categories).
- “Alias” or “tags” to improve the search function.
- Have a template function to reorder item lists
- Recommendations for ordered items.
- Links to the manufacturer’s website.
- Adding a title to the orders.
How to better the user flow to invisibly fix the users' pain points?
After the interviews, competitive researches, and personas we started to produce wireframe base on the data we collected and analysis. We sketched some paper wireframe to see whether the new functions we came up such as an order page with current and past orders or a template page would works intritively.
After discussing and iterating on the paper wireframe, we translated them to digital wireframe by using Illustrator, Figma, Sketch, Flinto, and diagrams.io, we as well made click dummy and screen flows on the base of the wireframes for better the later user testing experience.
As the LEIHS is an open-source platform it was crucial to keep the design language as neutral as possible. We were inspired by two types of design language. One is the flat graphic fashion and the other follows a more UI trendy aesthetics. To set some character and accents we used the color orange as it stands for youth and freshness.
How to engage users in every iterative design decision?
The user-centered design would be a joke if a design project developed without getting the user involves in design decision moments. Therefore, user testing for us is fundamental and essential. After our first idea was developed, we tested it on our targeted users immediately.
Due to the time limit, We only got the chance to test our current click-dummy with three people. Two of them were interaction design students (normal users) and one of them was a film student (extreme user) and received several constructive feedback to iterate.