SlideShare una empresa de Scribd logo
1 de 21
BASIC PRINCIPLES OF
           USABILITY
WHAT IS USABILITY?
  Usability is the measure of the quality of a user's
  experience when interacting with a product or system -
 Whether a web site

 Software application

 Mobile technology

 Any user-operated device
IMPORTANCE OF USABILITY
   According to Usability Expert Jakob Nielsen:
     In the Web, usability is a necessary condition for
    survival. If a website is difficult to use, people leave.
   If the homepage of your website does not clearly
    provide details about a company or about what it offers
    and what users can do on the site, people will leave
    your website.
   If users get lost or confused while browsing your website
    and they lack clarity they instantly leave the website.
   If a website's content is difficult to read or it doesn't
    answer important key questions, it immediately drives
    away the users.
   Note a pattern here?
   If the website does not satisfy the users leaving it is
    their first line of defense.
THE 4 CHARACTERISTICS OF USABILITY
ARE:



 Quick and easy to learn;
 Efficient to use;

 Allows rapid recovery from errors;

 Easy to remember;
Basic Principles
Basic Principles
                             Feature exposure
   Effective writing

                                                   Info hierarchy

Simplicity
                                                          Don’t waste time


Use of white space             Usability                 Don’t make me think


                                                           How do user’s think
   Visible language


                                                Test early, Test Often
                       Conventions
1.HOW DO USERS THINK?

                   Be it the Web or a physical store
                    user behavior and habits remain
                    the same.
                   When browsing a website, users
                    search for something clickable.
                   Users are mainly looking for
                    quality and credibility in a
                    website.
                   Users don’t read, they scan.
                   While browsing the web, users
                    are impatient and are looking for
                    instant gratification
2. DON’T MAKE USERS THINK

• The web-page should be obvious and self-explanatory.




  Let’s take a look at an example. ABC Company claims to be “beyond channels, beyond
 products, beyond distribution”. What does it mean? Since users tend to explore web-sites
 according to the “F”-pattern, these three statements would be the first elements users will
 see on the page once it is loaded
3. DON’T WASTE USER’S TIME

                    Users hate lengthy and complex
                     processes.
                    If you want users to test a
                     feature or a service make it
                     quick and easy. The simpler the
                     process, the more likely a
                     random visitor is to actually try it
                     out.
4. INFORMATION HIERARCHY
   Usually websites provide two forms of content - static and
    dynamic. Of that, some aspects of the user interface attract
    attention more than others.

                                  ABC.co perfectly uses the principle of focus.

                                  The only element which is directly visible to
                                  the users is the word “free” which works
                                  attractive and appealing, but still calm and
                                  purely informative.

                                  Subtle hints provide users with enough
                                  information of how to find more about the
                                  “free” product.
5. FEATURE EXPOSURE
   The fundamental principle of successful user interface design is to
    clearly and immediately show all the features and functionalities
    available.
6. MAKE USE OF EFFECTIVE WRITING
                                                                   Copy must be short, crisp and
                                                                    concise (come to the point as
                                                                    quickly as possible).
                                                                   Break down content so that it
                                                                    is easy to scan (use multiple
                                                                    heading levels, use visual
                                                                    elements and bullet points).
                                                                   Use plain and objective
                                                                    language (a promotion doesn’t
Pqr productions gets directly to the point. No cute words, no       need to sound like
exaggerated statements. Instead a price: just what visitors
are looking for
                                                                    advertisement; give your users
                                                                    some reasonable and objective
                                                                    reason why they should use
                                                                    your service or stay on your
                                                                    website)
7. SIMPLICITY
                                      Make user interfaces simple
                                       and minimalistic. Complexity
                                       leads to confusing, overwhelming
                                       interfaces.
                                      Use only those features that are
                                       absolutely vital and necessary.
                                      Hide the complex features that
                                       you cannot get rid of altogether.
                                      Minimize visual noise.
Strive for simplicity instead of      Reuse visual components
complexity.
                                       whenever possible.
                                      Don’t leave blank state blank.
8. WHITE SPACE
                  White space allows
                   breathing space between
                   two components.
                  Not only does it help to
                   reduce the cognitive load for
                   the visitors, but it makes it
                   easier to grasp the content
                   presented on the screen.
9. VISIBLE LANGUAGE
 Organize: Refers to providing a clear and consistent
  conceptual structure to the user.
 Economize: Refer to showing or offering range of
  functionalities with the least amount of cues and visual
  elements.
 Communicate: Refers to matching the presentation with
  the capabilities of the user. The user interface must keep in
  balance legibility, readability, typography, symbolism,
  multiple views, and color or texture in order to communicate
  successfully. Use max. 3 typefaces in a maximum of 3 point
  sizes— a maximum of 18 words or 50-80 characters per
  line of text.
10. CONVENTIONS
                   Use of conventional designs
                    don’t necessarily make a
                    website boring.
                   Conventional design reduce
                    the learning curve and the
                    need to figure out how
                    things work.
11. TEST EARLY TEST OFTEN
   The TETO-principle should be applied to every web design
    project. This helps in tracking how the users react to the
    designs and interfaces and continue to improvise.
USERS BENEFITS FROM USABILITY
  The benefits of usability include:
 Users enjoy interacting with the web interface.

 Since they get all the information easily, it ensures that they
  are satisfied with it.
 It ensures that they achieve their goals effectively and
  efficiently;
 It helps in cultivating confidence and trust in the product or
  web site.
 If your users are satisfied, they will become loyal
  customers, and even recommend your product or service to
  others.
