Intro
Anyone is a mobile app where you can give or seek advise from anyone in the world through five-minute calls. The app is named as one of the top 20 products to look out for in 2021 in the United Kingdom.
Role
User Research
Product Strategy
UX Design
UI Design
Prototyping
Usability Testing
Tools
Miro
Typeform
Figma
Maze
Timeline
5 weeks
๐ญ The Problem
The main problem that my partner, Parina and I identified from the Anyone app was that there was an overload of information making the user experience not personalized. Users may not feel comfortable reaching out to someone they do not know for advice which would deter them from using the app.
๐ฉ๐ผโ๐ฌ Hypothesis
We believe showcasing filters based on different criterias would build a more personalized experience for advise seekers. Hence our business goal is to enable advise seekers to be able to filter and search for advisors based on what is relevant to them.
๐งช The Solution
The solution that we came up with is to create a filtration system where users are able to search for an advisor based on different criteria (country, industry, language, price). We believe that this would help to cater to the user's requirements better and would make users feel more comfortable in approaching advisors.
The Outcome
The outcome of the study is that most testers found the filter tool as it helps them narrow down their requirements. 86.6% of the testers were able to find an advisor specialised in product design. which met our goal of 80%. Whereas for the filtering process, 92.5% of the testers found the experience seamless which surpassed our initial goal of 60%.
๐ Questions & Observations
To help me better frame any problems with the product, I began by forming some questions and observations I have about the product. To easily document these I followed the structure [situation], [response], [problem to business or experience] to ensure I'm aware of users and business needs.
When selecting a specific topic, users are only able to view one advisor, which causes the user to feel that their options of advisors are limited
When viewing the dashboard, users are only able to search by popular topics, category & in the search bar, which causes the user to feel their experience is not personalized
When making a call, users are redirected to select a payment method before making a call, which causes the user to question on whether they want to continue with the call
๐ UX Research
To confirm my observations and begin forming a hypothesis backed by data, I created a user survey to uncover the core problems with the product that I could prioritise for user and business needs.
๐ Synthesis
Having shared my survey with users of the product, the next stage of my case study was focused on synthesizing the data to recognise trends and form a hypothesis. During the synthesis I segmented user responses and used and affinity map to prioritise the problems of users inline with business needs.
Validated observation
Primary Frustration
When the user picks a specific topic, users are only able to see one advisor, which results in users feelings limited when choosing a topic.
Secondary Frustrations
When the user picks an advisor, users only have a brief background of the advisor, which results in the user being skeptical on whether they should approach the advisor as they are not familiar with them
๏ผHow Might We
With a picture of the problem at hand starting to come into place, we jumped into the ideation phase and worked through the solution design model, identifying users actual behaviour, and optimal behaviour. This allowed me to form a how might we statement to begin forming a solution.
How might we make users feel comfortable in approaching qualified/experienced advisors that they do not know?
๐ก Ideation
To avoid following the first idea I conducted a series of ideation techniques. This allowed me to consider an array of solutions. Following ideation I mapped what could be improved, added, and crazy ideas and prioritized them based on user value, business value, effort and time.
โ๏ธ Hypothesis
Having prioritized ideas based on what can be improved, added, or crazy ideas, I wrote a hypothesis that helps me frame the problem for user and business goals.
Hypothesis 1:
We believe showcasing the accreditation of each advisor will build more trust in advice seekers wanting to call them. Hence our business goal is to vet & filter through advisors that come onboard in order to provide more highly accredited advisors.
Hypothesis 2:
We believe showcasing filters based on different criterias would build a personalized experience for advise seekers. Hence our business goal is to enable advise seekers to be able to filter and search for advisors based on what is relevant to them.
โ๏ธ Rapid Sketching
Following the creation of my hypothesis I rapidly sketched solutions in lo fidelity. This helped me quickly map and understand the current product and consider options for how I could iterate directly in the product.
โ๐ป Wireframes
I used a neutral color palette to avoid any decision bias and would use this prototype to get feedback internally. I used Autoflow in Figma to help me easily map the user flow between each page ahead of converting the pages into a prototype.
Wireframes v 1.0
Wireframes v 2.0
๐ฉ๐ผโ๐ป Lo Fidelity Prototype
Using Autoflow allowed me to quickly and easily convert the static pages into a clickable prototype with transitions and interactions. '
Lo Fidelity Prototype v1.0
Lo Fidelity Prototype v2.0
๐ฉ๐ผโ๐จ Styles & Components
The lo fi prototype helped me recognize frustrations with the experience that I improved at the hi fi stage. To create the high fidelity prototype I inspected the products style and followed the 8pt rule to effectively and easily create a prototype that was consistent with the product styling. Before creating the prototype I defined styles and components to easily and quickly help me design consistently.
๐จ Styles
๐ Typography
๐งฑ Components
High Fidelity Prototype
Below is the final version of the prototype that I created. I included interactions and transitions from Figma to match the products flow.
High Fidelity Prototype v1.0
High Fidelity Prototype v2.0
Testing
With the hi fi prototype created I formed a testing script with scenario and tasks for the user to complete to validate the prototype with real users. To test the prototype I used Maze and gathered feedback following every task.
User Testing ScriptOutcome
The outcome of the study is that most testers found the filter tool useful as it helps them narrow down their requirements. 86.6% of the testers were able to find an advisor specialised in product design which met our goal of 80%. Whereas for the filtering process, 92.5% of the testers found the experience seamless which surpassed our initial goal of 60%.