SlideShare a Scribd company logo
1 of 14
Deltak edu- Proprietary & Confidentialh 1 Web Design for UsabilityBrandon Steele – Sr. Marketing Manager
The 7 Secrets of Highly Unsuccessful Websites Place familiar elements in unfamiliar places Make it hard to navigate Remove points of reference Clutter is your friend Colors should be few – preferably just white Dispense with calls-to-action or obscure them Make the content hard to read and hard to find 8/10/2009 Deltak edu- Proprietary & Confidential 2
[object Object]
“Usability is the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.” – ISO
“Usability is a quality attribute that assesses how easy user interfaces are to use.” Jakob Nielsen, Ph.D.  8/10/2009 Deltak edu- Proprietary & Confidential 3 What is Usability Anyway?
A Usable Usability Definition Usability means that people who use the website can do so quickly and easily to accomplish their task(s). 8/10/2009 Deltak edu- Proprietary & Confidential 4
“If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website's information is hard to read or doesn't answer users' key questions, they leave. […] There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.” -- Nielsen 8/10/2009 Deltak edu- Proprietary & Confidential 5 Why is Usability Important?
High bounce rates Low conversion rates Poor keyword rankings Low traffic  Few SEO leads 8/10/2009 Deltak edu- Proprietary & Confidential 6 And Where Does all This “Leaving” get us?
How Do We Avoid This User Experience? 8/10/2009 Deltak edu- Proprietary & Confidential 7
8/10/2009 Deltak edu- Proprietary & Confidential 8 General Usability Checklist Can you tell where you are in the site?  Can you tell where you can go in the site?  Is there a reasonable number of navigation choices? Is there a link back to the home page? Do links make sense when read out of context? Does the site have a consistent "look-&-feel"? Is the layout uncluttered?  Is there good color contrast? Is important content close to the top of the page? Are key concepts emphasized? Is text broken up for easy scanning using headlines, bullets, lists and frequent paragraph breaks? Is language used in a way that is familiar to and comfortable for its readers?
8/10/2009 Deltak edu- Proprietary & Confidential 9 Example 1
8/10/2009 Deltak edu- Proprietary & Confidential 10 The Inner Page
Example 2  8/10/2009 Deltak edu- Proprietary & Confidential 11
The Inner Page 8/10/2009 Deltak edu- Proprietary & Confidential 12

More Related Content

Viewers also liked

Deltak Certificates 2005
Deltak Certificates 2005Deltak Certificates 2005
Deltak Certificates 2005CAD vantage
 
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San FranciscoMario Faria
 
Water For The World Presentation 2
Water For The World Presentation 2Water For The World Presentation 2
Water For The World Presentation 2EWB-UK
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionIn a Rocket
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanPost Planner
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldabaux singapore
 

Viewers also liked (6)

Deltak Certificates 2005
Deltak Certificates 2005Deltak Certificates 2005
Deltak Certificates 2005
 
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco
2nd Big Data Business Forum Nov 13th to 15th, 2013 in San Francisco
 
Water For The World Presentation 2
Water For The World Presentation 2Water For The World Presentation 2
Water For The World Presentation 2
 
Learn BEM: CSS Naming Convention
Learn BEM: CSS Naming ConventionLearn BEM: CSS Naming Convention
Learn BEM: CSS Naming Convention
 
How to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media PlanHow to Build a Dynamic Social Media Plan
How to Build a Dynamic Social Media Plan
 
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika AldabaLightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
Lightning Talk #9: How UX and Data Storytelling Can Shape Policy by Mika Aldaba
 

Similar to Usability Presentation

Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...Online Marketing Summit
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetCity University London
 
Design.doc
Design.docDesign.doc
Design.docbutest
 
How to measure web content readability and consistency:TERMINALFOUR t44u 2013
 How to measure web content readability and consistency:TERMINALFOUR t44u 2013 How to measure web content readability and consistency:TERMINALFOUR t44u 2013
How to measure web content readability and consistency:TERMINALFOUR t44u 2013Terminalfour
 
Measuring web content readability and consistency for universities
Measuring web content readability and consistency for universitiesMeasuring web content readability and consistency for universities
Measuring web content readability and consistency for universitiesVisibleThread
 
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...Clarity Grader
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!Embolden
 
Measuring web content readability and consistency - TerminalFour Conference
Measuring web content readability and consistency - TerminalFour ConferenceMeasuring web content readability and consistency - TerminalFour Conference
Measuring web content readability and consistency - TerminalFour ConferenceVisibleThread
 
CAN I USE THIS? - A Mnemonic for Usability Testing
CAN I USE THIS? - A Mnemonic for Usability TestingCAN I USE THIS? - A Mnemonic for Usability Testing
CAN I USE THIS? - A Mnemonic for Usability TestingDavid Greenlees
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersBrian Sullivan
 
Uxd corporate presentation
Uxd corporate presentationUxd corporate presentation
Uxd corporate presentationMandar Mayekar
 
Intro to Web Accessibility
Intro to Web Accessibility Intro to Web Accessibility
Intro to Web Accessibility Ashley Dzick
 

Similar to Usability Presentation (20)

Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
Top 10 Usability Mistakes Not to Make, Thanh Ngyuen, Senior Website Usability...
 
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, AbilitynetHCID2014: Accessibility primer. Joe Chidzik, Abilitynet
HCID2014: Accessibility primer. Joe Chidzik, Abilitynet
 