PROVIDERS BENEFITS FROM USABILITY
  As a provider, you may benefit from usability in many ways,
  including:
 Reduced development time and costs;

 Reduced support costs;

 Reduced user errors;

 Reduced training time and costs;

 Return on Investment.
Usability is a potent weapon that can save your precious
money, improve your competitive position and improve
customer loyalty. Now is the time to invest in the research.
Thank you!

Más contenido relacionado

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Último (20)

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 

Destacado

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Principles of usability by website design company cbil360.com

  • 2. WHAT IS USABILITY? Usability is the measure of the quality of a user's experience when interacting with a product or system -  Whether a web site  Software application  Mobile technology  Any user-operated device
  • 3. IMPORTANCE OF USABILITY  According to Usability Expert Jakob Nielsen: In the Web, usability is a necessary condition for survival. If a website is difficult to use, people leave.  If the homepage of your website does not clearly provide details about a company or about what it offers and what users can do on the site, people will leave your website.  If users get lost or confused while browsing your website and they lack clarity they instantly leave the website.  If a website's content is difficult to read or it doesn't answer important key questions, it immediately drives away the users.  Note a pattern here?  If the website does not satisfy the users leaving it is their first line of defense.
  • 4. THE 4 CHARACTERISTICS OF USABILITY ARE:  Quick and easy to learn;  Efficient to use;  Allows rapid recovery from errors;  Easy to remember;
  • 6. Basic Principles Feature exposure Effective writing Info hierarchy Simplicity Don’t waste time Use of white space Usability Don’t make me think How do user’s think Visible language Test early, Test Often Conventions
  • 7. 1.HOW DO USERS THINK?  Be it the Web or a physical store user behavior and habits remain the same.  When browsing a website, users search for something clickable.  Users are mainly looking for quality and credibility in a website.  Users don’t read, they scan.  While browsing the web, users are impatient and are looking for instant gratification
  • 8. 2. DON’T MAKE USERS THINK • The web-page should be obvious and self-explanatory. Let’s take a look at an example. ABC Company claims to be “beyond channels, beyond products, beyond distribution”. What does it mean? Since users tend to explore web-sites according to the “F”-pattern, these three statements would be the first elements users will see on the page once it is loaded
  • 9. 3. DON’T WASTE USER’S TIME  Users hate lengthy and complex processes.  If you want users to test a feature or a service make it quick and easy. The simpler the process, the more likely a random visitor is to actually try it out.
  • 10. 4. INFORMATION HIERARCHY  Usually websites provide two forms of content - static and dynamic. Of that, some aspects of the user interface attract attention more than others. ABC.co perfectly uses the principle of focus. The only element which is directly visible to the users is the word “free” which works attractive and appealing, but still calm and purely informative. Subtle hints provide users with enough information of how to find more about the “free” product.
  • 11. 5. FEATURE EXPOSURE  The fundamental principle of successful user interface design is to clearly and immediately show all the features and functionalities available.
  • 12. 6. MAKE USE OF EFFECTIVE WRITING  Copy must be short, crisp and concise (come to the point as quickly as possible).  Break down content so that it is easy to scan (use multiple heading levels, use visual elements and bullet points).  Use plain and objective language (a promotion doesn’t Pqr productions gets directly to the point. No cute words, no need to sound like exaggerated statements. Instead a price: just what visitors are looking for advertisement; give your users some reasonable and objective reason why they should use your service or stay on your website)
  • 13. 7. SIMPLICITY  Make user interfaces simple and minimalistic. Complexity leads to confusing, overwhelming interfaces.  Use only those features that are absolutely vital and necessary.  Hide the complex features that you cannot get rid of altogether.  Minimize visual noise. Strive for simplicity instead of  Reuse visual components complexity. whenever possible.  Don’t leave blank state blank.
  • 14. 8. WHITE SPACE  White space allows breathing space between two components.  Not only does it help to reduce the cognitive load for the visitors, but it makes it easier to grasp the content presented on the screen.
  • 15. 9. VISIBLE LANGUAGE  Organize: Refers to providing a clear and consistent conceptual structure to the user.  Economize: Refer to showing or offering range of functionalities with the least amount of cues and visual elements.  Communicate: Refers to matching the presentation with the capabilities of the user. The user interface must keep in balance legibility, readability, typography, symbolism, multiple views, and color or texture in order to communicate successfully. Use max. 3 typefaces in a maximum of 3 point sizes— a maximum of 18 words or 50-80 characters per line of text.
  • 16. 10. CONVENTIONS  Use of conventional designs don’t necessarily make a website boring.  Conventional design reduce the learning curve and the need to figure out how things work.
  • 17. 11. TEST EARLY TEST OFTEN  The TETO-principle should be applied to every web design project. This helps in tracking how the users react to the designs and interfaces and continue to improvise.
  • 18. USERS BENEFITS FROM USABILITY The benefits of usability include:  Users enjoy interacting with the web interface.  Since they get all the information easily, it ensures that they are satisfied with it.  It ensures that they achieve their goals effectively and efficiently;  It helps in cultivating confidence and trust in the product or web site.  If your users are satisfied, they will become loyal customers, and even recommend your product or service to others.
  • 19. PROVIDERS BENEFITS FROM USABILITY As a provider, you may benefit from usability in many ways, including:  Reduced development time and costs;  Reduced support costs;  Reduced user errors;  Reduced training time and costs;  Return on Investment.
  • 20. Usability is a potent weapon that can save your precious money, improve your competitive position and improve customer loyalty. Now is the time to invest in the research.