Slide 1

Slide 1 text

saving for later H r ’ w w w b w r w r f r r brian groudan mozilla user experience research august 2012

Slide 2

Slide 2 text

Revisit P r w b BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 3

Slide 3 text

revisiting B r r f r BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 4

Slide 4 text

Don’t B inconsistent visual elements confusing terms & use of metaphor bookmarks menu, unsorted bookmarks, bookmarks, all bookmarks, library, bookmarks toolbar, bookmarks sidebar complex interactions intimidating out of box experience 17.0a1 (2012-07-22) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 5

Slide 5 text

SAVE FOR LATER P w b r BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 6

Slide 6 text

Saving for later H w r f b r r r ff r v ? BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 7

Slide 7 text

research Methods

Slide 8

Slide 8 text

Brian groudan · mozilla user experience research Project Timeline week 1 week 2 week 3 week 4 week 5 week 6 week 7 week 8 week 9 Planning Competitive Analysis Develop & Pilot Study Screen Participants & Begin Study Interview Participants Synthesize Research Design Ideation Present Findings & Recommendations BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 9

Slide 9 text

10 stories 10 Vivek, 20s Designer Chrome , 1 bm Jennifer, 30s Startup CTO Firefox & chrome, 200 bm John, 30s High School Teacher Chrome, 500 bm Mary, 30s Human Resources Chrome, 15 bm Don, 50s Machine Shop Worker IE, 1 bm Caterina, 40s Housewife IE, 100 bm David, 20s IT Support Firefox, 50 bm Margaret, 40s Social Worker Safari, 30 bm Jared, 30s Landscape & Irrigation Firefox & chrome, 50 bm Ana, 20s Student Firefox, 11 bm BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 10

Slide 10 text

Diary entries Wr f r r day 1: record anytime you save something Day 2: REcord anytime you revisit something Day 3: Do not create or use bookmarks BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 11

Slide 11 text

interview 1 r f w- Walk me through a typical day in your life What was the three-day diary study like? Show me the last thing you saved for later How did you feel when you couldn’t use bookmarks? define bookmark BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 12

Slide 12 text

THINk Aloud r v show me how you’d Save an article from your phone/laptop/tablet to read later use and Attempt to access an article you saved from BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 13

Slide 13 text

card sort r r r how would you Organize everything you’ve saved over the past two days? When is the next time you think you’ll revisit this (today, tomorrow, next week/month/year, never)? BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 14

Slide 14 text

affinity diagram S r rv w q b r r BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 15

Slide 15 text

test pilot rv Have you heard of all the ways you can bookmark? What are the primary ways you bookmark? How often do you edit, add a tag, add a keyword, add a description, delete, and use bookmarks folders? BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 16

Slide 16 text

bookmarks test pilot survey

Slide 17

Slide 17 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 18

Slide 18 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 19

Slide 19 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 20

Slide 20 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 21

Slide 21 text

how people revisit

Slide 22

Slide 22 text

save & revisit leaving windows open leaving tabs open screenshots/photos offline email toolbar . . autocomplete desktop shortcuts other services search engine dedicated page memory S w BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 23

Slide 23 text

in the browser leaving windows open leaving tabs open toolbar . . autocomplete dedicated page S w v & r v BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 24

Slide 24 text

Elsewhere screenshots/photos offline email desktop shortcuts other services search engine memory S w v & r v BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 25

Slide 25 text

leaving windows open BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 26

Slide 26 text

One [window] is for the private stuff, one is for the school stuff... I leave the windows open all the time actually. – Ana (01/4:00) I’ve had this phone for about half a year, and I don’t know how to save anything from it. If I just left Safari now, and wanted to go back to Safari, [this page] would still be showing. – Margaret (01/16:15) Typically I would just keep [the window] open. That’s how I save most of my articles. I leave it open, and then two hours later I come back, read the article completely, and click close when I’m done. – Vivek (01/13:20) I just minimize the window. Sometimes I have 20 or 30 open. – Caterina (02/0:43) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 27

Slide 27 text

leaving tabs open BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 28

Slide 28 text

I don’t use the Firefox bookmarks very often because of all the other commodities in the browser... I leave the most important pages open as tabs, for me those are my bookmarks because the tabs are always open. – Ana (01/15:24) I leave the same tabs open for sometimes up to a month... the tabs toward the right are the things I open and close every day. – Julia (01/5:18) I would open it in a new tab. It’s very easy for me to hit the close button versus hitting the back button. I don’t know where the back button is going to take me. When I open it in a new tab, the links are more traceable. – Vivek (01/28:02) when asked to save an article on his phone for later BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 29

Slide 29 text

autocomplete . . BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 30

Slide 30 text

