SlideShare a Scribd company logo
USABILITY
WHAT IS USABILITY AND HOW DOES IT AFFECT YOU?




                                             STUDIOK&M THE DESIGN & USABILITY EXPERTS   .




    www.studiokandm.com | info@studiokandm.com | 212.987.0076
WHAT IS
USABILIT Y?
                               USABILITY MEANS THAT
                               SOMEONE SHOULD BE
                               ABLE TO UNDERSTAND
                               AND ACCOMPLISH A
                               TASK INTUITIVELY
                               WITHOUT THOUGHT
                               OR FRUSTRATION.




  www.studiokandm.com | info@studiokandm.com | 212.987.0076
FORM VS
FUNCTION




                             Sure, both of these tea pots are nice to look
                             at, but which one is more useable?

                             Usability is all about the experience,
                             be it in a tea salon or on the web.


www.studiokandm.com | info@studiokandm.com | 212.987.0076
DON’T MAK E
ME THINK.
Steve Krug’s first law of usability states that
a web page should be obvious and self-
explanatory. Be sure the navigation and site
structure are intuitive. Have visual clues and
easily recognizable links so that users can
find what they are looking for.




             www.studiokandm.com | info@studiokandm.com | 212.987.0076
THINGS
  THAT
MAKE US
  THINK                       •	
                              •	
                                   Where do I start?
                                   What do they do?
                              •	   Clever names/Marketing induced names
                              •	   Links that are not self evident
                              •	   Navigation in non traditional places
                              •	   Where’s the contact info?
                              •	   Where do I sign in?




 www.studiokandm.com | info@studiokandm.com | 212.987.0076
WHAT DO USERS LOOK
                               FOR IN A WEBSITE?

  WEB                          •	
                               •	
                               •	
                                    Ease of use
                                    Speed
                                    Practicality
USABILIT Y                     •	
                               •	
                                    Credibility
                                    Consistency
                               •	   Simplicity, simplicity, simplicity



                               WHY IS IT SO IMPORTANT?
                               With billions of websites on the internet
                               today, your competitors are only a click away.
                               If you don’t help your users accomplish their
                               goals, they are bound to head straight to
                               your competitor.

                               A usable website creates trust in your
                               customers and a sense of satisfaction.



  www.studiokandm.com | info@studiokandm.com | 212.987.0076
YOU HAVE LESS THAN

                             T WO MINUTES
                             TO COMMUNICATE
                             THE FIRST TIME
                             A PROSPECTIVE
                             CUSTOMER VISITS
                             YOUR WEBSITE.


                             Every page must justify its claim on their
                             time. If a page doesn’t do that immediately
                             and clearly, users go elsewhere.

                             Most don’t even bother scrolling to see
                             what’s further down the page.




www.studiokandm.com | info@studiokandm.com | 212.987.0076
NAVIGATION
Your navigation system should be simple and
clear. Your users should not have to ask the
following questions:

                                               Where am I?

                                               Where should I begin?

                                               Where did they put ______?

                                               What are the most important
                                               things on this page?

                                               Why did they call it that?

            www.studiokandm.com | info@studiokandm.com | 212.987.0076
WHERE
DOES THIS                      IMPROVING NAVIGATION
LINK GO?                       •	   Users must be able to predict what will
                                    happen if a link is clicked and determine
                                    whether or not it takes them to their goal.
                               •	   Information should be organized in a
                                    logical manner.
                               •	   The language and organization of the
                                    navigational path must match the user’s
                                    expectations and needs
                               •	   The use of ambiguous links can cause
                                    the user to go to the wrong page.
                               •	   The use of nonstandard links can cause
                                    confusion.



  www.studiokandm.com | info@studiokandm.com | 212.987.0076
MORE THAN 83%
OF INTERNET USERS ARE
LIKELY TO LEAVE A WEB
SITE IF THEY FEEL THEY
HAVE TO MAKE
TOO MANY CLICKS
TO FIND WHAT THEY’RE
LOOKING FOR.
                                -Arthur Andersen, 2001


   www.studiokandm.com | info@studiokandm.com | 212.987.0076
USABILIT Y
  TIPS                         DO
                               •	   Know your end user
                               •	   Abbreviate your copy-make it scannable
                               •	   Use short & concise phrases
                               •	   Use plain & objective language
                               •	   Use bullet points
                               •	   Let users know why they should use your service
                               •	   Let users know why should they stay on your site
                               •	   Use hierarchy
                               •	   Categorize the content
                               •	   Use spell check
                               •	   Test your site
                               •	   Check for consistency: fonts, styling, formatting,
                                    window titles, link colors
                               •	   Be sure your site loads quickly



  www.studiokandm.com | info@studiokandm.com | 212.987.0076
