8 Critical Usability Tips Slideshare Post
Upcoming SlideShare
Loading in...5
×
 

8 Critical Usability Tips Slideshare Post

on

  • 1,411 views

 

Statistics

Views

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

Actions

Likes
2
Downloads
11
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!