I go and type in an address and the whole thing pops up and I’m like, oh perfect! Sometimes things pop up that you wish hadn’t been saved and recorded. For example, I’m a gay man, and if I went on a gay dating site on my home computer, if I take [my computer] to work, I really don’t want that to pop up. – John (01/10:09) I never open up Safari (mobile) because it upsets me... I don’t feel like it has the autocomplete. I always go to everything from Google and it has my searches. Ever since the Google app came out, I’ve never gone to Safari. – Julia (01/17:29) I type in just a couple of words and then I choose from the [autocomplete], that’s why I don’t really use bookmarks that much. – Ana (01/6:58) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 31

Slide 31 text

dedicated page BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 32

Slide 32 text

22% of users clicked the home button at least once in a week 8.2% of all users visit about:home at least once in a week BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 33

Slide 33 text

toolbar BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 34

Slide 34 text

I really love [the toolbar]. I wish I could have two lines of it. I would like to be able to put more [favicons]. I abbreviate [the titles] and make them really small. – Caterina (02/2:09) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 35

Slide 35 text

“save for later” services BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 36

Slide 36 text

I use Springpad quite often, as an external bookmark... that’s actually my number one app. – Ana (01/5:59) I would copy the link, go into Omnifocus, add an action, and add it as an inbox item. I can’t use the computer without Omnifocus. It’s on par with the web browser itself. This is my todo list for everything that I have. – Jared (01/14:55) when asked to save an article on his laptop for later I favorite tweets almost every day... it’s because I need to read this article or I need to share this article... if I don’t immediately favorite something, it’s gone forever. – Julia (01/15:55) Let’s say I find this beautiful set of wheels... all I have to do is tap on [Fox to Phone], and it sends the page to my Android phone. – Jared (02/0:17) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 37

Slide 37 text

instapaper pocket omnifocus twitter reading list readability google bookmarks tumblr likes BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 38

Slide 38 text

email BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 39

Slide 39 text

I would send an email to myself. I do extensive Google searching in my email account, so I try to put tags in here. Usually when I email myself, it’s all keywords so it’ll show up in search. I put as many keywords in the subject that I can so I can easily find it later. – Jennifer (01/18:35) when asked to save an article from her phone Usually, I put the title “link” in the subject so I can go back. – Caterina (04/0:46) [Email] is just another spot for me to organize my stuff. I kind of have, I guess you would say, two areas, where I hang on to all my research. Email and the browser. – Jared (01/29:35) If I wanted to read the article on my phone, even though this is so lame, I would probably copy the URL and email it to myself. – Margaret (01/9:17) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 40

Slide 40 text

search engine BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 41

Slide 41 text

I googled “laser tag” and “state college” and “Pennsylvania” and there was only one place. If I were trying to find something where the wording were a bit more generic, then the bookmark would be helpful. – Margaret (01/19:20) I would just go and remember “cnn.com” and type in “cnn.com” and search for “lifeguard” and “fired” and look for this (points at picture) [on my laptop]. – Don (01/24:57) when asked to revisit an article saved from his phone on his laptop I can’t find it, I’ll just search for it... “euro...2012” through Google. I wouldn’t care if it were the same exact article from the New York Times. – Mary (01/13:00) when asked to revisit an article from her phone I would type in “wimbledon... NYT...and news” and I’m 100% sure I’m not going to find the same article. I remembered that it was something sports related. – Vivek (01/32:22) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 42

Slide 42 text

screenshots & photos BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 43

Slide 43 text

I “skitch” a couple of things when I save, or technically read for later... it’s a screenshot app. – Ana (01/16:31) The [phone] camera is very important in documentation and getting approval for things. The property managers want to have an image of what happened. 99% of [my images] are landscape related. – Jared (01/8:00) I saved a picture, I took a screenshot of it. – Mary (01/10:52) showing the last thing she saved for later on her phone I wanted to save that but I couldn’t save the bookmark, so I took a screen print of the page using the Snipping Tool. It’s like screen print but you can selectively save. – Don (01/28:11) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 44

Slide 44 text

offline BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 45

Slide 45 text

I use My Downloads as a to-do thing... I haven’t removed it from My Downloads because I’m still working on it. – Jared (01/22:42) I send articles to my Kindle when I know I want to read it later offline. – Ana (01/27:08) I saved the technical manual from Toyota.com onto my desktop... it’s right there, I can go and grab it, I don’t have to start the browser. I can go right to it. – Don (01/10:50) The pdf opened in Chrome, so I didn’t have to save it, but I wanted to view it later, and I noticed Chrome acts a little slow when multiple pdfs are open... that’s when I saved it to my desktop. When I’m done reading, I delete it. – Vivek (01/20:26) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 46

Slide 46 text

desktop shortcuts BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 47

Slide 47 text

