Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

User Experience - WordPress Sheffield - 12 September 2017

220 views

Published on

Talk on user experience for WordPress Sheffield user group. Whirlwind tour of techniques and methods for designing and testing your user experience.

Published in: Technology
  • DOWNLOAD FULL eBOOK INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. PDF eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. EPUB eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... 1.DOWNLOAD FULL. doc eBook here { https://tinyurl.com/y3nhqquc } ......................................................................................................................... ......................................................................................................................... ......................................................................................................................... .............. Browse by Genre Available eBooks ......................................................................................................................... Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, CookeBOOK Crime, eeBOOK Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

User Experience - WordPress Sheffield - 12 September 2017

  1. 1. UX Harriet Holman – Senior Project Manager, epiGenesys harriet.holman@epigenesys.org.uk @Lupatria
  2. 2. What is UX?
  3. 3. Experience of a person using a product or service, encompassing all aspects of their interaction with the company, its products and its services.
  4. 4. How can you make a good UX?
  5. 5. Fonts Typography TypefaceFont weights Font colour Colour schemes Images Iconograp Branding Logos
  6. 6. Fonts, colours, images • Common sense • Legible • Sufficient contrast • ColorOracle - http://colororacle.org/ A legible font can become unreadable through poor setting. ~Matthew Standage
  7. 7. Makeiconsuseful @technicallyron
  8. 8. Designing User Experience
  9. 9. 1. Who are your users? (Personas) • With regards your product: • How and where are they accessing? • Why? • What are they trying to achieve? • What implications do these points have for what you develop?
  10. 10. 2. Map the journeys
  11. 11. 3. What are the problems? (Experience Map)   
  12. 12. 3. What are the problems? (Experience Map) At each step What action are they performing? How does this make them feel? What thoughts are they having?
  13. 13. 4. Parallel prototyping • Serial Iteration 1 Iteration 2 Iteration 3 (Final) • Parallel Iteration 1 Iteration 2 Iteration 3 Iteration 4 Iteration 5 Iteration 6 (Final)
  14. 14. 4. Parallel prototyping • More diverse ideas • Feedback on more ideas = more feedback and better result • Better success rate
  15. 15. 4. Parallel prototyping Brief: You are designing an app for a multi-track conference. The main feature is a schedule that attendees can use for: • Viewing information about sessions • Signing up to them to create a personal timetable • Providing feedback to the speaker after the talk Using parallel prototyping methods, come up with a design for this feature.
  16. 16. 5. Consider heuristics • Visibility of system status • Match between system and the real world • User control and freedom • Consistency and standards • Error prevention • Recognition rather than recall • Flexibility and efficiency of use • Aesthetic and minimalist design • Help users recognize, diagnose, and recover from errors • Help and documentation https://www.nngroup.com/articles/ten-usability-heuristics/
  17. 17. 6. Have conversations
  18. 18. Testing User Experience
  19. 19. More than just questionnaires!
  20. 20. 1. Testing lab • All you need is a laptop • Print out / draw designs and ask users: • What do you think this is? • What do you think is happening here? • What do you think this means? • What do you expect happens next? Testing with just 5 people will give you an 83% chance of finding the biggest problems ~Conor Ward
  21. 21. 2. Use scenarios Facts and cognitive science • Please complete this task. • What are you expecting? • What just happened? Qualitative Quantitative Can they do it? Will they do it? Usability Testing Usage & Analytics Card Sorting BEHAVIOURAL SCIENCE COGNITIVE SCIENCE MARKET RESEARCH Behavioural Attitudinal ~Conor Ward
  22. 22. 3. Use the journeys “Experience of a person using a product of service, encompassing all aspects of their interaction with the company, its products and its services.” • Look at end-to-end journeys • Remember anomalies • Don’t forget unsuccessful paths
  23. 23. 3. Use the journeys Brief: You have designed an app for a multi-track conference. The main feature is a schedule that attendees can use for: • Viewing information about sessions • Signing up to them to create a personal timetable • Providing feedback to the speaker after the talk What user journeys can you identify within this app that you would want to test? How would you test them? What would you look for?
  24. 24. 4. Experience mapping (again)   
  25. 25. Recap Have conversations Talk to end users, let them use your software Use user journeys, map things Get feedback
  26. 26. Thanks for listening Any questions?

×