MORE
USABILITY
  TIPS
            DON’T
            •	   Use pop-ups
            •	   Don’t change user’s window size
            •	   Don’t use too small font size
            •	   Don’t use horizontal scrolling
            •	   Don’t create a site that requires
                 instructions on how to browse
            •	   Don’t make people wait
FREE E XPERT
         USA BILIT Y
          RE VIE WS

                             STUDIOK&M    THE DESIGN & USABILITY EXPERTS   .



                             Schedule a 30 minute free telephone review
                             Email: cathline@studiokandm.com
                             Read our blog for usability & design tips:
                             studiokandm.com/blog
                             Follow us on Twitter for usability & design tips:
                             twitter.com/studiokandm

www.studiokandm.com | info@studiokandm.com | 212.987.0076

More Related Content

What's hot (10)

PDF
Design your website with your mission in mind
Michael Beahm
 
PDF
Current Design Trends
whipplehill
 
PDF
Chapter 2 | Website design & development - pf
MikaStuttaford
 
PDF
Module 08: Responsive Web Design
Daniel Drew Turner
 
PDF
Website Design Basics
Jennifer Janviere
 
KEY
072012 tc day03
studiokandm
 
PDF
Layar March 5th Webinar - Get More Out of Interactive Print
Layar
 
PDF
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
BrownBoots Interactive, Inc.
 
PDF
Mobile ux sot a and challenges
Human Interface Group
 
PPT
Designing With Usability In Mind
CenergyDave
 
Design your website with your mission in mind
Michael Beahm
 
Current Design Trends
whipplehill
 
Chapter 2 | Website design & development - pf
MikaStuttaford
 
Module 08: Responsive Web Design
Daniel Drew Turner
 
Website Design Basics
Jennifer Janviere
 
072012 tc day03
studiokandm
 
Layar March 5th Webinar - Get More Out of Interactive Print
Layar
 
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
BrownBoots Interactive, Inc.
 
Mobile ux sot a and challenges
Human Interface Group
 
Designing With Usability In Mind
CenergyDave
 

Similar to What is Usability and How Does it Affect You? (20)

PDF
Is your website user friendly?
studiokandm
 
PDF
Getting to know us
A. L. Lougheed
 
PDF
10 principles of effective web design
ananda gunadharma
 
PPTX
20 Website 'Must Haves'
Matrix Internet
 
PPS
Substance151 Best Web Practices
substance151
 
PDF
Avoid Error Not Design
MaximumHit Ltd
 
PPTX
Improving the Success of Your Website - Mid Am January 2013
Top Floor Technologies
 
PDF
1. What Makes A Good Website - 2008
mdda
 
PDF
Seo checklist - easy steps on how to improve your website
Veronica Stenberg
 
PDF
The big bang 2010_by_ralph van coillie
Ralph Van Coillie
 
PDF
Webmarketing123 turn your website into a revenue machine.deck
DemandWave
 
PDF
Adago Marketing Weband Online
Denise Reier
 
PDF
Web marketing-checklist
Jean-Francois Verville
 
PDF
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
Act-On Software
 
PDF
Few Principles Of Web Designing
Fathhi Mohamed
 
KEY
University and Public Relations: Making the Most of Communications and Market...
Graham Garner
 
PPT
E-commerce Checkout Design: Principles, Guidelines & Case Studies
uxviet
 
PPTX
Smart Design For Small Business
Aaron Eden
 
PPTX
Marketing the Gold
Nehlsen Communications
 
PPTX
What makes a great website!
SanjivaniS
 
Is your website user friendly?
studiokandm
 
Getting to know us
A. L. Lougheed
 
10 principles of effective web design
ananda gunadharma
 
20 Website 'Must Haves'
Matrix Internet
 
Substance151 Best Web Practices
substance151
 
Avoid Error Not Design
MaximumHit Ltd
 
Improving the Success of Your Website - Mid Am January 2013
Top Floor Technologies
 
1. What Makes A Good Website - 2008
mdda
 
Seo checklist - easy steps on how to improve your website
Veronica Stenberg
 
The big bang 2010_by_ralph van coillie
Ralph Van Coillie
 
Webmarketing123 turn your website into a revenue machine.deck
DemandWave
 
Adago Marketing Weband Online
Denise Reier
 
Web marketing-checklist
Jean-Francois Verville
 
5 Steps to Maximize Conversions and Deliver an Experience Your Customers W…
Act-On Software
 
Few Principles Of Web Designing
Fathhi Mohamed
 
University and Public Relations: Making the Most of Communications and Market...
Graham Garner
 
