User Research, Mind Map, Information Architecture
Adobe Photoshop, Sketch, Invision
Apr to June 2016
Gadget Geek is a conceptual design for an iOS app. The app makes it easy to find review and recommendations for any gadget categories. The application has an easy Q&A format to read reviews posted by others as well as to request a direct review. Users can also find information on the latest gadgets.
What is Mobile First?
The mobile first approach is to start designing with the smallest screen and working our way up. Since mobile has many limitations like screen size, bandwidth, etc. prioritizing content and designing within these parameters becomes a challenge. So, this ruthless content focused design therefore automatically translates to user’s needs in mind.
The challenge was to pick up a new problem and design a creative solution for it. I am a gadget lover myself and have always found it hard to get the best of them. It is a long and time-consuming process. Aggregating and analyzing reviews from multitude of websites is very frustrating, since they may be or may not be reliable. Although dedicated websites like Engadget have detailed reviews but not reliable all time.
I came up with the solution to provide users a review platform which users trust and can make decisions based of it. I created an iOS app Gadget Geek for all the gadget lovers to get feedback from friends in their social network. After all we rely on our friend’s advice for almost anything why not gadgets? The users could ask for a review as well as post reviews for the gadgets they own to help the community.
For this project, I started with the research and exploration phase to define the demographic user groups and their needs. I created Creative Brief, Platform research, Paper sketch, Mind maps and Personas. Next phase was the design phase with User flows, Design patterns, Low and high-fidelity wireframes, Visual design and Final prototype in Invision.
Key Consideration & Focus
I started with a simple mind map to map out my thoughts using associations, connections and triggers to help me further in my ideas. It helped me think with greater clarity to explore relationships between different elements and how they relate to the bigger picture.
b) Task Flows
Task flow diagram refers to a diagram that describes the entire scope of the system form the user view point. It is not about pages but features and how the user navigates through them. In the task flow, there will be nodes where the system shows information/state change to the user and the user provides input. Based on this I created the three. Ian task flow to indicate the path the user can take to complete the given task.
I created two personas based on my previous research to represent the user base of Gadget Geek. Creating them helped me to understand their goals, needs and experience. It also helped me to guide the ideation process.
High Fidelity Wireframes
The Final Design
For the final prototype, I created high fidelity wireframes and visual design to create a complete flow. I decided to do the on-boarding flow and ask review flow for the presentation purpose. Also, I did remote user testing with 4 users and revised my design based on their feedback.
Deliverable: You can view the working prototype below.
MADE WITH IN 2017