SlideShare a Scribd company logo
UX Project Example
Genevieve Linchangco
Freelance User Experience Researcher
Usability Study
New User Experience prototype 1
April 2014
create and send collaborative video greeting cards on iOS
www.getcelebrate.com
identify current greeting
behaviors and pain points:
one-on-one interviews
validate finding generalizability:
online survey
review social media accounts
test prototype:
usability tasks
test next prototype:
usability tasks
Research Plan Context
Initial Consult
Request: test our prototype
general impressions
will they will use it?
do they like the colors?
do they like the emojis?
does the intro make them excited?
how often would they use it?
Revised Questions:
understand what it is?
see why they should use it?
create a montage, invite, gift easily?
general impressions
Method: Usability Tasks
moderated
first study, many unknowns
one-on-one
first study, many unknowns
“realistic” first session is solo
in-person
first study, many unknowns
catch session details
experience environment
on-campus
participant recruitment ease
casual setting
experience environment
real context of use
participant’s iPhone
real context of use
task based
specific questions
Session Outline
5-10 minutes
paperwork and rapport building
40-45 minutes
usability tasks
5 minutes
participant questions
5 Participants in study
Selection Criteria*:
1. social media power user
2. recent greeting post/message
3. female
4. age 18-22
5. local college student
6. iPhone 5s or higher
Participants
Recruitment method:
surveymonkey screener
on campus flyers
craigslist
campusjob.com (wayup.com)
* 1-5 validated in previous studies
Introduction
Task 1.1:
Take a look and let me know when
you get to the register screen
screen 1
animation
Introduction Screens
Task 1.2:
what can you tell me about the app?
Goals of Introduction
User goals:
Quickly judge
What does it do/is it for?
How much time, effort, $?
Something I would use?
Should I sign-up?
Product team goals:
Get sign-ups
Explain app
Communicate value prop
Introduction Screen Findings
Quickly judge
✔ screenshots look cool
✖ dated vs current
✖ itching to start
✖ wouldn’t read IRL
What does it do/is it for?
✔ videos, group, montage
✖ unsure, hesitant
✖ gift focus not clear
✖ miss screen 1 animation
Introduction Screen Findings
What do I have to do?
✖ “easy” how?
How much time, effort, $?
✔ free
✖ “we do all the work for you” huh?
Something I would use?
✖ not sure
Should I sign-up?
✖ not sure
Introduction Recommendations
1. Let them start!
skip button, fast, easy, cheap, testable
1. Edit content
less is more
no meaningless words e.g. “easy”
nix animation
3. Rethink info location
before download, appstore or landing page
4. Visual Design
current, continuity
Montage Creation
Task 2:
create a montage for something
coming up
Interest user in coming back
✔ emojis feel casual and relatable
✔ colors feel fun and updated
✖ “These big events don’t apply to me”
age appropriate and general events
⚖ if keeping list: re-order occasions
Select Occasion
Task 3:
record your first video
Record video
Give ideas to encourage recording
✖ didn’t notice idea button
not essential, nix & revisit later
⚖ if keeping: point out first time through
Record video
Indicate time left and recording
✖ expected near record button
group with record
✖ “Wait, am I recording?”
responsive button: integrate progress bar
Preview, upload, re-record
✖ “Will I lose this one?”
replace arrow with “x”
✖ “Who am I sending it to?”
replace “SEND” with “ADD”, “USE”, “UPLOAD”
Preview Video
Event Home
view all montage videos
✖ “Can I post it on my friend's Facebook?”
options to download/share final product
✖ “Who sees my videos?”
indicate privacy level before camera
continued interaction with likes
✖ “what’s this for?”
not essential- nix for now
Invite Friends
Task 4.1:
invite “Tim Jones” to your montage
Task 4.2:
invite me to your montage
Invite Friends
Easily select friends to invite
✖ “How do I invite people that aren’t in my contacts?”
ability to send link
build in invite via FB most salient for population
✖ “Oh no! I didn’t mean to send it!”
nix 1-tap invite for Celebrate users
⚖ if keeping separate user invite: add user symbol
and step to confirm
Invite Friends
indicate participation
✖ icons confusing
nix! see on main screen
status of invite in confirmation only
send to recipient
✖ “But it’s not done yet”
devote screen for non-celebrant invites
Invite Message
get friends to download app and leave video
✖ canned message seems “spammy”
clear, short, casual, easily editable
easy default to iMessage
✖ “I don’t use iMessage”
give options
do not set default
Gift Montage
Gift Montage
special way of inviting celebrant
✖ “How do I send it?”
“So you’re just inviting them like everyone else?
devote screen for non-celebrant invites
separate “host” gifting experience
Recurring
Themes/Concerns
GIFTING
let me feel important
highlight host (e.g. longer video)
separate gift giving experience
only host can send gift
SHARING
let me show it off
download & sharing options
DELETE
let me mess up
delete videos
INVITE OPTIONS
let me invite without #’s
invite with link, with FB, suggestions
CLOSED INVITES
let me choose who’s important
only host can invite
Recurring themes/concerns
End! Any Questions?

