PROJECT OVERVIEW
AskPronto aims to be the go-to destination for live expert guidance, in real-time, for achieving a greater sense of independence and autonomy for young adults.The app will help reach a broad range of users that may not have access to a support system in the most crucial stage of adulthood.
By bridging the gap between watching a how-to video and hiring an expensive professional, this app will be an affordable alternative to getting answers to everyday questions and problems. Connecting experts with users, face to face, will provide a personal, productive and overall increase the value of the experience.
TARGET AUDIENCE
Young adults between the ages of 18-26
The minimum age demographic for this app is 18, as that is the required age for payment platforms like PayPal and Venmo. The app will enable payments between parties through online money transfers. The upper age range is 26, for at this point, anyone older will most likely be out of an academic setting. The app will be accessible to all users over 18 unless a parent or legal guardian consents.
THE PROBLEM
Young adult needs a way to access live support in a variety of topics because they lack the knowledge or support to complete a specific task independently.
We will know this to be true when we see them access a live expert and complete the task they requested assistance with, independently.
-
young adults often encounter a lack of the guidance for achieving the independence and autonomy they desire
-
drawing on over two decades of experience, I've observed a growing need for timely, trusted information
-
many young adults are hesitant to turn to their parents as their first point of contact for help
-
asking authority figures for help may not always result in a supportive and encouraging manner
-
pressure to “figure it out” is a common response heard from authority figures
THE SOLUTION
Create an engaging, reliable and interactive, responsive web application
Provide users with access to experts in a variety of fields under one platform through live video chat
Design a place where young adults can converse about problems and solutions that have worked for them
Experts can build revenue from sharing knowledge with an expanded network of clients
DESIGN PROCESS
Empathize
interviews
surveys
competitive analysis
research
Define
personas
affinity map
empathy map
journey map
Ideate
IA
user flows
card sorting
wireframes
Prototype
sketched wireframes
rapid prototyping
mid & hi-fi prototyping
Test
usability testing
moderated/
unmoderated
preference testing
TOOLS USED
RESEARCH & TESTING
100%
Asked a friend/family member for help to solve a problem first
60%
YouTube was the go to site for learning a new task
40%
Need assistance 1-2 times a day
Pain Points
How to adult?
How to achieve independence?
“It’s important I attempt a task independently first.”
“I think using video assistance in real time is very helpful”
“I have a strong desire to learn new things quickly on my own.”
RESESARCH
-
achieving independence is very important
-
how to adult was the most common problem
-
they want to learn things quickly through reliable sources
-
participants had similar pain points and frustrations in regards to needing help on a daily basis
TESTING
• 70% chose “star” as preferred design for rating
• 55% chose “heart” as preferred design for favorite
• participants would have skipped onboarding if available
• quick, engaging and optional onboarding, best choice
PERSONAS
Young Adult
wanting to be independent and gaining
autonomy with confidence.
Busy Adult
looking for help gaining knowledge in fields of interest and multitasking life’s stressors
USER FLOW & JOURNEY MAPS
Young Adult
needs a reliable and patient expert to help solve problems with short notice.
Busy Adult
needs an app with quick onboarding that is right to the point so they can access assistance quickly
-
users looking for help could initially be frustrated, annoyed or anxious
-
there is nothing currently on the market that provides expert help in a variety of fields via live in real-time video chat
-
onboarding is a continued skipped feature
-
help is needed at all hours of the day
WIREFRAMES & PROTOTPYING
Evolution of AskPronto from lo-fi to hi-fi wireframes & prototype
Photo above features original lo-fi hand drawn wireframes
Mid-fi Wireframes
Hi-fi Wireframes
WIREFRAMES
-
found that creating wireframes was more efficient with a small wipe erase board vs paper templates
-
quickly adjusted the frames to try out new ideas without wasting ink and paper
-
captured my process by taking photos of the boards and then turning the final designs into paper wireframes
-
I personally like to go from brainstorming with the wipe board to digital wireframes (preferred software is Figma)
-
understanding how to create components and cataloging them in a design system for easy of future iterations
-
the benefits of continuing to learning more about the software to reduce my own personal cognitive load
Prototype
PROTOTYPING
-
the value of implementing memorable icons for fast recall
-
users enjoyed the ability to login in quickly with social media
-
the importance of making sure nothing on the screen bounces to avoid distractions between flows
-
importance of a usual bottom navigation bar so users can quickly navigate the application to reduce cognitive load
-
taking a class in FIMGA would have been a great idea at the beginning of my program to save time and work more efficiently
AskPronto Video Walk Through
DESIGN SYSTEMS
Excerpt from completed design library
Typography
Header 1
Open Sans Extra Bold 35pt
Header 2
Open Sans Black 25pt
Header 5
Open Sans Regular 10pt
Colors
Body
Body 1
Open Sans Italic 20pt
Body 2
Open Sans Reg 16pt
Body 3
Open Sans Reg 12pt
Body 3
Open Sans Reg 10pt
Language and Tone of Voice
Language and Tone of Voice for AskPronto will be presented in a clear and friendly manner. The app will showcase an approachable vibe that provides a simple approach to make users feel comfortable and more ept to reach out for assistance while maintaining a professional and knowledgable platform.
Primary
#6E8696
Steel Blue
Accent 1
#957A6E
Almond Frost
Secondary
#26386C
Lapis Blue
Accent 2
#000000
Black
CTA Color
#5CDB5C
Fresh Green
Colors for the app have been carefully considered with respect to the needs and emotional state of its users.
Steel Blue- (primary color) used for background of onboarding to provide a calming initial response
Lapis Blue- used in our logo and for floating action buttons
Almond Frost- sampled from Pronto, mascot, and used for accents in regards to experts, and app's typography to express reliability
Black- second accent color used for fonts
(titles, body and dialog)
Fresh Green- call to action buttons
Logo
The AskPronto logo was designed to reflect the direct message behind the app which is to provide live video assistance anywhere! The word “pronto” means ready in Italian and “quickly” in English. The concept was merged together to display a readiness to provide our users with a vast field of knowledge quickly through a live chat platform from anywhere in the world.
The logo uses the font Opens Sans extra bold in a calming Lapis Blue for “Ask”, a live video icon to represent the “o” and Opens Sans regular in Black for the typography of “Pronto!”. Open Sans is continued as the font for our slogan “Live Assistance Anywhere”.
* as pictured, logo can also appear in white (Ask) and a white “video chat” icon without a slogan attached on a dark background for better visibility.
** when the logo is used on darker background “Ask” should be shown in white extra bold for clarity.