"Select Language"
Language
Selection
Tap "English"
English
Selected
Tap "Continue"
Payment
Options
Tap "Credit Card"
Credit Card
Selected
Enter Credit Card Info
Payment
Processed
Tap "Confirm Purchase"
Purchase
Confirmed
MetroCard Balance Updated
Transaction
Complete
Return to Home Screen
End
This user flow shows the steps a regular rider would take to purchase a single refill on their existing MetroCard using a credit card on the MTA mobile app.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCH
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
I am an NYC-based UX/UI Designer, passionate about technology and storytelling through different sensory experiences. My daily muse comes from the nuances of human interactions, designing and re-designing, and my relentless curiosity of a 5-year-old.
A user experience designer Tina Lee's portfolio Tina Lee
Hi, I'm Tina, a user experience designer with a solid background in User-centered design process across web and mobile platforms in financial service applications, human resources applications, and enterprise social network.
The purpose of this portfolio is to show my design and problem solving process through 5 UX projects case studies.
Feel free to reach out to discuss the process or provide comments.
Here's a deck I put together for our weekly learning seminar at Verbal+Visual.
Special thanks for General Assembly, my instructors Luke Miller, Rashida White, and Nevan Scott.
http://www.verbalplusvisual.com/interaction-design-rapid-prototyping/
Oscar alert for wearables - Moto 360 & Apple WatchCarolyn Jao
Project Manager / Research Lead / Prototype (Apple Watch): Carolyn Jao
Researcher / Prototype Lead (Moto 360): Samira Rahimi
We developed a concept for an extension of the Oscar Health App to provide location based reminders as well as collision detection. We conducted in dept studies of the hardware capabilities and API, interviewed subjects with and without wearable experience, developed personas and created 2 prototypes.
I am an NYC-based UX/UI Designer, passionate about technology and storytelling through different sensory experiences. My daily muse comes from the nuances of human interactions, designing and re-designing, and my relentless curiosity of a 5-year-old.
A user experience designer Tina Lee's portfolio Tina Lee
Hi, I'm Tina, a user experience designer with a solid background in User-centered design process across web and mobile platforms in financial service applications, human resources applications, and enterprise social network.
The purpose of this portfolio is to show my design and problem solving process through 5 UX projects case studies.
Feel free to reach out to discuss the process or provide comments.
Here's a deck I put together for our weekly learning seminar at Verbal+Visual.
Special thanks for General Assembly, my instructors Luke Miller, Rashida White, and Nevan Scott.
http://www.verbalplusvisual.com/interaction-design-rapid-prototyping/
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
Hi I'm Gradinar Razvan and these are some sample projects that I've done in the past. It includes some samples from my experience as a UX UI designer, Visual Designer, Web Designer, Graphic Designer and 3D Visualization Artist
My portfolio can be seen here:
http://builtbyg.com
High-ress:
http://builtbyg.com/portfolio.pdf
Facebook:
http://facebook.com/builtbyg
Youtube
http://youtube.com/GradinarRazvan
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
A quick & dirty intro to UX strategy & design. Some context, some fundamentals, some current & emerging trends, and some useful resources for the absolute beginner.
First delivered @ the NDRC Launchpad startup accelerator in Dublin, Ireland, 16/10/2014. (www.ndrc.ie)
You only get a few moments to grab a hiring manager or recruiter's attention. Ensure your UX portfolio makes a solid first impression by designing it with your end users in mind. Years of feedback from hiring managers are distilled into this single slide deck. Learn from a former UX recruiter turned tech recruiter trainer on the essentials you need to make a positive first impression.
- what is UX?
- why is it important?
- a brief history and future of UX
- general ux principles
- enterprise ux
- ux project approach
- ui design principles
- ux tools
This is the portfolio I submitted to Toptal for my design review. It includes wireframes, web page designs, UX & UI experiments, visual designs and quirky little stories about how each project was executed. What do you think of it?
I am a UI/UX Designer with 4 Years experience in Designing Digital Products. Basically, I am an Engineer by education and Designer by Passion. My Designs are always solution driven and User-centered. I am a critical thinker who works on Lean Methodologies. Please Take a look at my portfolio.
About Kazumi Terada
- Available for hire
- Born in Tokyo, Lived in Dallas, Lives in New York. US Citizen. Bilingual.
- Parsons School of Design, BFA in Architecture
- Work Experience: Panasonic, Shutterstock, Vibrant Media, Bertelsmann
- Building websites since the 90’s
- UX Design Immersive Certificate from General Assembly, May 2016
- Co-founder of a design firm and a non-profit
Hi I'm Gradinar Razvan and these are some sample projects that I've done in the past. It includes some samples from my experience as a UX UI designer, Visual Designer, Web Designer, Graphic Designer and 3D Visualization Artist
My portfolio can be seen here:
http://builtbyg.com
High-ress:
http://builtbyg.com/portfolio.pdf
Facebook:
http://facebook.com/builtbyg
Youtube
http://youtube.com/GradinarRazvan
UX 101: A quick & dirty introduction to user experience strategy & designMorgan McKeagney
A quick & dirty intro to UX strategy & design. Some context, some fundamentals, some current & emerging trends, and some useful resources for the absolute beginner.
First delivered @ the NDRC Launchpad startup accelerator in Dublin, Ireland, 16/10/2014. (www.ndrc.ie)
You only get a few moments to grab a hiring manager or recruiter's attention. Ensure your UX portfolio makes a solid first impression by designing it with your end users in mind. Years of feedback from hiring managers are distilled into this single slide deck. Learn from a former UX recruiter turned tech recruiter trainer on the essentials you need to make a positive first impression.
- what is UX?
- why is it important?
- a brief history and future of UX
- general ux principles
- enterprise ux
- ux project approach
- ui design principles
- ux tools
This is the portfolio I submitted to Toptal for my design review. It includes wireframes, web page designs, UX & UI experiments, visual designs and quirky little stories about how each project was executed. What do you think of it?
I am a UI/UX Designer with 4 Years experience in Designing Digital Products. Basically, I am an Engineer by education and Designer by Passion. My Designs are always solution driven and User-centered. I am a critical thinker who works on Lean Methodologies. Please Take a look at my portfolio.
From Prototyping to Optimization; UX/UI a continuous processArabNet ME
From Prototyping to Optimization; UX/UI a continuous process
Jana Abi Akar, Creative Director and Partner, Eweev
Julien Fayad, Partner at Eweev, Co-founder and CEO at ShopBuilder
www.eweev.com
Because it's almost never the case that the first idea you have will be the best. An important part of the creativity of a designer is to think about how to rapidly prototype and get feedback. Moving from the ideation, we’ll introduce you to ten key principles for good design to apply in UI design. We call these heuristics. Finally, as much as you would like to think that your role is done when the design is developed & launched, the real work begins at this stage with tracking & analyzing.
ArabNet Beirut 2016; March 1-3
Slides from a workshop at The Net Value, Cagliari 03/2016
Your product is perfect and users are stupid. You are developing for a long time, following the perfect idea, your assumptions, you are not wrong… or not?
In this workshop you will understand the foundation of user experience. What UX is, why it is important and how you can start adopting it in your processes.
UX BASIS is a process and a set of tools to help your organization engage with your users through the online products that you develop. By building an experience around the user, it will enable you to answer their needs whilst ensuring the needs of your business are also fulfilled.
Evidence based design creates a greater value for your business and also encourages collaboration between your teams and results in knowledge sharing between individuals.
This talk was given at a meeting of web project managers (organised by J.Boye) in May 2010.
I have been involved in a number of User Experience initiatives throughout the years. This is highlighting some key projects I was lucky to be a part of in the last few years. https://www.linkedin.com/in/bergenlarsen
Designing user experience (ux) for digital productsVijay Morampudi
User experience design isn’t just moving pixels; it’s much bigger than solely the user interface (UI). You should start considering the entire customer experience: the full life-cycle of your customer’s experience across every channel, digital and non-digital. Evaluate every touch point, and redesign each one as necessary to meet your customer’s needs. The theme of this talk is how to define User Experience (UX) for digital products
Key takeaways
• Applying Design Thinking to UX
• From touch points to end-to-end experiences
• User research and Analytics to identify Personas and pain points
• Journey mapping
• Wireframing from lo-fi to hi-fi
• Usability and A/B testing
Enterprise software with user centric approachskyrise.tech
The story begins with Sesam Sesam support which used to work on an old admin panel, built a few years ago when the only support available was our technical team. We decided to improve it. Check it out!!
Show Me You Know Me - An Intro to UX and CROJeremy Hamman
August 2016 - Adobe IDUG Conference Phoenix
Introducing the value of user experience, conversion rate optimization, and some simple tools and resources to an audience of print designers. Talk focuses on methods for learning more about users, where they are in the conversion funnel, and how to meet them in their moment of need.
DIY Service Design, the toolkit (euroIA 2014, Brussels)Koen Peters
In this euroIA workshop, moderated by Kristel Vanael, Joannes Vandermeulen and Koen Peters, you will learn the methods and techniques to create an optimal service experience for your customer. During the exercises, you will be using the workshop material, posters and technique cards from the Service Design toolkit (http://www.servicedesigntoolkit.org/) that Namahn and Design Flanders have developed together.
Tips & tricks *for developers, by a developer* on how to work with end users and the business, making software development a bit easier.
This was delivered at Link State 2014 at Case Western Reserve University in Cleveland, OH on September 20, 2014.
Hadj Ounis's most notable work is his sculpture titled "Metamorphosis." This piece showcases Ounis's mastery of form and texture, as he seamlessly combines metal and wood to create a dynamic and visually striking composition. The juxtaposition of the two materials creates a sense of tension and harmony, inviting viewers to contemplate the relationship between nature and industry.
2137ad - Characters that live in Merindol and are at the center of main storiesluforfor
Kurgan is a russian expatriate that is secretly in love with Sonia Contado. Henry is a british soldier that took refuge in Merindol Colony in 2137ad. He is the lover of Sonia Contado.
Explore the multifaceted world of Muntadher Saleh, an Iraqi polymath renowned for his expertise in visual art, writing, design, and pharmacy. This SlideShare delves into his innovative contributions across various disciplines, showcasing his unique ability to blend traditional themes with modern aesthetics. Learn about his impactful artworks, thought-provoking literary pieces, and his vision as a Neo-Pop artist dedicated to raising awareness about Iraq's cultural heritage. Discover why Muntadher Saleh is celebrated as "The Last Polymath" and how his multidisciplinary talents continue to inspire and influence.
2137ad Merindol Colony Interiors where refugee try to build a seemengly norm...luforfor
This are the interiors of the Merindol Colony in 2137ad after the Climate Change Collapse and the Apocalipse Wars. Merindol is a small Colony in the Italian Alps where there are around 4000 humans. The Colony values mainly around meritocracy and selection by effort.
3. MY UX PROCESS
Finding the Problem
Research
Synthesize
Design
Test
Finalize
Defining the problem that needs to be solved is
my first step in the process, without it, where would I begin?
the product I am working on, find target audiences, find
competitors, interview users for their pains and pleasures in hopes to find a
trend. All research is crucial to the design phase.
the findings from the research phase. This helps break down and
prioritize all of the information, to make sure that all user needs will be addressed in
the solution.
Beginning with Low-Fi Wireframes, and testing with users helps create
a foundation for the next step of High Fidelity. Consistent user testing is key.
early, and often. That is something that I stick to carefully. Testing throughout
the whole process is great, but testing early and often boosts efficiency and quality.
all designs and deliverables. Chat with users and see what they think of
the solution. This helps me validate that my work has had a positive impact on how
users will use this going forward.
4. SKILLS AND TOOLS
Sketch Adobe InDesign P.O.P
OmniGraffle Google Sheets Google Docs
Adobe Illustrator Marvel Keynote
Google DriveAdobe Photoshop InVision
5. PROJECT // MEETUP
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
MeetUp 9:41 AM 100%
Back
Gargoyle UX Meetup
8:00 PM - 11:00 PM
10 W25th St
Join & RSVP
Friday October 30th
Rebecca Black
(917) 342-5600
rblack@meetup.com
RSVP
MeetUp 9:41 AM 100%
RSVP
Will You be Attending?
How Many People Will You be Bringing?
RSVP RSVP
Add to Calendar?
Recieve SMS/Email Updates/Reminders?
Yes No
Yes No
Yes No
0
MeetUp 9:41 AM 100%
Success!
Home Home
6. PROJECT // MEETUP
PROJECT BRIEF
TOOLS USED
TIME
MeetUp 9:41 AM 100%
Back
Gargoyle UX Meetup
8:00 PM - 11:00 PM
10 W25th St
Join & RSVP
Friday October 30th
Rebecca Black
(917) 342-5600
rblack@meetup.com
RSVP
For this project, my team and I needed to create a more
efficient way for ‘Hosts’ of events to get in touch with
‘Organizers’ of events so they can easily help eachother
and help the community.
14 Days to complete a high fidelity,
clickable prototype with research to support
our solutions and findings.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
7. PROJECT // MEETUP
SCREENER
PERSONAS
SYNTHESIS
USER INTERVIEWS
As a team, we decided it would be very beneficial to our next
steps if we crafted a screener survey, to ensure we are interviewing
the right candidates. With this, we hope to find the users educated
views on Meetup, and find different pain points that each user runs into.
From the screener responses, we carefully chose users that we would interview.
Here, we were looking for people with experience attending, organizing, or hosting events.
One user stated...
After our interviews, we gathered our information. This helped us prioritize the features
we needed to implement, as well as find trends in pain points that users have experienced.
This process was critical to our next steps into design, because without a strong foundation
and understanding of the problem, how would we create a functional solution?
My team and I were targeting three types of users,
Hosts, Organizers, and Participants of these events through
‘Meetup’. Thus, we created three separate personas to design for,
and each had their own needs, pains and pleasures.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
“The hardest part of planning
was finding a space.”
8. PROJECT // MEETUP
USER FLOWS
WIREFRAMES
SKETCHES
SITEMAPS
Creating a flow of the steps a user currently has to take to complete
a certain task was helpful to the design stage, because it gave us an
in depth look at how we can make the experience as pleasant as possible.
The sitemap, or in the case, “Appmap” layed out every existing screen of
the current app, which lead to great discovery of how the experience
could become more clear, and delightful for the users.
After creating the existing User Flows and Sitemap, sketching was the next step. Coming up
with multiple ideas in a short amount of time made us think of all possible solutions to the problem
at hand.
Sketching lead us to begin low fidelity mockups of our ideas, which went through a round of user
testing. Those low fidelity mockups then became medium fidelity, and then into high fidelity, with a lot
of testing in between. On the next page, you will find those mockups.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
11. PROJECT // MEETUP
SOLUTION
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
After all of the research, and design
that went into making Meetup a better
experience for its users, this is what we
came up with. We created a better
experience for hosts and organizers to
contact eachother by allowing them to
send eachother push notifications
when they see there is a host/organizer
in the area in need of one another. This
would increase the speed of how
quickly these events are able to be
planned, which ultimately would
positively affect the participant by
allowing them to have plenty of time to
clear their schedules for a certain
event. These feautres went through
plenty of testing, and we finally nailed
it and created a solution that helps all
users of Meetup.
13. PROJECT // MTA GoRide
42 Street 9:29 PM
34 Street 9:34 PM
14 Street 9:38 PM
W4 Street 9:44 PM
Canal Street 9:34 PM
Chambers Street 9:38 PM
Fulton Street 9:38 PM
Sketch 9:41 AM 100%
E
MetroCards Maps Schedule Profile
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
14. PROJECT // MTA GoRide
PROJECT BRIEF
TOOLS USED
TIME
For this project, my team and I were assigned the task of
picking an existing brand with a problem, and find the solution
through user interviews, user testing, research, and design.
The problem with MTA, is that it is an inconvienience to
constantly remember to refill your card, and keep track of it.
14 Days to complete a high fidelity,
clickable prototype with research to support
our solutions and findings.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
15. PROJECT // MTA GoRide
SCREENER
PERSONAS
SYNTHESIS
USER INTERVIEWS
As a team, we decided it would be very beneficial to our next
steps if we crafted a screener survey, to ensure we are interviewing
the right candidates. With this, we hope to find the users educated
views on using public transportation, and find different pain points that
each user runs into throughout their journey.
From the screener responses, we carefully chose users that we would interview.
Here, we were looking for people with experience using public transportation. Finding users that have
had a lot of problems refilling cards, and keeping track of their physical card was crucial, because these
certain users have great suggestions for improvement.
After our interviews, we took all of our recorded information, and did multiple sorting exercises that helped
us prioritize our next steps into making a functional solution. These exercises included card sorting for use
of certain terms, Affinity Mapping which layed out our interview notes, and a feature prioirtization process
named MoSCoW (Must, Should, Could and Won’t)
My team and I were targeting a few different types of users. Some
users will be regular MTA Riders, and possibly in a rush to get to work,
so they need a quick solution. Others will be infrequent MTA Riders, and
may need a map to get around. Thus, we designed for both of those types
of users.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
“I wish I had an Apple Watch where
I could just tap it to pay”
“Most of the time I forget that I need to
renew, then I see insufficient fare and
have to go back to the kiosk and miss
2-3 trains”
16. PROJECT // MTA GoRide
USER FLOWS
WIREFRAMES
SKETCHES
SITEMAPS
Creating a flow of the steps a user currently has to take to complete
a certain task was helpful to the design stage, because it gave us an
in depth look at how we can make the experience as pleasant as possible.
The sitemap, or in the case, “Appmap” layed out every existing screen of
the current app, which lead to great discovery of how the experience
could become more clear, and delightful for the users. This is a small
snippet of the AppMap.
After creating the existing User Flows and Sitemap, we went to the drawing board, and tried to create
sketches of six different ideas in 2 minutes. This helped spark our creativity, and move onto the computer to
create low fidelity wireframes.
Sketching lead us to begin low fidelity mockups of our ideas, which went through a round of user
testing. Those low fidelity mockups then became medium fidelity, and then into high fidelity, with a lot
of testing in between. This time, the platform was for iOS as well as watchOS.
These mockups are displayed in the coming pages.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
17. PROJECT // MTA GoRide
USER FLOWS
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
Purchasing a MetroCard User Flow (Single Refill Transaction):
MTA
Home
Screen
Start
Language
Screen
English
Card
Selection
MetroCard Refill
Insert
Card
Add
Value /
Time
Value
Payment
Amounts
Value
Payment
Type
Credit
Swipe
Credit
Card
Type PIN#
Charges
Screen
OK
Card
Dispensed
Receipt
Screen
Yes
Receipt
PAGE ACTION
Home Screen
Open Apple Wallet/
Hold Near Reader
Tap on Desired Card
to Use
Internal
Action
Card Slides to
Top
Prompted to Use
Touch ID
Place Finger on
Touch ID
Completed
Try Again
Using Apple Pay
18. PROJECT // MTA GoRide
WIREFRAMES
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
19. PROJECT // MTA GoRide
WIREFRAMES
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
20. PROJECT // MTA GoRide
SOLUTION
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
After all of the research, and design
that went into making MTA a better
experience for the user, this is our
solution. We gathered that users found
it difficult to remember to refill their
cards, and some users even felt they
may lose their MetroCard from time to
time. Other users found it would be
very easy to use their Apple Pay to pay
their fare. Our solution was simple.
Create an app that stores your card,
which gives you the option to renew/
refill the card. The app also offers an
Apple Watch companion app, where
you can access your Apple Pay for
quick and easy payment. This app
went through a lot of testing, and our
users found each feature to be clear,
findable and beneficial to their lives.
21. PROJECT // MTA GoRide
PROTOTYPE
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
22. PROJECT // Wellthy
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
23. PROJECT // Wellthy
PROJECT BRIEF
TOOLS USED
TIME
For this project, my partner and I were tasked with helping the
startup healthcare company Wellthy. Our assignment was to create
a more efficient way for customers to chat with their ‘Care Coordinators’
on platform, instead of off-platform (email) like most users were doing.
4 Weeks to complete a high fidelity,
clickable prototype with research to support
our solutions and findings.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
24. PROJECT // Wellthy
SCREENER
PERSONAS
SYNTHESIS
USER INTERVIEWS
Before we sent out our screener, we knew we would have a
slightly tough time finding the right candidates to interview
that have had experience with being the care giver for sick loved
ones, and we knew it would be a touchy subject for most to talk about.
Our use of certain terminology was carefully selected to make sure no
one felt pressured or offended about the sensitive topic.
From the screener responses, we carefully chose users that we would interview.
Here, as stated, we were looking for people with experience caring for a loved one,
taking them to doctors appointments, keeping track of medical records, and communication
with doctors, and other important medical personell.
Organizing the information from our user interviews was very informative. We got the opportunity
to speak with direct stakeholders of Wellthy. This gave us an amamzing inside look at how the company
operates, and their goals to help their users. These interviews helped us craft our personas, as well as
validate the features users wanted to see.
For this project, we knew we were targeting multiple types
of users. Care Recipients, people recieving care, Care
Coordinators, people directing the Care Recipient’s care,
and the family of the Care Recipient.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
“It would be great if a person of any age
could be in charge of their own health.”
25. PROJECT // Wellthy
USER FLOWS WIREFRAMES
SKETCHES
Creating a flow of the steps a user currently has to take to complete
a certain task was helpful to the design stage. This helped us see how we
needed to improve the chatting experience to keep users on platform.
With this phase, we sketched multiple different ideas and tested
them with our users. I had sketched an instance of the chat with
bubbles, like in iOS and other chatting applications. We tested it
against the existing Wellthy chat, which was more linear. Most
users liked the bubbles, because “it felt familiar” , and “easy to use”.
The bubbles iteration stuck, and it was time to take it to the computer to bring it to life. We went
through multiple versions of it, and a lot of testing through low fidelity, all the way to high fidelity.
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
26. PROJECT // Wellthy
SOLUTION
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
After we had a great time finding users
to interview, and design for, we came
up with a lot of new features that
would be added to Wellthy to make the
experience more delightful for all
users. We made the chat section more
user friendly, and the ability to add
family members onto the account so
everyone can have a say in what is
going on. Each person will have their
name stamped next to their chat
bubble for lack of confusion, with
hover states to show their relation to
the Care Recipient. The ability for
users to manage the care for more
than one family member is now added,
and has become a clear, and findable
experience. Each user was carefully
thought about during our process, and
each feature add went through a lot of
testing to make sure it was the right fit
for Wellthy. This project was a great
experience all around.
27. PROJECT // Wellthy
PROTOTYPE
OVERVIEW | SCREENER INTERVIEWS PERSONAS SYNTHESIS | USER FLOWS SITEMAPS SKETCHES WIREFRAMES PROTOTYPE
Full Clickable Prototype: https://invis.io/27592V1Q9