More Related Content

PPT
I'm Sold!!! Online Performance Makeover
DOCX
Ci 350 youtube reflection
PPTX
Online assessment ict4 elt2017
PPTX
Prototyping presentation
PPT
Smart devices 2
PPTX
HIV Prevention Planning Overview by Jen Chapman
PDF
Better UX using Meteor and Famo.us
PDF
Ux Example
I'm Sold!!! Online Performance Makeover
Ci 350 youtube reflection
Online assessment ict4 elt2017
Prototyping presentation
Smart devices 2
HIV Prevention Planning Overview by Jen Chapman
Better UX using Meteor and Famo.us
Ux Example

Similar to Past UX project example (20)

KEY
Social Calm: Group Vlog
PDF
Brief Overview of Bloon
DOCX
Evaluation
PPTX
Emdug click & clack ace presentation
PPTX
Client ideas and planning
PPTX
Introduction to User Experience Design
PDF
YouTube University - YouTube Extension
PDF
ATD 2015: Facilitating Virtual Leadership Workshops with Confidence
PDF
Social Tables Webinar: 3 Ways to Build a Thriving Events Community
PDF
Happy Developer's Guide to the Galaxy: Thinking About Motivation of Developers
PPTX
PyLadies online workshop for Global Diversity CFP Day 2018
PPTX
2.1 Impromtu ppt
PPTX
FMP - Evaluation
PDF
James Bond App
PPTX
FMP - Evaluation WIP
PDF
Project 1 presentation: Make-A-Break
PDF
Know thy interaction – How interaction is changing what we create on the web
PPTX
Creative Media Y1 Unit 3 Review.pptx
PPTX
5 Second Test
PPTX
Active Lectures - Michelle Blackburn for TLC webinar April 2014
Social Calm: Group Vlog
Brief Overview of Bloon
Evaluation
Emdug click & clack ace presentation
Client ideas and planning
Introduction to User Experience Design
YouTube University - YouTube Extension
ATD 2015: Facilitating Virtual Leadership Workshops with Confidence
Social Tables Webinar: 3 Ways to Build a Thriving Events Community
Happy Developer's Guide to the Galaxy: Thinking About Motivation of Developers
PyLadies online workshop for Global Diversity CFP Day 2018
2.1 Impromtu ppt
FMP - Evaluation
James Bond App
FMP - Evaluation WIP
Project 1 presentation: Make-A-Break
Know thy interaction – How interaction is changing what we create on the web
Creative Media Y1 Unit 3 Review.pptx
5 Second Test
Active Lectures - Michelle Blackburn for TLC webinar April 2014
Ad

Recently uploaded (10)

DOC
Camb毕业证学历认证,格罗斯泰斯特主教大学毕业证仿冒文凭毕业证
PDF
Kids, Screens & Emotional Development by Meenakshi Khakat
PPTX
Introduction to Packet Tracer Course Overview - Aug 21 (1).pptx
PDF
Best 4 Sites for Buy Verified Cash App Accounts – BTC Only.pdf
PPTX
ASMS Telecommunication company Profile
PDF
Lesson 13- HEREDITY _ pedSAWEREGFVCXZDSASEWFigree.pdf
PDF
2025 Guide to Buy Verified Cash App Accounts You Can Trust.pdf
DOC
NIU毕业证学历认证,阿比林基督大学毕业证留学生学历
DOC
SIUE毕业证学历认证,阿祖萨太平洋大学毕业证学位证书复制
PPTX
Social Media People PowerPoint Templates.pptx
Camb毕业证学历认证,格罗斯泰斯特主教大学毕业证仿冒文凭毕业证
Kids, Screens & Emotional Development by Meenakshi Khakat
Introduction to Packet Tracer Course Overview - Aug 21 (1).pptx
Best 4 Sites for Buy Verified Cash App Accounts – BTC Only.pdf
ASMS Telecommunication company Profile
Lesson 13- HEREDITY _ pedSAWEREGFVCXZDSASEWFigree.pdf
2025 Guide to Buy Verified Cash App Accounts You Can Trust.pdf
NIU毕业证学历认证,阿比林基督大学毕业证留学生学历
SIUE毕业证学历认证,阿祖萨太平洋大学毕业证学位证书复制
Social Media People PowerPoint Templates.pptx
Ad

