Gadget Geek

User Research, Mind Map, Information Architecture

TOOLS

Adobe Photoshop, Sketch, Invision

DURATION

Apr to June 2016

PROJECT TYPE

Individual Project

SUMMARY

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.

Overview

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.

Problem

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.

Solution

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.

Design Process

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

a) Sitemap

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.

c) Personas

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.

Important Highlights

  • Guiding users to better content.
  • Provide a platform to users who are interested in sharing reviews of gadgets they own. Users can discuss, share, comment and appreciate gadget reviews.
  • Ensure that Gadget Geek has operational benefits that services the customer by providing answers according to user’s preference and connecting them to their friends.
  • Nothing can substitute for an elegant and engaging app experience to drive usage and retention. The design of the app will help users to find and share content easily.
  • The content will be personalized based on user’s activity.
  • Gadget Geek will make use of push notification to send updates to users in order to generate app traffic.

Project Impact

Limitations

  • Since the MVP was already given, I adhered to that and couldn’t explore other alternative solutions.
  • The project requirement focused on creating a single user flow either on boarding/app usage.
  • Due to the time constraints, I conducted usability testing remotely with 4 participants. It would have been better to observe them doing tasks first hand and gather more feedback.

My Learnings

  • The conceptual process taught me how to think in terms of mobile first and responsive design.
  • I learnt about grid systems for multitude of devices.
  • Although I created site map in the beginning had to go back and forth multiple times from the initial idea and learning to get comfortable in this is part of the design process.
  • My work can be responsive, accurate and fast without sacrificing quality. But this cannot be achieved by a shortcut or ignoring design strategy.

MADE WITH IN 2017