UX design course - Support lectures

3,380 views

Published on

This is an ongoing list of support materials meant to be used during the UX design course at GA NYC (Winter 2013)

Published in: Design

UX design course - Support lectures

  1. 1. Support lecturesUX design courseGA NYCFidelVazquezFriday, May 3, 13
  2. 2. Why?• Here I’ll put a list of readings meant tocomplete our UX design classes• Enjoy...Friday, May 3, 13
  3. 3. Elements of UX• http://www.jjg.net/elements/Friday, May 3, 13
  4. 4. 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
  5. 5. Intro to Usability• http://www.nngroup.com/articles/usability-101-introduction-to-usability/• Written by Jakob NielsenFriday, May 3, 13
  6. 6. Usability test the easyway• http://www.sensible.com/rsme.html• Very interesting...• Usability test script: http://www.sensible.com/downloads-rsme.htmlFriday, May 3, 13
  7. 7. Heuristic IA principles• http://abbytheia.wordpress.com/2012/04/12/ia-heuristics-journey/Friday, May 3, 13
  8. 8. 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
  9. 9. Wireframes• Visual vocabulary for IA: http://www.jjg.net/ia/visvocab/• Wireframes intro: http://www.slideshare.net/nickf/wireframes-for-the-wickedFriday, May 3, 13
  10. 10. Form design - Bestpractices• 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/signupformsFriday, May 3, 13
  11. 11. Search design - Bestpractices• 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
  12. 12. 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#btnNextFriday, May 3, 13
  13. 13. Mobile design - Bestpractices• Guidelines:• http://developer.apple.com/library/ios/#documentation/UserExperience/Conceptual/MobileHIG/UEBestPractices/UEBestPractices.html• http://www.slideshare.net/mnasioti/introduction-to-metro-uiFriday, May 3, 13
  14. 14. Mobile design - Bestpractices• 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.htmlFriday, May 3, 13
  15. 15. Mobile design - Bestpractices• Guidelines:• http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/UIElementGuidelines/UIElementGuidelines.html%23//apple_ref/doc/uid/TP40006556-CH13-SW41Friday, May 3, 13
  16. 16. 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-resourcesFriday, May 3, 13
  17. 17. 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
  18. 18. Mobile design samples• http://www.lovelyui.com• http://inspired-ui.comFriday, May 3, 13
  19. 19. Mobile designapproaches• TheVisual 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-designFriday, May 3, 13
  20. 20. Content strategy - Bestpractices• 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-contentFriday, May 3, 13
  21. 21. Paper prototyping• http://alistapart.com/article/paperprototyping• http://uxmag.com/articles/paper-in-screen-prototypingFriday, May 3, 13
  22. 22. Some opinions aboutprototyping• http://johnnyholland.org/2009/11/the-power-of-prototyping-an-interview-with-todd-zaki-warfelFriday, May 3, 13
  23. 23. Commerce bestpractices• 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
  24. 24. Social media UXdesign: 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-socialFriday, May 3, 13
  25. 25. A real-life example:NordstromoInnovation Lab• http://nordstrominnovationlab.com• See the Case StudyFriday, May 3, 13
  26. 26. 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
  27. 27. Books• Mobile First (Luke Wroblewski)• Responsive Design (Ethan Marcotte)• Mobile Design Pattern Gallery (TheresaNeil)Friday, May 3, 13
  28. 28. 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
  29. 29. ExtrasFriday, May 3, 13
  30. 30. Nice 404 pages• http://list25.com/25-creatively-awesome-404-pages/Friday, May 3, 13
  31. 31. Why did infinite scrollfail at Etsy?• http://danwin.com/2013/01/infinite-scroll-fail-etsy/Friday, May 3, 13
  32. 32. A new design for theNewYork Times website• http://www.nytimes.com/marketing/prototype/index.htmlFriday, May 3, 13
  33. 33. An App To LetsYouType Without LookingAtYour Screen• http://www.fastcodesign.com/1671852/an-incredible-keyboard-app-that-lets-you-type-without-looking-at-your-screenFriday, May 3, 13
  34. 34. BJ Fogg, behavior designspecialist• http://www.bjfogg.com/Friday, May 3, 13
  35. 35. How we designed anew News Feed usingyour feedback• https://www.facebook.com/note.php?note_id=10151359587673920Friday, May 3, 13
  36. 36. 15 ways the iPad goesto work• http://www.cio.com/article/684435/15_Ways_iPad_Goes_to_WorkFriday, May 3, 13
  37. 37. Why people loveschoice: a TED talk• http://www.ted.com/talks/dan_gilbert_asks_why_are_we_happy.htmlFriday, May 3, 13
  38. 38. JOMO: Joy Of MissingOut• http://dashes.com/anil/2012/07/jomo.htmlFriday, May 3, 13
  39. 39. Redesigning the Savesymbol• http://branch.com/b/redesigning-the-save-symbol-let-s-do-thisFriday, May 3, 13
  40. 40. Maintain contenthierarchy• http://www.smashingmagazine.com/2013/04/25/maintain-hierarchy-content-choreography/Friday, May 3, 13
  41. 41. Transitional interfaces• https://medium.com/design-ux/926eb80d64e3Friday, May 3, 13

×