Your SlideShare is downloading. ×
0
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
User Centric Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

User Centric Design

1,838

Published on

UX Design and how to use research methods to test your designs before they're built and help mitigate risk.

UX Design and how to use research methods to test your designs before they're built and help mitigate risk.

Published in: Design, Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,838
On Slideshare
0
From Embeds
0
Number of Embeds
78
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUSER-CENTRIC DESIGNby Kyle Racki
  • 2. What makes an experience?
  • 3. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Useful• Easy to use• Learnable• Aesthetically pleasing• Evoke emotional responseGood experiences are
  • 4. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser-centric design puts users needs first.
  • 5. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser wants Business goals
  • 6. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comTest early, test often.
  • 7. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com$$ Test hereTime
  • 8. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comNon user-centricThe last step is to hope and pray your assumptions were correct.IDEASELL TOSTAKEHOLDERSDETAIL SPECS FINANCE DESIGN/CODE LAUNCH/TEST SELLIDEASELL TOSTAKEHOLDERSMINIMALFINANCINGDESIGN CODEFINANCE LAUNCH REFI
  • 9. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser-centricIDEAQUALITATIVERESEARCHUX RESEARCH VALIDATE USER TESTQUANTITATIVEMEASURINGSELL TOSTAKEHOLDERSMINIMALFINANCINGDESIGN CODEFINANCE LAUNCH REFINE
  • 10. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comHow to get started.
  • 11. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com1. Antecedent - Event trigger2. Behavior - Causes or influences an individualto act.3. Consequence - Outcome you observe.ABCWhat behaviours do you want to change?
  • 12. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 13. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comQuantitative• Design landing page• Drive traffic• Measure signupsQualitative (UX)• Contextual inquiry• Surveys• Group discussions• Review competitorsroadmapsTesting an idea with research
  • 14. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Understand a pain point• There is a paying market• Product idea solves pain• Testing validated product/market fit• Sell to stakeholders, aquire minimal financeDo you have abusiness case?
  • 15. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comCase Study: Pitch Perfect
  • 16. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research Methods
  • 17. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsInterviews
  • 18. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsSurveys
  • 19. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsGroup discussions
  • 20. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research Methods• Researcher• Interation Designer• Visual Designer• Front-end Developer• Back-end DeveloperBuild a team
  • 21. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the data.
  • 22. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Create 2 or 3 stereotypes• Detailed profile info• Refer throughout designUser PersonasMaking sense of the data
  • 23. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 24. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the data• Context scenarios• Key pathway scenarios• Validation scenarios• Magic scenariosScenarios
  • 25. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the dataFogg - B=MATMotivationAbilityTriggers failTriggers succeed
  • 26. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comTo change behaviour, all 3 need to bepresent at the same time:• Motivation (sensation, expectation, belonging)• Ability• TriggerMaking sense of the dataFogg-Behavior Model
  • 27. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 28. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• What is the core pain we’re solving?• What behaviour are we hoping to change?• What habits do we aim to create in users?Minimum Viable ProductMaking sense of the data
  • 29. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching concepts
  • 30. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Helps you think• Solve key problem• Explore interationKey page viewsSketching concepts
  • 31. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Work out the flow• Use scenarios• Minimize stepsSketching conceptsSequencing
  • 32. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsOnboarding• Orient new users• Increase engagement• Minimize abandonment
  • 33. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 34. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 35. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsMicrodetails
  • 36. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comInvision let’s you dragand drop multipleimage files and autoreplaces ones withthe same name andautomatically makestitle-case and addsspaces.
  • 37. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPitch Perfect emulatesa desktop applicationby allowing keyboardshortcuts and right-click contextual menu
  • 38. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsTeam sketching
  • 39. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsMental Models
  • 40. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPrototyping
  • 41. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comHigh vs Low FidelityPrototyping
  • 42. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
  • 43. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Omnigraphle• Balsamiq• Adobe Fireworks• InvisionPrototypingTools that work
  • 44. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPrototyping• Only prototype key parts• Learn early, fail fast• Measuring the success rateTesting
  • 45. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comBuild
  • 46. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comName of section• Freeze user testing while in production• Use professional QA during development• User test once complete• Private betaMethods of testing
  • 47. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comLaunch and learn
  • 48. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Stay user-centric• Talk to the community• Periodic polls and surveys• Test new features• Measure quantitative dataYou are never done.Launch and learn
  • 49. Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comThank you.Kyle Racki kyle@headspacedesign.ca

×