The perfect ux designer toolkit

7,152 views
6,686 views

Published on

Talk for Web2day by Chui Chui Tan (@ChuiSquared)

Published in: Design, Technology
1 Comment
87 Likes
Statistics
Notes
No Downloads
Views
Total views
7,152
On SlideShare
0
From Embeds
0
Number of Embeds
205
Actions
Shares
0
Downloads
323
Comments
1
Likes
87
Embeds 0
No embeds

No notes for slide

The perfect ux designer toolkit

  1. 1. The perfect UX designer toolkit Chui Chui Tan @ChuiSquared
  2. 2. @ChuiSquared Chui Chui Tan http://www.fivesimplesteps.com/ products/international-user-research
  3. 3. User Experience (UX) design
  4. 4. User, user, user The most important tool for UX design: the users.
  5. 5. @MeenaKadri
  6. 6. User research
  7. 7. Face-to-face interview
  8. 8. Face-to-face interview Silverback Notational velocity Pen and paper Evernote TextExpander
  9. 9. Ethnography
  10. 10. Moderated remote testing Webex Skype GoToMeeting Adobe Connect Slingshot Pear note
  11. 11. Unmoderated remote testing UserTesting.com WhatUserDo.com Netizen Testing OpenHallway Userlytics Loop11
  12. 12. Guerilla testing
  13. 13. Online survey Photo: www.surveycompare.net/paid-surveys/earn-money-online-surveys
  14. 14. Call centre listening
  15. 15. Store visit
  16. 16. Choose the one suits you the best Budget Time What are you testing What do you want to find out Resources Who are your users Where are your users
  17. 17. Design User research
  18. 18. Wireframing : Low-fi Pen and paper Sneakpeekit uistencil
  19. 19. Wireframing : Low-fi Keynote / Powerpoint
  20. 20. Wireframing: High-fi Axure InDesign Omnigraffle Sketch
  21. 21. Interaction and animation design HTMl + CSS + JS Axure Hype InVision Flash Justinmind Indigo Studio
  22. 22. Prototyping
  23. 23. StrategyDesign User research
  24. 24. IA Strategy
  25. 25. Content Strategy Inventory (Quan) and audit (Qual) Content Analysis Tool (CAT) Google Spreadsheet
  26. 26. Customer experience map
  27. 27. What users do Tasks Emotion Choosing Specifying Financing Buying ‘Bottom half of the experience map’ can be used, for example, …
  28. 28. What users do Phase 2 Web Call centre Competitor Tasks Emotion Choosing Specifying Financing Buying
  29. 29. StrategyDesign User research
  30. 30. Communicate User researchers Designers Front-end developers Back-end developers Business Analysts Business stakeholders Business stakeholders SEO consultants
  31. 31. @Shopify Keeping track
  32. 32. Workshop
  33. 33. Workshop tin
  34. 34. @Screenpunk If you want to create a good user experience design, you need to involve your users in the process. ! What others are doing in the industry does not mean it’s a good practice for good user experience.
  35. 35. User experience Vs Creativity @Nebraska Oddfish There’s a balance between being bold or creative and providing good user experience.
  36. 36. If you’re not talking to your users or taking into consideration their needs and behaviours, what you created might be a piece of beautiful art but is not usable and won’t convert sales or increase conversion rates.
  37. 37. www.hcdconnect.org/methods
  38. 38. www.pinterest.com/mistergough/digital-tools-for-service-design/
  39. 39. Pinterest boards on UX Tools
  40. 40. www.portigal.com/blog/seventeen-types-of-interviewing-questions/ User research www.uxbooth.com/articles/the-art-of-guerilla-usability-testing/ www.uxbooth.com/articles/complete-beginners-guide-to-design-research/ www.smashingmagazine.com/2011/10/20/comprehensive-review-usability- user-experience-testing-tools/ www.nngroup.com/articles/which-ux-research-methods/ http://alistapart.com/article/beyond-usability-testing
  41. 41. www.cooper.com/journal/2013/07/designers-toolkit-proto-testing-for-prototypes Sketching, wireframing, prototyping mashable.com/2013/04/02/wireframing-tools-mobile/ POP - Prototyping on Paper Proto.io www.smashingmagazine.com/2011/12/13/the-messy-art-of-ux-sketching/ www.uxbooth.com/articles/tools-for-sketching-user-experiences/ Mobile prototyping tool
  42. 42. www.smashingmagazine.com/2013/04/29/content-knowledge-is-power/ IA and Content Strategy www.usability.gov/how-to-and-tools/methods/card-sorting.html www.usability.gov/what-and-why/content-strategy.html uxmastery.com/how-to-conduct-a-content-audit/ www.portent.com/data/content-inventory/#audit-step-4-build-the-strategy uxmag.com/articles/from-content-audit-to-design-insight
  43. 43. Customer experience map quaero.csgi.com/writable/files/mapping_customer_journey.pdf /ddeboard/ux-customer-experience-maps/ mappingexperiences.com/ uxdesign.smashingmagazine.com/2011/12/06/effective-user-research- transforming- minds-of-clients/ www.servicedesigntools.org/tools/8 blogs.hbr.org/2010/11/using-customer-journey-maps-to/ /akababa/uxcx-customer-journeys/ Pinterest
  44. 44. Chui Chui Tan @ChuiSquared chuichui.tan@cxpartners.co.uk

×