• Like
  • Save
User Centric Design
Upcoming SlideShare
Loading in...5
×
 

User Centric Design

on

  • 1,856 views

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.

Statistics

Views

Total Views
1,856
Views on SlideShare
468
Embed Views
1,388

Actions

Likes
0
Downloads
5
Comments
0

78 Embeds 1,388

http://headspacedesign.ca 1159
http://mikewheaton.tumblr.com 24
http://www.technicalna.com 17
http://www.betstopper.ca 16
http://imap.www.mitchelltardy.com 10
http://responsiblegamblingns.headspacedesign.ca 10
http://www.technetassociates.com 10
http://laguardia.headspacedesign.us 6
http://mx1.ciuns.org 6
http://imap.gogglesproject.org 5
http://halifaxfamilylaw.com 5
http://technicalna.com 4
http://technetworkassociates.com 4
http://myplay.gamingns.ca 4
http://imap.mitchelltardy.com 4
http://mail.peiflavours.ca 4
http://smtp.shiningwaters.ca 4
http://technicalnetworkassoc.com 4
http://pop.gogglesproject.org 3
http://mx1.mail.shiningwaters.ca 3
http://www.technicalnetworkassociates.com 3
http://dev.friendsofhector.org 3
http://imap.shiningwaters.ca 3
http://www.technicalnetworkassoc.com 3
http://coronasequity.com 2
http://www.ventilationheatpump.com 2
http://www.inoreader.com 2
http://www.home-mobility.ca 2
http://blog.mikewheaton.ca 2
http://ftp.tirecraft.com 2
http://direct.tirecraft.com 2
http://hmsr.ca 2
http://pop.ciuns.org 2
http://lg2.headspacedesign.ca 2
http://mx1.shiningwaters.ca 2
http://imap.ciuns.org 2
http://home-mobility.canwww.home-mobility.ca 2
http://smtp.mail.shiningwaters.ca 2
http://pop.mail.shiningwaters.ca 2
http://mail.shiningwaters.ca 2
http://imap.mail.shiningwaters.ca 2
http://technetassociates.com 2
http://mail.ciuns.org 2
http://smtp.ciuns.org 2
http://smtp.villagewellness.com 1
http://www.technetworkassociates.com 1
http://seaboard.headspacedesign.ca 1
http://www.johnabbottfirstaid.ca 1
http://www.manning-atlantic.ca 1
http://204.13.50.105 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    User Centric Design User Centric Design Presentation Transcript

    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUSER-CENTRIC DESIGNby Kyle Racki
    • What makes an experience?
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Useful• Easy to use• Learnable• Aesthetically pleasing• Evoke emotional responseGood experiences are
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser-centric design puts users needs first.
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser wants Business goals
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comTest early, test often.
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com$$ Test hereTime
    • 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
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUser-centricIDEAQUALITATIVERESEARCHUX RESEARCH VALIDATE USER TESTQUANTITATIVEMEASURINGSELL TOSTAKEHOLDERSMINIMALFINANCINGDESIGN CODEFINANCE LAUNCH REFINE
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comHow to get started.
    • 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?
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • 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
    • 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?
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comCase Study: Pitch Perfect
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research Methods
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsInterviews
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsSurveys
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research MethodsGroup discussions
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comUX Research Methods• Researcher• Interation Designer• Visual Designer• Front-end Developer• Back-end DeveloperBuild a team
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the data.
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Create 2 or 3 stereotypes• Detailed profile info• Refer throughout designUser PersonasMaking sense of the data
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the data• Context scenarios• Key pathway scenarios• Validation scenarios• Magic scenariosScenarios
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comMaking sense of the dataFogg -> B=MATMotivationAbilityTriggers failTriggers succeed
    • 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
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • 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
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching concepts
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Helps you think• Solve key problem• Explore interationKey page viewsSketching concepts
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Work out the flow• Use scenarios• Minimize stepsSketching conceptsSequencing
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsOnboarding• Orient new users• Increase engagement• Minimize abandonment
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsMicrodetails
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comInvision let’s you dragand drop multipleimage files and autoreplaces ones withthe same name andautomatically makestitle-case and addsspaces.
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPitch Perfect emulatesa desktop applicationby allowing keyboardshortcuts and right-click contextual menu
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsTeam sketching
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comSketching conceptsMental Models
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPrototyping
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comHigh vs Low FidelityPrototyping
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.com• Omnigraphle• Balsamiq• Adobe Fireworks• InvisionPrototypingTools that work
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comPrototyping• Only prototype key parts• Learn early, fail fast• Measuring the success rateTesting
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comBuild
    • 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
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comLaunch and learn
    • 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
    • Twitter: @kyleracki | headspacedesign.ca | pitchperfectapp.comThank you.Kyle Racki kyle@headspacedesign.ca