Adroit

Advice when you need it
icook

Project Details

Client Work | My Role: UX Designer | Time: 4 Months

Items I delivered

  • Competitive Research
  • User Interviews
  • User Personas
  • TaskFlows
  • Wireframes
  • Usability Test Results
  • High Fidelity Prototype

Software I used:

  • Survey Monkey
  • Photoshop
  • Invision
  • Sketch
  • Omnigraffle

Meet Adroit


What is Adroit

iOS Expert Application that allows users to seek professional and personal advice from trusted experts.


What makes Adroit unique?

Our application allows users to connect with trusting and reliable experts in pursuit of advice on issues they experience everyday. Users can find experts in a multitude of ways via the filter and sort functionality. When users find someone they like, they can book




Competitor Analysis

I started out with a competitor analysis to understand the product, the current market, who the competitors are, what strategies they are using, what value they provide and how my app would fit into this space. The three main competitors I've identified for the scope of this case study are: Jinitto, Clarity, and SnapAdvice. For each competitor I completed a competitor profile, marketing profile, SWOT profile, and UX/UI analysis.


Jinitto

Jinitto is a mobile platform allowing you to access to professional advice anytime anywhere.


Key Objectives: Find trusted service providers and professionals online for advice via your smartphone. Simply download the app, search a category of expertise and schedule a call with your expert to ask questions and receive advice.

The bottom line:

  • Easy search for areas of categories and experts
  • Vetted experts with profiles and stats
  • Video calls & IM with payment tracking

Clarity

Clarity is an online platform focusing on motivated individuals that need help with growing their business; any business with professional advice.


Key Objectives: Clarity allows users to make faster and better decisions to grow their businesses by providing advice from battle-tested professionals.

The bottom line:

  • Browse topics and industries
  • Request Calls via conference line
  • Focused on hungry professionals looking to expand their business
  • Can review experts’s questions and answers on their profile

Snap Advice

SnapAdvice is an application that serves personalized advice on specific challenges that individuals face.


Key Objectives: SnapAdvice focuses on offering personalized advice, coaching and learning for individuals that need help on a wide variety of issues and topics. It markets its many famous and successful influencers, celebrities, and entrepreneurs as its advice givers. The application offers users a wide variety of scheduling options, with payment and video calls built in.

The bottom line:

  • Advice, coaching, and learning opportunities
  • Lots of experts for individuals to choose from

User Journey

Sign Up

Compare Experts

Book Experts


User Personas

To create successful iOS application it is important to understand the types of people who'll use the app. To do this I created three user personas, based on the user research I conducted earluer, to which will allow me to perform quick testing of assumptions and prioritizing of features during the development process.

Meet Vanessa

Vanessa is a young professional teaching herself frontend development, and sees advice from experts that can help her troubleshoot errors in her code.

Meet Mark

Mark is a single parent seeking parental and child development advice from trusted experts with backgrounds in child psyhchology.

Sketches

In this phase I started sketching out iterations to be able to quickly see which idea would work best, using the mobile first approach.

Wireframes

In this phase I began creating a more solid design of my application. This was no easy task; menus, profiles, and animation were examined throughly here to determine the best fit moving forward.

Usability Testing

Wireframes and prototypes were tested consistenly and iterated progressively to determine the user flows, usability errors, and heuristic issues. To test I used paper prototypes and created working prototypes for mobile using Invision to conduct interactive tests with live and virtual test users. During the tests, usability issues have been identified and iterations have been made to solve these issues and re-tested for validation.

Issue #1: Users find the ‘Back’ button placement in a confusion place.

Vanessa is a young professional teaching herself frontend development, and sees advice from experts that can help her troubleshoot errors in her code.

Description: The expert modal was introduced as a way for users to view

Evidence: • 40% of users did not notice the Agent Modal • 60% found the modal difficult to see

Suggested Change: Increase the size of the Agent modal, text and cancel button.

Issue #2: Users find the Agent Modal too small and/or difficult to notice.

Description: The expert modal was introduced as a way for users to view

Evidence: • 40% of users did not notice the Agent Modal • 60% found the modal difficult to see

Suggested Change: Increase the size of the Agent modal, text and cancel button.

Issue #3: Include Important Expert Information in the Expert's Profile

Description: Users want to know more about an expert from what is listed in their profile, users need to know that they can trust whom they seek advice from.

Evidence: 40% of users were curious about how they could validate the expert’s industry, experience, and reliability

Suggested Change: Add URLS to the Expert's social media, portfolio, etc

Design Documentation

The application was properly updated to meet iOS human interaction guidelines for a better user experience on mobile. It was here that I decided to rehaul the color, typography and layout of the applications, hence the drastic difference between the wireframes and the prototypes.

Final Designs

The application was properly updated to meet iOS human interaction guidelines for a better user experience on mobile. It was here that I decided to rehaul the color, typography and layout of the applications, hence the drastic difference between the wireframes and the prototypes.