• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
8 Critical Usability Tips Slideshare Post
 

8 Critical Usability Tips Slideshare Post

on

  • 1,358 views

 

Statistics

Views

Total Views
1,358
Views on SlideShare
1,358
Embed Views
0

Actions

Likes
2
Downloads
10
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

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

    8 Critical Usability Tips Slideshare Post 8 Critical Usability Tips Slideshare Post Presentation Transcript

    • 8 Critical Usability Tips: Quick low cost ways to get impressive results John Whalen, PhD Director, User Experience and Design, e.magination
    • Usability Reviews and Usability Testing
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Tip 1: Navigation – KISS – Harder than you think…
    • Tip 1: Navigation – KISS – Harder than you think… Trying to describe 10 steps… … but page has 42 links … 29 related to task at hand … 13 leaving page. Where do I start?? Notice the numbering: 4,5,6,7,8… 4,5,6,7,8…4???
    • Take a step back, think like the user
    • Make an obvious first step
    • Distinguish primary and secondary navigation
    • Provide a table of contents
    • Informal Test – Where should you click first? 30% Correct e.mag design 100% Correct
    • Tip 2: Navigation – Less is More
    • Tip 2: Navigation – Less is More 2 sets of tabs… Clickable buttons for navigation… Clickable buttons for actions… Clickable objects for navigation… Large distance between question and “Next” button Large distance between help and question
    • Tip 2: Navigation – Less is More Next Previous
    • Informal Test – Which would you prefer? Next Previous 8% e.mag design 92%
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Tip 3: Content – Provide visual clues that direct eyes.
    • A B 0 Seconds
    • A B 5 Seconds
    • A B 15 Seconds After 15 seconds, users “below the fold”
    • Tip 4: Content – Create scan-able content ✓
    • Users scan content in an “F” pattern
    • They skip irrelevant content
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Tip 5: Interaction – Make the next step “duh” obvious
    • Informal Test – Where should you click next? 6% Correct Amazon 91% Correct
    • What makes it obvious?
      • Distinct color
      • Size
      • Affordance (click-ability)
      • Next in user eye-flow
      • Absence of any other items with that style
      • Consistency in positioning
    • Tip 6: Interaction – Search + Refine
    • Do you prefer Search + Refine? No 15% Yes 85%
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Top 8 Critical Usability Tips
      • Navigation
      • Content
      • Interaction
      • Persuasive Design
    • Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity
      • Reciprocity:
      • Give things away.
      • Create an environment where you contribute, then ask for something in return.
    • Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity
      • Social Validation:
      • You’re making the right choice.
      • Lots of other people choose this too.
    • Tip 7: Persuasion – Invoke reciprocity, social validation, and similarity
      • Similarity:
      • People just like you choose us.
    • Tip 8: Persuasion – Find the right social networks and provide thought leadership Source: Forrester.com
    • Tip 8: Persuasion – Find the right social networks and provide thought leadership
      • Develop a B.E.S.T. formula
      • Behavioral: Everything you communicate is designed to change customer behavior
      • Essential: Your communications really help your customers succeed in their jobs
      • Strategic: Your content becomes a integral part of your business strategy
      • Targeted: Target your content so that it is truly relevant to your clients.
    • 8 Critical Usability Tips
      • Navigation
      • K.I.S.S. – Make the first step obvious
      • Less is More – Remove unnecessary navigation
      • Content
      • Provide visual clues that direct eyes to next step
      • Create scan-able content
      • Interaction
      • Make the next step “duh” obvious
      • Search + Refine
      • Persuasion
      • Invoke reciprocity, social validation, and similarity
      • Find the right social networks and provide thought leadership
    • Your Summer Reading List…
    • THANK YOU!
      • John Whalen, PhD
      • Director, User Experience
      • Twitter: @johnwhalen
      • Email: [email_address]
      • LinkedIn: http://www.linkedin.com/in/johnwhalen
      … or talk to us!