• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
D alpert ux102
 

D alpert ux102

on

  • 286 views

User Experience 102

User Experience 102

Statistics

Views

Total Views
286
Views on SlideShare
286
Embed Views
0

Actions

Likes
0
Downloads
2
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

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

    D alpert ux102 D alpert ux102 Presentation Transcript

    • D4S102 - 7 ways to make your app Learnable, Usable, & Enjoyable S u c c e s s David Alpert - @davidalpert Track 1: Agile Methods Tuesday, October 18th 2011 11:15am -12:30pm f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • The plan How do we 7 ways Case S u c c e s s recognize a to make a studies good UX? better UX f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • A quick word about design S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Good design integrates Customer Business Goals S u c c e s s Goals f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Good design integrates Busines s Goals S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Good design also integrates Customer Goals S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • How do we prioritize these goals? Business S u c c e s s Users f o r Tech D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • XDD suggests the opposite Business S u c c e s s Users f o r Tech D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Executives have 5 Priorities… Increase revenue Decrease expense Increase market share (new customers) S u c c e s s Deepen current business (from existing customers) Increase value to the shareholders f o r http://www.uie.com/articles/recession_strategy_webapps/ D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • … they all boil down to Increase revenue Decrease expense Increase market share (new customers) S u c c e s s Deepen current business (from existing customers) Increase value to the shareholders f o r Make more money! D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • XDD aligns with Executive priorities Strategy Business S u c c e s s Users Design f o r Tech Execution D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • That links back to... Strategy S u c c e s s Design f o r Execution D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Good design aligns with a vision Vision S u c c e s s Release f o r Feature D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Iterative S u c c e s s Incremental f o r D e s i g n Credit: Jeff Patton via Steve Rogalsky#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • How do we recognize a good UX? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Jesse James Garrett’s Elements of UX S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Peter Moreville’s UX honeycomb S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Peter Moreville’s UX honeycomb Too complicated! S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • A Customer-Centric UX Philosophy Learnable Usable S u c c e s s Enjoyable f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • What makes software Learnable? What makes software Learnable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • What makes software Usable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • What makes software Usable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • What makes software Enjoyable? S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r wayfinding D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • wayfinding S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Navigation as “streetsigns” S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Guide Copy copy” “guide S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n more “guide copy” in action#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 calls to action David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r Can you spot 7 calls to action? D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n What does “search” do?#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r http://www.lukew.com/resources/articles/web_forms.html D e s i g n Web Application Form Design January 22, 2005 by Luke Wroblewski#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • 2009 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • 2010 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • 2011 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • 2011 S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Demo S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Sample A Sample A Sample A S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Real-time status S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • “The egg, therefore, becomes more than an ingredient, and more than just an extra pleasurable step. It becomes a prop, enabling the S u c c e s s customer to play a social role.” f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me David Alpert f o r Web: http://blog.spinthemoose.com Email: david@spinthemoose.com D e s i g n Twitter: @davidalpert#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Case Study #1: S u c c e s s FogBugz redesign f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Case Study #2: S u c c e s s wesabe vs mint.com f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • S u c c e s s f o r D e s i g n#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • References & Resources (in no particular order) • 90 percent of everything http://www.90percentofeverything.com/ • Agile Product Design [ Jeff Patton ] http://www.agileproductdesign.com/blog/index.html • User Interface Engineering http://www.uie.com/brainsparks/ S u c c e s s • Luke Wroblewski http://www.lukew.com/ff/ • An Event Apart http://aneventapart.com/ • Edward Tufte f o r http://www.edwardtufte.com/tufte/books_vdqi • Jakob Nielsen http://www.useit.com/ D e s i g n • Boxes and Arrows http://www.boxesandarrows.com/#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com
    • Design for Success! Learnable – Can I get (back) in? 1. Where am I? 2. What can I do next? 3. What should I do next? Usable – Will I stay in? 4. Stay out of my way 5. Let me run the show S u c c e s s Enjoyable – Will I bring others in? 6. Engage me 7. Delight me David Alpert f o r Web: http://blog.spinthemoose.com Email: david@spinthemoose.com D e s i g n Twitter: @davidalpert#sdec11 David Alpert @davidalpert http://blog.spinthemoose.com