Past UX project example

  • 1. UX Project Example Genevieve Linchangco Freelance User Experience Researcher
  • 2. Usability Study New User Experience prototype 1 April 2014
  • 3. create and send collaborative video greeting cards on iOS www.getcelebrate.com
  • 4. identify current greeting behaviors and pain points: one-on-one interviews validate finding generalizability: online survey review social media accounts test prototype: usability tasks test next prototype: usability tasks Research Plan Context
  • 5. Initial Consult Request: test our prototype general impressions will they will use it? do they like the colors? do they like the emojis? does the intro make them excited? how often would they use it? Revised Questions: understand what it is? see why they should use it? create a montage, invite, gift easily? general impressions
  • 6. Method: Usability Tasks moderated first study, many unknowns one-on-one first study, many unknowns “realistic” first session is solo in-person first study, many unknowns catch session details experience environment on-campus participant recruitment ease casual setting experience environment real context of use participant’s iPhone real context of use task based specific questions
  • 7. Session Outline 5-10 minutes paperwork and rapport building 40-45 minutes usability tasks 5 minutes participant questions
  • 8. 5 Participants in study Selection Criteria*: 1. social media power user 2. recent greeting post/message 3. female 4. age 18-22 5. local college student 6. iPhone 5s or higher Participants Recruitment method: surveymonkey screener on campus flyers craigslist campusjob.com (wayup.com) * 1-5 validated in previous studies
  • 10. Task 1.1: Take a look and let me know when you get to the register screen
  • 13. Task 1.2: what can you tell me about the app?
  • 14. Goals of Introduction User goals: Quickly judge What does it do/is it for? How much time, effort, $? Something I would use? Should I sign-up? Product team goals: Get sign-ups Explain app Communicate value prop
  • 15. Introduction Screen Findings Quickly judge ✔ screenshots look cool ✖ dated vs current ✖ itching to start ✖ wouldn’t read IRL What does it do/is it for? ✔ videos, group, montage ✖ unsure, hesitant ✖ gift focus not clear ✖ miss screen 1 animation
  • 16. Introduction Screen Findings What do I have to do? ✖ “easy” how? How much time, effort, $? ✔ free ✖ “we do all the work for you” huh? Something I would use? ✖ not sure Should I sign-up? ✖ not sure
  • 17. Introduction Recommendations 1. Let them start! skip button, fast, easy, cheap, testable 1. Edit content less is more no meaningless words e.g. “easy” nix animation 3. Rethink info location before download, appstore or landing page 4. Visual Design current, continuity
  • 19. Task 2: create a montage for something coming up
  • 20. Interest user in coming back ✔ emojis feel casual and relatable ✔ colors feel fun and updated ✖ “These big events don’t apply to me” age appropriate and general events ⚖ if keeping list: re-order occasions Select Occasion
  • 21. Task 3: record your first video
  • 22. Record video Give ideas to encourage recording ✖ didn’t notice idea button not essential, nix & revisit later ⚖ if keeping: point out first time through
  • 23. Record video Indicate time left and recording ✖ expected near record button group with record ✖ “Wait, am I recording?” responsive button: integrate progress bar
  • 24. Preview, upload, re-record ✖ “Will I lose this one?” replace arrow with “x” ✖ “Who am I sending it to?” replace “SEND” with “ADD”, “USE”, “UPLOAD” Preview Video
  • 25. Event Home view all montage videos ✖ “Can I post it on my friend's Facebook?” options to download/share final product ✖ “Who sees my videos?” indicate privacy level before camera continued interaction with likes ✖ “what’s this for?” not essential- nix for now
  • 27. Task 4.1: invite “Tim Jones” to your montage
  • 28. Task 4.2: invite me to your montage
  • 29. Invite Friends Easily select friends to invite ✖ “How do I invite people that aren’t in my contacts?” ability to send link build in invite via FB most salient for population ✖ “Oh no! I didn’t mean to send it!” nix 1-tap invite for Celebrate users ⚖ if keeping separate user invite: add user symbol and step to confirm
  • 30. Invite Friends indicate participation ✖ icons confusing nix! see on main screen status of invite in confirmation only send to recipient ✖ “But it’s not done yet” devote screen for non-celebrant invites
  • 31. Invite Message get friends to download app and leave video ✖ canned message seems “spammy” clear, short, casual, easily editable easy default to iMessage ✖ “I don’t use iMessage” give options do not set default
  • 33. Gift Montage special way of inviting celebrant ✖ “How do I send it?” “So you’re just inviting them like everyone else? devote screen for non-celebrant invites separate “host” gifting experience
  • 35. GIFTING let me feel important highlight host (e.g. longer video) separate gift giving experience only host can send gift SHARING let me show it off download & sharing options DELETE let me mess up delete videos INVITE OPTIONS let me invite without #’s invite with link, with FB, suggestions CLOSED INVITES let me choose who’s important only host can invite Recurring themes/concerns