learn you a ux

42
Learn you a UX Creating User Experiences on Purpose

Upload: jim-pelletier

Post on 15-Aug-2015

518 views

Category:

Software


0 download

TRANSCRIPT

  1. 1. Learn youa UXCreating User Experiences on Purpose
  2. 2. Hi, I'm JuanUser Experience Developer, Kiandra IT8 years designing experiences26 years experiencing designs@designbyjuan
  3. 3. Hi, I'm JimDeveloper, Kiandra IT1 years deliberately designing experiences8 years accidentally@pjimmy
  4. 4. Every ProductHas a User Experience
  5. 5. What is the User Experience?User InterfaceVisual DesignUser PathwaysInformation ArchitectureCopy WritingRisk/Reward PerceptionBehaviour ManagementSocial ReferenceUnderstanding the ProductHow it FeelsAnd more...
  6. 6. Memorable momentbetween friendsHaving a drinkwith friendsWhats the appcalled? Which button isUsing App Storeto find an appUsing phone toload an appRemembering amomentTaking a photoThis app is slow!Saving a photoReviewing aphotoBrowsing for aphotoSharing a photoGettin my buzzawn!Perfect selfiemoment, guys!Remember thattime with Kerry?it?Do I want to keepthis one?Which photo wasit?Kerry would lovethis!Whats the iconlook like?
  7. 7. Its ALL UX
  8. 8. How do we turn this...
  9. 9. Into this
  10. 10. Design (what is it?)
  11. 11. What is it?
  12. 12. Design (What it is)A specification of an object, manifested by some agent,intended to accomplish goals, in a particularenvironment, using a set of primitive components,satisfying a set of requirements, subject to someconstraints.Ralph & Wand (2009)
  13. 13. Design (What it is)Design is merely the set of decisions you either makeor set aside when you create your product.You cannot not design.Hall (2014)
  14. 14. Every ProductHas a UX Designer and if you dont know who it is,its probably you.
  15. 15. Intentional UX Design(a simple-and-in-no-way-comprehensive guide) Know your users Remember your goals (user AND business) Understand your environment Define your constraints
  16. 16. Youre Already DoingDesign
  17. 17. Know Your Users(Tool: Personas) There's nothing worse than an imaginary persona Meet them any way you can Get to know them, deeply Introduce them to everybody Keep them in the loop!
  18. 18. Carrie BishopMy friends and I do sooo much and we want to show everyoneAge: 14Family Structure: Mum, dad & little brotherPersonality: Outgoing, socially anxiousMotivations & Objectives Share photos of her & her BFFs with theworld Look great on insta!Technology Habits Digital Native Takes & shares selfies with herGalaxy S5 mini Expert with digital filters
  19. 19. Kathy ElliottMy kids are just so great! But we do so much!Age: 36Family Structure: Husband & 3 KidsPersonality: Family centric, organised,outgoingMotivations & Objectives Wants to share her familiesachievements Record her kids growing upTechnology Habits Latecomer to technology Takes photos with her iPhone 5 Browses & shares photos using herfamily iPad Has trouble understanding how herphotos sync across devices Also struggles to organise them
  20. 20. Remember Your Goals(Tool: User stories) Define your overall goals (users AND business) State your goals for every feature Know when you've met your target K.I.S.S and cull
  21. 21. Apply a FilterAs CarrieI want to browse how filters effect my selfieSo that I can choose the one that makes me look thebest
  22. 22. Find the Right SelfieWe believe thatTo make sharing and socialising photos with herloved ones easier for Kathywe must provide an intuitive interface for findingthe right selfie.Well know weve achieved this when Kathy sharesmore photos.
  23. 23. Understand Your Environment(Tool: Scenarios) How/where is your design being used? Know your competitors Know your potential allies Is your app improving the user's environment?
  24. 24. Example ScenarioCarrie and her bff Tisha are at the mall trying on somehats for a dress-up party on the weekend. Their friendSara couldn't make it, so they want to get her input(without ruining the surprise for everyone else). Carrie'sprepaid phone plan has a small amount of datawhich she needs to use sparingly.
  25. 25. You Have SpecialPowersConsider: Responsive DesignMachine Learning
  26. 26. Adaptive Content
  27. 27. Adaptive Navigation
  28. 28. Adaptive Navigation
  29. 29. Natural Language Processing
  30. 30. Natural Language Processing
  31. 31. Define Your Constraints(Tool: Design Principles and Patterns) Comes from your research Lets you say NO Distinguishes you from competitors There will be exceptions - get to know them! Old principles may not apply Principles invite discussion
  32. 32. Example Design PrincipleThe photographer is the starOne hand before two
  33. 33. UX Reviews Improves the products UX Improves a teams UX skills Improves team communication Encourages shared ownership of UX
  34. 34. UX Reviews Doesn't Require a UX Guy(Though it helps) Fits alongside a code review Consider the elements we have discussed(users, goals, constraints, environment)
  35. 35. Useful Questions to AskUsers What motivates them? Where are they comfortable?Goals What is the user's desired outcome? What is the business' desired outcome?
  36. 36. Useful Questions to AskEnvironment Where is the user? How do they feel?Goals Does it follow our design principles? Is this an exception, or is the rule broken? Does this rule stillapply?
  37. 37. Lets Implement a FeatureFind the Right Selfie
  38. 38. Thursday 8am, PrahranThursday 8:15am, PrahranThursday 12:30pm, CBDFriday 8am, PrahranFriday 8am, Prahran
  39. 39. Helpful Reading and Resources usability.gov - like MDN for UX IXD Checklist - an awesome starting point for UXreviews Design Kit Methods - great set of UX tools andtechniques across the gamut of the UX design process PatternTap - A collection of interaction patterns fromacross the web
  40. 40. Thanks!