VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
Janice Tsai | UX Portfolio 2015
1. TT
J A N I C E T S A I
ux portfolio 2015
I’m a learner with a heart for people’s stories.
For me, empathy lies at the intersection
between tech and design.
2. Why do I choose to study
user experiences?
I’d like to explore how UX can advocate for
small, but real changes in the ways people
experience discovery and learning.
As a lover of arts and
humanities, UX has given
me the tools to focus
abstracts into tangibles
with real impact.
3. user-centered design process
DESIGN
prototype • test • package
CONCEPT
sketch • test • validate • iterate
RESEARCH
observe • ask • listen
DELIVERABLES
• screener surveys
• interviews
• competitive analysis
• comparative analysis
• information architecture
• card-sorting
DELIVERABLES
• key takeaways
• affinity maps
• personas
• user stories
• features prioritization
DELIVERABLES
• sketches
• paper prototypes
• user flows
• sitemaps
• testing insights
• mid-fidelity wireframes
DELIVERABLES
• hi-fidelity mockups
• annotated wireframes
• clickable prototype
TYPES
• brand research
• user research
• tech research
INSIGHT
process • extract • prioritize
5. Duolingo is a free, gamefied app
for learning a new language!
The best part was digging into the
motivations of people who want to learn a
language. I’ve always been passionate about
facilitating learning, and this project gave
me a first glimpse of what that process could
look like from the design side.
PROJECT HIGHLIGHT
STUDENT PROJECT:
6. To design a solution, we looked into
why and how people learn languages,
which resulted in a feature which
allowed users to customize their lessons
by topical game trees, as well as a
conversation exercise designed to help
users follow the flow of a conversation.
SOLUTION
Allow users to customize
their learning experience
based on their motivation to
learn a new language.
OPPORTUNITY
As a User Researcher, I conducted surveys,
user interviews, competitive &
comparative analysis, and created
personas and user flows.
As a UI Designer, I sketched and user-
tested paper prototypes, and created hi-
fidelity mockups using Sketch.
MY ROLE
This was a 2 week project done in Jan
2015 during General Assembly’s User
Experience Design course.
Solve the issue of “Americans want to
learn to speak a foreign language.“
OBJECTIVE
7. DESIGN
INSIGHT
CONCEPT
RESEARCH
observe • ask • listen
brand research
competitive analysis
comparative analysis
screener surveys
user interviews
“In school, you do a lot of tests and
memorization, but Duolingo combines it
all to make it fun… It doesn’t feel like
you’re actually memorizing things, but
after a while you just know the words. It’s
tricking you that you’re playing a game,
but you’re actually learning.”
THE BRAND
Jenny, 22, daily Duolingo user
Make free language
available to anyone
in the world.
No hidden ads, fees or paid
'premium' content - a rarity.
COMPARATIVE ANALYSIS:
Broke down how they
utilized conversation.
Voice, tone & style should
be friendly, witty and fun.
“Game-fied” learning.
Areas of opportunity
for Duolingo.
Duolingo Busuu Rosetta Stone Pimsleur
Cost Free Free* $159** $99.95
Platform App App
Online, access to
apps & games MP3/Audio
Choice of
Course Topics? ✗ ✓ ✓ ✓
Teach Through
Conversation? ✗ ✓ ✓ ✓
COMPETITIVE ANALYSIS
What features are available?
*In-app feature purchases
**$159 (6mo. subscription), $199 (12mo.), $229 (36mo.)
8. DESIGN
INSIGHT
CONCEPT
RESEARCH
observe • ask • listen
brand research
competitive analysis
comparative analysis
screener surveys
user interviews
SCREENER SURVEYS
WHY do people learn a language?
USER INTERVIEWS
HOW do people learn a language?
Ben, 24
“Opted to learn more Japanese in
college after watching anime in
Japanese with subtitles for years.”
Judith, 22
“I’m currently living in South Korea and
interested in East Asian foreign policy
as a career, so I’m learning Korean.”
Katie, 23
“I used to live in the the Bronx, where
Spanish is widely spoken, so I wanted to
feel more connected.”
Alivia, 21
“Watching a movie helps with picking up
vocabulary and hearing pronunciations.
The more exposure the better - you hear
what makes sense.”
Carolyn, 28
“Was traveling to Barcelona so wanted
to learn some of the language to get
around.”
Samira, 27
“I listened to Pimsleur because it was
conversational, more human. Other
apps would be like ‘Hi. How are you? I
am well.’ No one speaks like that!”
CULTURE
LISTENING CONVERSATION
CULTURE
TRAVELTRAVEL & WORK
: 46 survey participants
: 87% Apple iOS users
: 15-20 min/learning session
: 4 interviews total
• 1 dedicated Duolingo user
• 2 mixed learners
• 1 non-Duolingo learner
9. TT
DESIGN
INSIGHT
process • extract • prioritize
CONCEPT
RESEARCH
key takeaways
affinity maps
personas
user stories
features prioritization
“The Community Engager“
KEY TAKEAWAYS
Synthesized key
takeaways from surveys
and interviews.
Identified MVP features
based on prioritzation
& tech constraints.
HOW? • Conversations, Listening
SOLUTION • Conversation Exercise
WHY? • Culture, Work, Travel
SOLUTION • Topical Game Trees
USER STORY
“The patient in room 7
always smiles and greets
me in Spanish - I want to
be able to respond!”
FEATURES PRIORITIZATION
Low/High Effort vs. Nice-to-Have/Essential
“The Casual Learner“
“The Immersive Traveler“
Persona profiles created from survey
and interview key takeaways.
PERSONAS
10. DESIGN
INSIGHT
CONCEPT
sketch • test • validate • iterate
RESEARCH
sketches
paper prototypes
user flows
testing insights
mid-fi wireframes
SKETCHES & PAPER PROTOTYPES
A/B tested copy for feature discoverability and
user expectations at lo-fi, mid, & hi-fi levels.
Select a Topic / Course Topics / More Course Topics / Course Topics
Created based on user
stories for each
persona.
USER FLOWS
TESTING INSIGHTS
Customize Your Course
vs.
More Course Topics
✗
✓
“‘Customize Your Course’
makes me think I can add
or remove lessons from
the original game tree.”
FALSEUSER EXPECTATIONS:
11. INSIGHT
DESIGN
prototype • test • package
hi-fidelity mockups
annotated wireframes
clickable prototype
RESEARCH
FEATURE #1
CUSTOMIZE LESSONS
Separate game tree
based around
TRAVEL specific
material.
Instead of progressing
linearly to get to a
relevant lesson, tap for
a list of topics.
1.3
SITUATION: You’re
flying to Barcelona,
and you just want to
learn some Spanish
to get you through
the airport.
FEATURE #2
LISTENING & CONVERSATION
1.1
1.1
2.1
2.2
2.3
1.2
Audio highlights and
begins automatically.
Toggle ENGLISH text.
START/PAUSE audio.
Tap a line to
initiate audio
from that point.
CONCEPT
Audio highlights and
begins automatically.
2.4
2.5
2.6
2.7
After user records and
releases, flow of
conversation continues.
Audio pauses here
to indicate it is the
user’s turn to speak.
Prompts user
to utilize mic.
PROTOTYPE
2.1 2.4
2.5
2.6
2.7
2.2
2.3
1.2
1.3
CLICK TO LAUNCH
12. Reserve is a personal concierge
for creating seamless dining
experiences.
The most challenging, yet exciting part was
learning the technical and design constraints
of a completely new, untested platform. It
was thrilling to discover what is possible on
the Apple Watch, and how we could design
both for and around its limitations.
PROJECT HIGHLIGHT
CLIENT PROJECT:
13. Identify the most essential functions
of the native app to transfer to the
Apple Watch design, and create an
MVP feature set that will work
within the technical constraints of
Apple Watch, as well as Reserve’s
most updated native experience.
SOLUTION
Provide an easy way of
responding to notifications
on the Apple Watch.
OPPORTUNITY
As Project Manager, I managed tasks
for my team of 3, maintained client
communication and produced research
reports and testing insights for clients.
As a UX Designer, I researched,
designed, user tested and iterated
ideas for Watch design within Apple
Watch Human Interface Guidelines.
MY ROLE
This was a 3 week client project done in
Feb 2015 during General Assembly’s
User Experience Design course.
Reserve wanted us to research and
develop concepts for an Apple WatchKit
extension of their existing iOS app.
OBJECTIVE
14. DESIGN
INSIGHT
CONCEPT
RESEARCH
observe • ask • listen
THE NATIVE EXPERIENCE
WELCOME SCREEN RESTAURANTS LISTING RESTAURANT PROFILE PAYMENT CONFIRMATION RATINGS SCREEN
CONCIERGE SERVICE
Reserve handles everything from restaurant suggestions
to payment-processing after a meal.
V.I.P. SELECTIONS
Offers a highly curated & exclusive listing of restaurants.
DESIGNED WITH RESTAURANTS IN MIND
No fee for restaurants to join.
Flexible - doesn’t force them to hold tables.
Private feedback from Reserve diners.
HOW IS RESERVE DIFFERENT?
Conducted stakeholder interviews at
Reserve HQ to determine project scope,
technical constraints, business goals, etc.
Assessed Version 1.3 of the native app
and Apple Watch HIGs to determine
potential MVP feature set.
stakeholder interviews
technical research
brand research
competitive analysis
comparative analysis
screener surveys
interviews
15. DESIGN
INSIGHT
CONCEPT
RESEARCH
observe • ask • listen
stakeholder interviews
technical research
brand research
competitive analysis
comparative analysis
screener surveys
interviews
37
SURVEYS
BUSINESS
SUCCESS
STORIES
ITUNES
APP
REVIEWS
CLIENT
DECKS
COMPETITIVE
ANALYSIS
COMPARATIVE
ANALYSIS
12
INTERVIEWS
SOURCES INTERVIEWS • 3 TYPES
CONCIERGES
GOAL • Understand how to incorporate
concierge experience into design.
TECH ENTHUSIASTS
GOAL • Understand smartwatch user behavior.
COMPARATIVE ANALYSIS • Moto360, Pebble,
Suunto, Samsung Galaxy Gear
DINERS
GOAL • Understand diner expectations,
context, and behavior.
INTERVIEW HIGHLIGHTSCONCIERGES:
“Always offer an alternative if you can’t accommodate the original request.”
- LEAH / 29 Y.O. / PR MANAGER / NYC
TECH ENTHUSIASTS:
“I use the Moto 360 exclusively for short responses. Usually when in transit
somewhere — when walking or carrying something.”
- LUCAS / 25 Y.O. / INTERACTION DESIGNER / BALTIMORE
DINERS:
“Good customer service is when a place goes a little bit out of its way to make
an evening memorable with personal touches, or personal recommendations.”
- LISA / 32 Y.O. / MARKETING MANAGER / SAN FRANCISCO
16. DESIGN
INSIGHT
process • extract • prioritize
CONCEPT
RESEARCH
key takeaways
affinity maps
personas
user stories
features prioritization
VIBRATING NOTIFICATIONS ARE ESSENTIAL & EFFECTIVE
SOLUTION • Save for core call-to-actions
ACCESSIBLE NOTIFICATIONS ADD CONVENIENCE
SOLUTION • Keep content concise enough for quick glances
BRAND LOYALTY • PURCHASES WITHIN SAME OS
SOLUTION • Make watch extension available for Android & iPhone users
SIMPLIFIED USAGE OVER TIME
SOLUTION • Keep features to a bare minimum with easy onboarding
KEY TAKEAWAYS
NOTIFICATIONS
• Shoulder Time Offer
• Reminders
CONFIRMATIONS
• Reservations
• Request Added
• Payment
RECOMMENDATIONS
• Suggested Offers
MVP FEATURE SET (VER. 1.3)
LYLE’S USER STORY
AFFINITY MAPS
Synthesized key takeaways from
3 types of interviews to
determine MVP feature set.
Short Look:
Reservation O f er
Long Look:
Shoulder time
of er from
Carbone
Tap “Keep
Waiting”
RESERVE: Lyle
sends request
for Carbone,
table for 2,
2/28, 5-7pm
ZZ’s Clam Bar
Details
Tap into ZZ’s
Clam Bar
Recommendation
Overview
Lyle is one of two
personas we generated
fom interviews. He is
curious - the type who is
always willing to try out
new restaurants and tech
to improve his lifestyle.
PERSONAS
17. DESIGN
INSIGHT
CONCEPT
sketch • test • validate • iterate
RESEARCH
sketches
paper prototypes
user flows
testing insights
mid-fi wireframes
Apple Watch HIGs were referenced
throughout the entire design process.
PAPER PROTOTYPES
“RATE YOUR EXPERIENCE” - VER. 1 “RATE YOUR EXPERIENCE” -VER. 2 (MID-FI)
USER FLOWS
Changes are reflected in the
simplification between user flows.
TESTING INSIGHTS
“No one wants to scroll on a watch.”
- COLE / 37 Y.O. / WEB DEVELOPER / NYC
“Just make it lazy. People are lazy. They want
the least amount of reading and work."
- SHARON / 35 Y.O. / SOCIAL MEDIA STRATEGIST / AUSTIN
How was the
food?
How was the
service?
How was the
ambience?
Submit
RESERVE
The Bill is Paid
Tap “Dismiss”
Long Look:
Shoulder time
offer from
restaurant
Short Look:
Shoulder time
notification
Tap “Rate
Experience” Rating Survey
Select stars &
scroll
Submit
Dismiss Thank You!
Tap “Dismiss”
Long Look:
Shoulder time
offer from
restaurant
Short Look:
Shoulder time
notification
Tap “Rate
Experience”
Rate Food Select stars Swipe right
Select stars Swipe right Rate ServiceRate Ambience
Select stars Tap “Submit” Thank you!
Ver. 1 used the paginated app style, involving
more user actions: tap star/scroll (repeat x3)
Ver. 2 was designed
to minimize scrolling
and fit on one page.
18. INSIGHT
DESIGN
prototype • test • package
hi-fidelity mockups
annotated wireframes
clickable prototype
next steps
future feature ideas
RESEARCH
CONCEPT
UPCOMING RESERVATIONS
Contains list of upcoming restaurant reservations.
PENDING REQUESTS
List of pending requests and status (e.g., Waitlisted)
RECOMMEND A RESTAURANT
Recommendations will appear if a request has been
started in native app and the watch has diner’s data.
INVITE FRIENDS
Invite friends through Apple Contacts.
3.1
ANNOTATED WIREFRAMES
APPLE WATCH HOME
SEE RECOMMENDATIONS
SHORT LOOK: CONFIRMATION LONG LOOK: CONFIRMATION
RECOMMENDATION #1 PAGANI REQUEST ADDED
RESERVE WATCHKIT MENU
“ADD REQUEST” will add the selected restaurant to the request
container, for the original time & date requested.
Tap into each restaurant for details. Recommendations
based on cuisine type, location, and ratings, with respect to
user’s original request.
CONFIRMATION notification received once restaurant accepts
request. First SHORT LOOK, then LONG LOOK will appear.
“GO TO RESERVE APP” pushes to native app for more functionality.
3.2
3.3
3.4
3.5
3.4
3.5
3.1
3.2
3.3
PROTOYPE
CLICK TO LAUNCH
19. INSIGHT
DESIGN
prototype • test • package
hi-fidelity mockups
annotated wireframes
clickable prototype
next steps
future feature ideas
RESEARCH
CONCEPT
FUTURE FEATURE IDEAS • HIGHLIGHTS
SURPRISE + DELIGHT
SOLUTION • The restaurant can see that a user is
interested in them from their Venue app, and sends
an offer if there are open tables.
IN-WATCH VOICE-RECORDED TECHNOLOGY
SOLUTION • Offer voice recordings for feedback
during the “Rate Your Experience” survey.
LOCATION-BASED REMINDERS
SOLUTION • Notify users when to depart for their
restaurant reservation based on their location.
WHY • The microphone is the most accessible
way to leave feedback on the watch.
HOW • Access the watch’s microphone and
recording capabilities.
Let’s do it
Mediterranean
Union Square
Aldea
“Aldea has a table for 2
at 6:30 PM available
right now. Would you like
it?”
Dinner for 2 on Feb 28
Between 5:00-7:00 PM
Get Directions
Reserve
“To arrive on time for
your 5:00 PM
reservation, please leave
in 10 minutes.
Carbone
LEAVE SOON
(for RESERVE versions 1.3+!)