Support lecturesUX design course

GA NYCFidel Vazquez

Friday, May 3, 13

Why?

• Here I’ll put a list of readings meant to complete our UX design classes

• Enjoy...

Friday, May 3, 13

Elements of UX

• http://www.jjg.net/elements/

Friday, May 3, 13

Persona creation

• Succesful persona projects: https://www.uie.com/articles/successful_persona_projects/

• Best practices for interviewing: https://www.uie.com/articles/three_questions_not_to_ask/

Friday, May 3, 13

Intro to Usability

• http://www.nngroup.com/articles/usability-101-introduction-to-usability/

• Written by Jakob Nielsen

Friday, May 3, 13

Usability test the easy way

• http://www.sensible.com/rsme.html

• Very interesting...

• Usability test script: http://www.sensible.com/downloads-rsme.html

Friday, May 3, 13

Heuristic IA principles

• http://abbytheia.wordpress.com/2012/04/12/ia-heuristics-journey/

Friday, May 3, 13

Sketching & Storyboarding

• http://52weeksofux.com/post/346650933/sketch-sketch-sketch

• http://johnnyholland.org/2011/10/storyboarding-ux-part-1-an-introduction/

Friday, May 3, 13

Wireframes

• Visual vocabulary for IA: http://www.jjg.net/ia/visvocab/

• Wireframes intro: http://www.slideshare.net/nickf/wireframes-for-the-wicked

Friday, May 3, 13

Form design - Best practices

• http://www.lukew.com/ff/entry.asp?1502

• http://www.lukew.com/ff/entry.asp?1014

• http://www.uie.com/articles/three_hund_million_button/

• http://alistapart.com/article/signupforms

Friday, May 3, 13

Search design - Best practices

• http://www.smashingmagazine.com/2009/09/28/search-results-design-best-practices-and-design-patterns/

• http://www.smashingmagazine.com/2008/12/04/designing-the-holy-search-box-examples-and-best-practices/

Friday, May 3, 13

Navigation design - Best practices

• http://www.smashingmagazine.com/2009/03/17/breadcrumbs-in-web-design-examples-and-best-practices-2/

• http://www.smashingmagazine.com/web-design-navigation-showcases/

• http://www.slideshare.net/theresaneil/navigation-patterns-for-mobile-apps#btnNext

Friday, May 3, 13

Mobile design - Best practices

• Guidelines:

• http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UEBestPractices/UEBestPractices.html

• http://www.slideshare.net/mnasioti/introduction-to-metro-ui

Friday, May 3, 13

Mobile design - Best practices

• Guidelines:

• http://www.macworld.com/article/2023604/apple-and-the-future-of-design.html

• http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

Friday, May 3, 13

Mobile design - Best practices

• Guidelines:

• http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html%23//apple_ref/doc/uid/TP40006556-CH13-SW41

Friday, May 3, 13

Mobile design patterns

• http://www.mobilepatterns.com

• http://mobiledesignpatterngallery.com/mobile-patterns.php

• http://www.mobile-patterns.com

• http://pttrns.com

• http://www.quora.com/What-are-the-best-online-UX-design-pattern-resources

Friday, May 3, 13

Mobile design patterns

• http://www.slideshare.net/theresaneil/navigation-patterns-for-mobile-apps

• http://bradfrostweb.com/blog/web/responsive-nav-patterns/

Friday, May 3, 13

Mobile design samples

• http://www.lovelyui.com

• http://inspired-ui.com

Friday, May 3, 13

Mobile design approaches

• The Visual Language of Designing for Touch: http://blog.theshoppad.com/2013/03/the-visual-language-of-designing-for-touch/

• Mobile First: http://static.lukew.com/MobileFirst_LukeW.pdf

• Responsive web design: http://alistapart.com/article/responsive-web-design

Friday, May 3, 13

Content strategy - Best practices

• Content Strategy for Mobile: http://www.slideshare.net/KMcGrane/content-strategy-for-mobile-the-workshop-14659768

• Future-Ready Content: http://alistapart.com/article/future-ready-content

Friday, May 3, 13

Paper prototyping

• http://alistapart.com/article/paperprototyping

• http://uxmag.com/articles/paper-in-screen-prototyping

Friday, May 3, 13

Some opinions about prototyping

• http://johnnyholland.org/2009/11/the-power-of-prototyping-an-interview-with-todd-zaki-warfel

Friday, May 3, 13

Commerce best practices

• http://www.wired.com/magazine/2011/06/ff_gamed/all/

• http://uxdesign.smashingmagazine.com/2012/12/19/boost-your-mobile-e-commerce-sales-with-mobile-design-patterns/

Friday, May 3, 13

Social media UX design: best practices

• Why we share: http://www.slideshare.net/angelanderson/why-we-share-motivations-that-drive-sha

• Designing social: http://www.slideshare.net/cwodtke/designing-social

Friday, May 3, 13

A real-life example: Nordstromo

Innovation Lab

• http://nordstrominnovationlab.com

• See the Case Study

Friday, May 3, 13

Books

• Rocket Surgery Made Easy (Stephen Krug)

• Understanding Comics (Scott McCloud)

• Sketching User Experiences (Bill Buxton)

• See What I Mean (Kevin Cheng)

• Mobile Frontier (Rachel Hinman)

• Tapworthy (Josh Clark)

Friday, May 3, 13

Books

• Mobile First (Luke Wroblewski)

• Responsive Design (Ethan Marcotte)

• Mobile Design Pattern Gallery (Theresa Neil)

Friday, May 3, 13

Omnigraffle

• Manual: http://downloads.omnigroup.com/software/MacOSX/Manuals/OmniGraffle-5-Manual.pdf

• Beginners guide: http://webdesign.tutsplus.com/tutorials/ux-tutorials/a-beginners-guide-to-wireframing-in-omnigraffle/

Friday, May 3, 13

Extras

Friday, May 3, 13

Nice 404 pages

• http://list25.com/25-creatively-awesome-404-pages/

Friday, May 3, 13

Why did infinite scroll fail at Etsy?

• http://danwin.com/2013/01/infinite-scroll-fail-etsy/

Friday, May 3, 13

A new design for the New York Times web

site

• http://www.nytimes.com/marketing/prototype/index.html

Friday, May 3, 13

An App To Lets You Type Without Looking

At Your Screen

• http://www.fastcodesign.com/1671852/an-incredible-keyboard-app-that-lets-you-type-without-looking-at-your-screen

Friday, May 3, 13

BJ Fogg, behavior design specialist

• http://www.bjfogg.com/

Friday, May 3, 13

How we designed a new News Feed using

your feedback

• https://www.facebook.com/note.php?note_id=10151359587673920

Friday, May 3, 13

15 ways the iPad goes to work

• http://www.cio.com/article/684435/15_Ways_iPad_Goes_to_Work

Friday, May 3, 13

Why people loves choice: a TED talk

• http://www.ted.com/talks/dan_gilbert_asks_why_are_we_happy.html

Friday, May 3, 13

JOMO: Joy Of Missing Out

• http://dashes.com/anil/2012/07/jomo.html

Friday, May 3, 13

Redesigning the 'Save' symbol

• http://branch.com/b/redesigning-the-save-symbol-let-s-do-this

Friday, May 3, 13

Maintain content hierarchy

• http://www.smashingmagazine.com/2013/04/25/maintain-hierarchy-content-choreography/

Friday, May 3, 13

Transitional interfaces

• https://medium.com/design-ux/926eb80d64e3

Friday, May 3, 13