The Problem Statement
Palatable is an online food ordering platform was available for the desktop and mobile. However, they wanted to boost their mobile offerings, especially for iOS. They wanted to make sure that their users should find their primary task (selecting the restaurants in the region to order online and pay either by cash or card) simple easy to use and credible.
Based on the inputs shared by Team Palatable and my UX research which comprised requirement understanding, competitors analysis, evaluation of existing channels and assumption of user tasks I did analysis and came up with the following UX artifacts
- User Task Analysis
- User Task Flow
- Concept Scribbles
- Interactive prototype
- Visual Design approach
To understand the frequency and criticality of tasks I collated them and illustrated in a diagram. This exercise helped me to prioritize them and design the screens which will match applications, conceptual model
Further to Task analysis, I filtered most important tasks which will help the user to order food in a limited prerequisite. (E.g. ordering food without signup or login). To understand user behavior aligned with the filtered tasks and their interrelationship I constructed a flow diagram.
Up till scribbling exercise we almost achieved desired app architecture and it was time to finally make it functional with interactive wireframes. I used Axure RP Pro to do same. To share the development so far with a wider audience I created an annotated version of the wireframes too.
Visual identity of Palatable’s is largely dominated by sunny orange color and clean, simple FF Mark Pro font. However for the iOS app I choose Helvetica. Considering the subject, I tried to illustrate recipes more appealing and tempting. Hence used logo water marks and border icons to dominate screens by recipe images. However made content easy to understood and actionable by using minimal colors and apt spacing. Visual were enhanced through various iterations especially for the splash screen of the app.