E-commerce Checkout Design: Principles, Guidelines & Case Studies
uxviet
 
Smart Design For Small Business
Aaron Eden
 
Marketing the Gold
Nehlsen Communications
 
What makes a great website!
SanjivaniS
 
Ad

What is Usability and How Does it Affect You?

  • 1. USABILITY WHAT IS USABILITY AND HOW DOES IT AFFECT YOU? STUDIOK&M THE DESIGN & USABILITY EXPERTS . www.studiokandm.com | [email protected] | 212.987.0076
  • 2. WHAT IS USABILIT Y? USABILITY MEANS THAT SOMEONE SHOULD BE ABLE TO UNDERSTAND AND ACCOMPLISH A TASK INTUITIVELY WITHOUT THOUGHT OR FRUSTRATION. www.studiokandm.com | [email protected] | 212.987.0076
  • 3. FORM VS FUNCTION Sure, both of these tea pots are nice to look at, but which one is more useable? Usability is all about the experience, be it in a tea salon or on the web. www.studiokandm.com | [email protected] | 212.987.0076
  • 4. DON’T MAK E ME THINK. Steve Krug’s first law of usability states that a web page should be obvious and self- explanatory. Be sure the navigation and site structure are intuitive. Have visual clues and easily recognizable links so that users can find what they are looking for. www.studiokandm.com | [email protected] | 212.987.0076
  • 5. THINGS THAT MAKE US THINK • • Where do I start? What do they do? • Clever names/Marketing induced names • Links that are not self evident • Navigation in non traditional places • Where’s the contact info? • Where do I sign in? www.studiokandm.com | [email protected] | 212.987.0076
  • 6. WHAT DO USERS LOOK FOR IN A WEBSITE? WEB • • • Ease of use Speed Practicality USABILIT Y • • Credibility Consistency • Simplicity, simplicity, simplicity WHY IS IT SO IMPORTANT? With billions of websites on the internet today, your competitors are only a click away. If you don’t help your users accomplish their goals, they are bound to head straight to your competitor. A usable website creates trust in your customers and a sense of satisfaction. www.studiokandm.com | [email protected] | 212.987.0076
  • 7. YOU HAVE LESS THAN T WO MINUTES TO COMMUNICATE THE FIRST TIME A PROSPECTIVE CUSTOMER VISITS YOUR WEBSITE. Every page must justify its claim on their time. If a page doesn’t do that immediately and clearly, users go elsewhere. Most don’t even bother scrolling to see what’s further down the page. www.studiokandm.com | [email protected] | 212.987.0076
  • 8. NAVIGATION Your navigation system should be simple and clear. Your users should not have to ask the following questions: Where am I? Where should I begin? Where did they put ______? What are the most important things on this page? Why did they call it that? www.studiokandm.com | [email protected] | 212.987.0076
  • 9. WHERE DOES THIS IMPROVING NAVIGATION LINK GO? • Users must be able to predict what will happen if a link is clicked and determine whether or not it takes them to their goal. • Information should be organized in a logical manner. • The language and organization of the navigational path must match the user’s expectations and needs • The use of ambiguous links can cause the user to go to the wrong page. • The use of nonstandard links can cause confusion. www.studiokandm.com | [email protected] | 212.987.0076
  • 10. MORE THAN 83% OF INTERNET USERS ARE LIKELY TO LEAVE A WEB SITE IF THEY FEEL THEY HAVE TO MAKE TOO MANY CLICKS TO FIND WHAT THEY’RE LOOKING FOR. -Arthur Andersen, 2001 www.studiokandm.com | [email protected] | 212.987.0076
  • 11. USABILIT Y TIPS DO • Know your end user • Abbreviate your copy-make it scannable • Use short & concise phrases • Use plain & objective language • Use bullet points • Let users know why they should use your service • Let users know why should they stay on your site • Use hierarchy • Categorize the content • Use spell check • Test your site • Check for consistency: fonts, styling, formatting, window titles, link colors • Be sure your site loads quickly www.studiokandm.com | [email protected] | 212.987.0076
  • 12. MORE USABILITY TIPS DON’T • Use pop-ups • Don’t change user’s window size • Don’t use too small font size • Don’t use horizontal scrolling • Don’t create a site that requires instructions on how to browse • Don’t make people wait
  • 13. FREE E XPERT USA BILIT Y RE VIE WS STUDIOK&M THE DESIGN & USABILITY EXPERTS . Schedule a 30 minute free telephone review Email: [email protected] Read our blog for usability & design tips: studiokandm.com/blog Follow us on Twitter for usability & design tips: twitter.com/studiokandm www.studiokandm.com | [email protected] | 212.987.0076