Past UX project example

36
UX Project Example Genevieve Linchangco Freelance User Experience Researcher

Transcript of Past UX project example

Page 1: Past UX project example

UX Project Example

Genevieve LinchangcoFreelance User Experience Researcher

Page 2: Past UX project example

Usability StudyNew User Experience prototype 1

April 2014

Page 3: Past UX project example

create and send collaborative video greeting cards on iOS

www.getcelebrate.com

Page 4: Past UX project example

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

Page 5: Past UX project example

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

Page 6: Past UX project example

Method: Usability Tasksmoderatedfirst study, many unknowns

one-on-onefirst study, many unknowns“realistic” first session is solo

in-personfirst study, many unknownscatch session detailsexperience environment

on-campusparticipant recruitment easecasual settingexperience environmentreal context of use

participant’s iPhonereal context of use

task basedspecific questions

Page 7: Past UX project example

Session Outline

5-10 minutespaperwork and rapport building

40-45 minutesusability tasks

5 minutesparticipant questions

Page 8: Past UX project example

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

Page 9: Past UX project example

Introduction

Page 10: Past UX project example

Task 1.1:Take a look and let me know when

you get to the register screen

Page 11: Past UX project example

screen 1 animation

Page 12: Past UX project example

Introduction Screens

Page 13: Past UX project example

Task 1.2:what can you tell me about the

app?

Page 14: Past UX project example

Goals of Introduction

User goals:

Quickly judgeWhat does it do/is it for?How much time, effort, $?Something I would use?Should I sign-up?

Product team goals:

Get sign-upsExplain appCommunicate value prop

Page 15: Past UX project example

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

Page 16: Past UX project example

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

Page 17: Past UX project example

Introduction Recommendations

1. Let them start!skip button, fast, easy, cheap, testable

2. Edit contentless is moreno meaningless words e.g. “easy”nix animation

3. Rethink info locationbefore download, appstore or landing page

4. Visual Designcurrent, continuity

Page 18: Past UX project example

Montage Creation

Page 19: Past UX project example

Task 2:create a montage for something

coming up

Page 20: Past UX project example

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

Page 21: Past UX project example

Task 3:record your first video

Page 22: Past UX project example

Record videoGive ideas to encourage recording

✖ didn’t notice idea buttonnot essential, nix & revisit later

⚖ if keeping: point out first time through

Page 23: Past UX project example

Record videoIndicate time left and recording

✖ expected near record buttongroup with record

✖ “Wait, am I recording?”responsive button: integrate progress bar

Page 24: Past UX project example

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

Page 25: Past UX project example

Event Homeview 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

Page 26: Past UX project example

Invite Friends

Page 27: Past UX project example

Task 4.1:invite “Tim Jones” to your montage

Page 28: Past UX project example

Task 4.2:invite me to your montage

Page 29: Past UX project example

Invite FriendsEasily select friends to invite

✖ “How do I invite people that aren’t in my contacts?”

ability to send linkbuild 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

Page 30: Past UX project example

Invite Friendsindicate participation

✖ icons confusingnix! see on main screenstatus of invite in confirmation only

send to recipient✖ “But it’s not done yet”

devote screen for non-celebrant invites

Page 31: Past UX project example

Invite Messageget 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 optionsdo not set default

Page 32: Past UX project example

Gift Montage

Page 33: Past UX project example

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 invitesseparate “host” gifting experience

Page 34: Past UX project example

Recurring Themes/Concerns

Page 35: Past UX project example

GIFTINGlet me feel important

highlight host (e.g. longer video)separate gift giving experienceonly host can send gift

SHARINGlet me show it off

download & sharing options

DELETElet me mess up

delete videos

INVITE OPTIONSlet me invite without #’s

invite with link, with FB, suggestions

CLOSED INVITESlet me choose who’s important

only host can invite

Recurring themes/concerns

Page 36: Past UX project example

End! Any Questions?