These are the things I will go back to all the time... it’s kind of a reminder that I’m going to read this... I revisit 25% of these [desktop shortcuts]. – Don (01/16:11) The other computer that my kids use, everything is about kids. I put the [bookmarks] on the [desktop]. – Caterina (02/5:02) BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 48

Slide 48 text

what people do with saved stuff

Slide 49

Slide 49 text

Saved stuff W w Consume use & reuse share organize nothing clean up BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 50

Slide 50 text

Nothing stuff that sits in the bottom of your drawer and is rarely used share communal office supplies and books that coworkers might use consume a memo or note that you read once and no longer need afterwards use & reuse calendar, schedule, or anything you tack up and regularly refer to clean up stuff you toss in the trash organize stuff you file away BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 51

Slide 51 text

consume once you’ve seen it, watched it, read it, heard it, or interacted with it, the save loses its value BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 52

Slide 52 text

reuse you use and reuse this save regularly, and the content is often dynamic BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 53

Slide 53 text

share you save this in a way that allows it to be used by someone else BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 54

Slide 54 text

nothing you save it because you think it may be useful later or for archival purposes BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 55

Slide 55 text

organize you save it and group it with other saves based on relationships BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 56

Slide 56 text

clean up you save it and delete it BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 57

Slide 57 text

devices how common is each type of save on different devices BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 58

Slide 58 text

design principles

Slide 59

Slide 59 text

finding a needle f BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 60

Slide 60 text

design principles r w r BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 61

Slide 61 text

ready for you, wherever you go P w r v b r b r v f , w r v r r , w v r . S v b ff r f r b . BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 62

Slide 62 text

Embraces all inputs S v r v r , fr r v f . r r f w w v — r , . BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 63

Slide 63 text

builds confidence r f r v , r v b b . P f r r v w w . w b r ' b b ff r w ’r f r f r . BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 64

Slide 64 text

Use it however or never P w r v f r b r f w w r v f r r. I w r f r w v r w , f . BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 65

Slide 65 text

ready for you, wherever you go embraces all inputs builds confidence use it however or never BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 66

Slide 66 text

concepts

Slide 67

Slide 67 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 68

Slide 68 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 69

Slide 69 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 70

Slide 70 text

pick up where you left off on a different device start from same place on every device - “start here” page add comments to a link in the browser BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 71

Slide 71 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 72

Slide 72 text

save content not links snap screenshots to save on different devices explode view: break up content by media type BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 73

Slide 73 text

BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 74

Slide 74 text

firefox cloud firefox weekly bookmarks digest via email bookmarks integrated with other products (ie. evernote) reminders from the past: remember when you saved this? BRIAN GROUDAN · MOZILLA USER EXPERIENCE RESEARCH

Slide 75

Slide 75 text

credits slide 03: http://www.flickr.com/photos/light_thru_my_lens/4389596572/lightbox/ slide 04: http://www.flickr.com/photos/roxeteer/4326217872/sizes/l/in/photostream/ slide 51: http://www.youtube.com/watch?v=7dM0TDWA-iY&feature=related Slide 51: http://www.cnn.com/2012/07/31/tech/mobile/iphone-5-release-date/index.html?hpt=hp_t3 slide 52: http://www.caltrain.com/schedules/weekdaytimetable.html slide 53: http://www.delicious.com slide 53: http://www.hirokimurakami.com/wp-content/uploads/2011/07/tumblr3.png slide 54: http://imagecdn.maketecheasier.com/2011/01/minimalist-gmail-starred-highlight.png slide 55: http://www.pinterest.com slide 59: http://thejosevilson.com/wp-content/uploads/2011/04/needle-stack-HikingArtistby-HikingArtist.jpg slide 61: http://www.flickr.com/photos/lukew/6171377827/sizes/l/in/photostream/ slide 62: http://4.bp.blogspot.com/-4TTQabePaWc/UAYjsWHN1jI/AAAAAAAADdk/JdIgA5Xnp_w/s1600/untitled.jpg slide 63: http://blog.predatornutrition.com/wp-content/uploads/2012/07/Protein-Statistics.jpg slide 64: http://farm1.staticflickr.com/87/269973372_34de448b1f_b.jpg typefaces: lobster two, bebas neue

Slide 76

Slide 76 text

special thanks to my mentors Diane Loviglio & mary trombley Quantitative user researchers ilana segall & gregg lind co-interviewers larissa co, zhenshuo Fang, mary trombley, ilana segall, Sriram Ramasubramanian, lindsay kenzig, ian barlow, diane loviglio, Brian nicholson, & caroline wong ux @ ideation session madhava enros, ian barlow, blake winton, brian dils, yuan wang, zhenshuo fang, diane loviglio, larissa co & chris lee my managers cori schauer & jinghua zhang