An Intro to UX Design @ Goodreads

Intro to how our design team at Goodreads works. Here we look at how one team at Goodreads specifically worked from start to finish of a product development cycle.

Transcript

1. David Fung, UX Designer
3. Graphic 
 Designer
 2004-2008 2008-2010 2010-Present Visual 
 Designer
 UX
 Designer Graduated AICA-SF 2005 PLANET Magazine
 Education Finance Partners Celery Design 
 Hutner SF Yardbarker
 Peek
 CBS Interactive Goodreads/Amazon
4. What have I done?
5. TV.COM
6. TV.COM
8. METACRITIC
9. METACRITIC
10. GOODREADS
11. GOODREADS
12. GOODREADS
13. Our Process
14. Wireframes
 Omnigraffle UX Pin Mocks
 Adobe Photoshop Adobe Fireworks Adobe Illustrator Prototypes
 Solidify ! Research Ears Recording Tool
 Pear Note, Evernote
15. INTERVIEWS
 SURVEYS SYNTHESIZE INTERVIEWS 
 BRAINSTORM
 IDEA GENERATION SKETCHES
 WIREFRAMES MEASURING
 ITERATING Source: Stanford d.school
16. We design incrementally by using the AGILE Process and work parallel with Development http://www.ibm.com/smarterplanet/us/en/business_agility/article/agiledevelopment.html
17. We design incrementally by using the AGILE Process and work parallel with Development http://www.ibm.com/smarterplanet/us/en/business_agility/article/agiledevelopment.html FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK FEEDBACK
18. Sample of Design Process in AGILE DEVELOPMENT PROCESS DESIGN 2 Week Sprint 2 Week Sprint Iterate and Repeat RESEARCH Mid-sprint
19. http://365andrewssketches.wordpress.com/2013/01/26/new-images-and-a-poll-i-need-your-help/
20. SCOMM ! Super Cool One Minute Meeting
21. How we track tasks? http://eringirard.blogspot.com/2011/01/post-it-wall.html - Instead of Studio 
 or Project Managers we manage tasks - JIRA, our project
 management tool
22. Tools ! http://www.boiseweekly.com/boise/you-just-dont-wear-a-pencil-skirt-when-youre-shaped-like-an-expo-marker/Content?oid=1282265
23. Design Research
24. ETHNOGRAPHIC INTERVIEWS Looking to find out about how users
 discover books. ! USABILITY TESTING Looking to find out about how 
 users find books on our site. Source: Just Enough Research, By Erika Hall
25. ETHNOGRAPHIC INTERVIEWS Ethnography is a research method based on observing people in their natural environment rather than in 
 a formal research setting.
 USABILITY TESTING Tasked-based research. Done 
 on-site in front of a moderator
 or remotely via Skype. Source: Just Enough Research, By Erika Hall
26. Mobile Web
27. Mobile Web 1 designer, 2.5 developers Other GR Teams - Desktop - Mobile (Native) - Goodreads on Kindle
28. MVP (Minimal viable product) - Developing simplified set 
 of features - Get in front of users to get 
 learnings as soon as possible - Designing just enough, 
 just-in-time, iterative, and 
 not all upfront http://www.andersramsay.com/2012/09/24/the-ux-of-mvps/
29. MVP (Minimal viable product) - Discovery via newsfeed - Search for Books + Authors - Book, Author, and User Pages - Updating reading status on 
 Currently Reading books
30. Sketching 
 (Super Low Fidelity) - Get ideas down quick - Start collaborating early with 
 lightweight idea generation
31. Wireframing (Still Low-fidelity) - More formalized - Shared with larger group of 
 developers and stakeholders - Focuses on content and 
 structure, rather than visual 
 design
32. Mocks! - “Finalized” design deliverable - Denotes that the design is ready
 for developer to start work. Even
 though this design is finished,
 some elements may change
33. Usability Testing - Get the designs out there 
 as early as possible to 
 collect feedback - Challenge assumptions and 
 learn about pain points in 
 real life http://www.blinkux.com/insights/blog/mobile-application-usability-testing/
34. Jumping to Handoff: Annotations - Shows margins, fonts,
 and other spacing visually
35. (Trying to) speak the 
 same language - Encourages further 
 collaboration with developers - Teaches you about design
 limitations
36. Book Recommendations !
37. Thanks! Keep in touch! linkedin.com/in/davidfung/ https://speakerdeck.com/davidfung/an-intro-to-ux-design-at-goodreads