Design.doc
Design.docDesign.doc
Design.doc
 
Usability
UsabilityUsability
Usability
 
Usability 101
Usability 101Usability 101
Usability 101
 
Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
How to measure web content readability and consistency:TERMINALFOUR t44u 2013
 How to measure web content readability and consistency:TERMINALFOUR t44u 2013 How to measure web content readability and consistency:TERMINALFOUR t44u 2013
How to measure web content readability and consistency:TERMINALFOUR t44u 2013
 
Measuring web content readability and consistency for universities
Measuring web content readability and consistency for universitiesMeasuring web content readability and consistency for universities
Measuring web content readability and consistency for universities
 
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...
Measuring Web Content Readability & Consistency - with VisibleThread Clarity ...
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Making Your Website Sing!
Making Your Website Sing!Making Your Website Sing!
Making Your Website Sing!
 
Measuring web content readability and consistency - TerminalFour Conference
Measuring web content readability and consistency - TerminalFour ConferenceMeasuring web content readability and consistency - TerminalFour Conference
Measuring web content readability and consistency - TerminalFour Conference
 
UX Usability Heuristics
UX Usability HeuristicsUX Usability Heuristics
UX Usability Heuristics
 
Accessibility Usability Professional Summry
Accessibility Usability Professional SummryAccessibility Usability Professional Summry
Accessibility Usability Professional Summry
 
Ux, UI and US v1.2
Ux, UI and US v1.2Ux, UI and US v1.2
Ux, UI and US v1.2
 
CAN I USE THIS? - A Mnemonic for Usability Testing
CAN I USE THIS? - A Mnemonic for Usability TestingCAN I USE THIS? - A Mnemonic for Usability Testing
CAN I USE THIS? - A Mnemonic for Usability Testing
 
Top10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for BloggersTop10 Usability Guidelines for Bloggers
Top10 Usability Guidelines for Bloggers
 
Uxd corporate presentation
Uxd corporate presentationUxd corporate presentation
Uxd corporate presentation
 
Intro to Web Accessibility
Intro to Web Accessibility Intro to Web Accessibility
Intro to Web Accessibility
 
Gavin Evans, Digital Accessibility Centre
Gavin Evans, Digital Accessibility CentreGavin Evans, Digital Accessibility Centre
Gavin Evans, Digital Accessibility Centre
 

Usability Presentation

  • 1. Deltak edu- Proprietary & Confidentialh 1 Web Design for UsabilityBrandon Steele – Sr. Marketing Manager
  • 2. The 7 Secrets of Highly Unsuccessful Websites Place familiar elements in unfamiliar places Make it hard to navigate Remove points of reference Clutter is your friend Colors should be few – preferably just white Dispense with calls-to-action or obscure them Make the content hard to read and hard to find 8/10/2009 Deltak edu- Proprietary & Confidential 2
  • 3.
  • 4. “Usability is the extent to which a product can be used by specified users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use.” – ISO
  • 5. “Usability is a quality attribute that assesses how easy user interfaces are to use.” Jakob Nielsen, Ph.D. 8/10/2009 Deltak edu- Proprietary & Confidential 3 What is Usability Anyway?
  • 6. A Usable Usability Definition Usability means that people who use the website can do so quickly and easily to accomplish their task(s). 8/10/2009 Deltak edu- Proprietary & Confidential 4
  • 7. “If a website is difficult to use, people leave. If the homepage fails to clearly state what a company offers and what users can do on the site, people leave. If users get lost on a website, they leave. If a website's information is hard to read or doesn't answer users' key questions, they leave. […] There are plenty of other websites available; leaving is the first line of defense when users encounter a difficulty.” -- Nielsen 8/10/2009 Deltak edu- Proprietary & Confidential 5 Why is Usability Important?
  • 8. High bounce rates Low conversion rates Poor keyword rankings Low traffic Few SEO leads 8/10/2009 Deltak edu- Proprietary & Confidential 6 And Where Does all This “Leaving” get us?
  • 9. How Do We Avoid This User Experience? 8/10/2009 Deltak edu- Proprietary & Confidential 7
  • 10. 8/10/2009 Deltak edu- Proprietary & Confidential 8 General Usability Checklist Can you tell where you are in the site? Can you tell where you can go in the site? Is there a reasonable number of navigation choices? Is there a link back to the home page? Do links make sense when read out of context? Does the site have a consistent "look-&-feel"? Is the layout uncluttered? Is there good color contrast? Is important content close to the top of the page? Are key concepts emphasized? Is text broken up for easy scanning using headlines, bullets, lists and frequent paragraph breaks? Is language used in a way that is familiar to and comfortable for its readers?
  • 11. 8/10/2009 Deltak edu- Proprietary & Confidential 9 Example 1
  • 12. 8/10/2009 Deltak edu- Proprietary & Confidential 10 The Inner Page
  • 13. Example 2 8/10/2009 Deltak edu- Proprietary & Confidential 11
  • 14. The Inner Page 8/10/2009 Deltak edu- Proprietary & Confidential 12
  • 15. Thank You…. 8/10/2009 Deltak edu- Proprietary & Confidential 13 Questions?
  • 16. And Peter Drucker Says “This is the part on Sprockets where we dance…” 8/10/2009 Deltak edu- Proprietary & Confidential 14