SlideShare a Scribd company logo
1 of 13
Download to read offline
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)

Design your website with your mission in mind
Design your website with your mission in mindDesign your website with your mission in mind
Design your website with your mission in mind
 
Current Design Trends
Current Design TrendsCurrent Design Trends
Current Design Trends
 
Chapter 2 | Website design & development - pf
Chapter 2  | Website design & development - pfChapter 2  | Website design & development - pf
Chapter 2 | Website design & development - pf
 
Module 08: Responsive Web Design
Module 08: Responsive Web DesignModule 08: Responsive Web Design
Module 08: Responsive Web Design
 
Website Design Basics
Website Design BasicsWebsite Design Basics
Website Design Basics
 
072012 tc day03
072012 tc day03072012 tc day03
072012 tc day03
 
Layar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive PrintLayar March 5th Webinar - Get More Out of Interactive Print
Layar March 5th Webinar - Get More Out of Interactive Print
 
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
Evaluating your Website - FDL ACU presentation by BrownBoots InteractiveEvaluating your Website - FDL ACU presentation by BrownBoots Interactive
Evaluating your Website - FDL ACU presentation by BrownBoots Interactive
 
Mobile ux sot a and challenges
Mobile ux sot a and challengesMobile ux sot a and challenges
Mobile ux sot a and challenges
 
Designing With Usability In Mind
Designing With Usability In MindDesigning With Usability In Mind
Designing With Usability In Mind
 

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

Carl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
wendyr1974
 
Carl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
wendyr1974
 
Carl week 5 dont make me think pp
Carl week 5 dont make me think ppCarl week 5 dont make me think pp
Carl week 5 dont make me think pp
wendyr1974
 
Jessica scott week 4 presentation
Jessica scott week 4 presentationJessica scott week 4 presentation
Jessica scott week 4 presentation
milakarma
 

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

Web Usability July 2011
Web Usability July 2011Web Usability July 2011
Web Usability July 2011
 
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use" Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
Designing Intuitive SharePoint Sites: The Science of "Easy to Use"
 
URANUS
URANUSURANUS
URANUS
 
Improving Functional Usability
Improving Functional UsabilityImproving Functional Usability
Improving Functional Usability
 
Usability 101
Usability 101Usability 101
Usability 101
 
UX Usability Heuristics
UX Usability HeuristicsUX Usability Heuristics
UX Usability Heuristics
 
Your window to the digital world
Your window to the digital worldYour window to the digital world
Your window to the digital world
 
IWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytimeIWE - Designing for everyone, anywhere, at anytime
IWE - Designing for everyone, anywhere, at anytime
 
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
Usability vs Design – When Does One Trump the Other? AI (Alexander Interactiv...
 
Impress mobile
Impress mobileImpress mobile
Impress mobile
 
Andys guidetoux v2
Andys guidetoux v2Andys guidetoux v2
Andys guidetoux v2
 
Carl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
 
Carl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 ppCarl week 5 dont make me think part 2 pp
Carl week 5 dont make me think part 2 pp
 
Marketing is dead, long live user experience
Marketing is dead, long live user experienceMarketing is dead, long live user experience
Marketing is dead, long live user experience
 
Website Usability - Direct Marketing Association NorCal 042016
Website Usability - Direct Marketing Association NorCal  042016Website Usability - Direct Marketing Association NorCal  042016
Website Usability - Direct Marketing Association NorCal 042016
 
Carl week 5 dont make me think pp
Carl week 5 dont make me think ppCarl week 5 dont make me think pp
Carl week 5 dont make me think pp
 
Jai Djwa — User Experience FTW
Jai Djwa — User Experience FTWJai Djwa — User Experience FTW
Jai Djwa — User Experience FTW
 
Putting the Customer's User Experience First Online
Putting the Customer's User Experience First OnlinePutting the Customer's User Experience First Online
Putting the Customer's User Experience First Online
 
Usability 101
Usability 101Usability 101
Usability 101
 
Jessica scott week 4 presentation
Jessica scott week 4 presentationJessica scott week 4 presentation
Jessica scott week 4 presentation
 

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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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 | info@studiokandm.com | 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: 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