To formalise my approach to UX design I completed a 10 week part-time User Experience Design course at General Assembly.
To formalise my approach to UX design I completed a 10 week part-time User Experience Design course at General Assembly.
To formalise my approach to UX design I completed a 10 week part-time User Experience Design course at General Assembly.
Throughout the 10 weeks all aspects of a lean UX process were covered, with weekly in-class projects as well as an ongoing major project that was presented and assessed at the end of the course. The following is an overview of my final project which included conducting user and competitive research, synthesizing research, personas, user goals and user flows, wireframing, user testing, prototyping and high-fidelity UI design.
Discovery
Starting with the Discovery phase of the project I immersed myself in the world of eating restrictions and intolerances. It was a lot more complicated that I had expected. As well as common eating preferences like vegan and vegetarian, there are also food intolerances, diets for medical reasons and allergies to foods like nuts and fish to name a few. To keep the project manageable I chose to focus the most common eating requirements/restrictions. With those in mind I did a competitive comparison, confirming my assumption that there was very little consideration given to eating requirements when ordering online. From there I defined my research goals and a set of draft questions to use for my user research.
Research goals
Research questions
My user research took the form of online surveys, Skype interviews and face to face interviews. I refined my questions as the series of interviews progressed, dropping those that were leading to less relevant information and adding new questions based of the success of previous answers and discussions.
Prototyping
The low-fidelity sketches proved that the overall flow was working but that I needed to included a deeper level of detail to test the wording and functions within the app. On my mid fidelity prototype I shifted to visualising on an iPad after making the decision to design my app as a responsive website rather than a mobile app. I visualised a combined signup/on-boarding and the restaurant menu page where a lot of the pain points were addressed and tested. A clickable prototype was created using Sketch wireframes and Marvel.
High-fidelity
The low-fidelity sketches proved that the overall flow was working but that I needed to included a deeper level of detail to test the wording and functions within the app. On my mid fidelity prototype I shifted to visualising on an iPad after making the decision to design my app as a responsive website rather than a mobile app. I visualised a combined signup/on-boarding and the restaurant menu page where a lot of the pain points were addressed and tested. A clickable prototype was created using Sketch wireframes and Marvel.
Refinements
I have highlighted two usability improvements here that came out of my user testing. The first is the add to cart function. There was confusion in almost every test between the ‘finished customising’ button and then having to add that to the cart. I reworked this process so the dish is added straight to the cart when the done button is clicked. Testing proved this to be a big improvement over the previous prototype. The second improvement was again to do with the “users personalised menu” and “restaurants standard menu” function. There was still some uncertainty here about the difference between the two menus. To address this issue I added a ‘loading’ style pop up to remind the user that the app is actually filtering and personalising the restaurant menus to suit their profile. Testing proved this to be an improvement in the users understanding of the two menus.