SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
DON’T MAKE ME THINK.
LEARNING FROM READING
TEXT
SUMMERY
▸ We are suffering from ADD, we don’t want
to use our brain.
▸ We enjoy being on autopilot.
▸ Do not make us think, else we will lose
interest in surfing.
▸ Fix usability that confuses everyone.
TEXT
OUTLINE
▸ Conventions
▸ Visual hierarchies
▸ Contents
▸ Usability Testing
▸ Goodwill Karma
TEXT
CONVENTIONS
▸ We don’ like change, follow what’s in
fashion. Font, color, navigation et all.
▸ Content in navigation, common should be
grouped together via color or text.
TEXT
CONVENTIONS (CONTINUED ..)
▸ No surprises, the flow should be intuitive
and 0 brain should be used in the
navigation process.
▸ Use emojis/logos (STOP sign 4 ex.)
TEXT
IN CASE NOT FOLLOWING CONVENTIONS ..
▸ Replacement has to be self explanatory
without learning curve.
▸ It adds so much value that it’s worth
learning curve.
TEXT
VISUAL HIERARCHIES
▸ Important content should be shown with
prominence. (button, logo)
▸ Navigation content needs to be prominent
& common should be grouped. [position,
size, color, and typeface]
TEXT
VISUAL HIERARCHIES(CONTINUED ..)
▸ Consistent navigation across portal.
▸ Breakup a page into clearly defined areas.
▸ Follow Breadcrumbs guidelines.
▸ Make it obvious what is clickable.
TEXT
VISUAL HIERARCHIES(CONTINUED ..)
▸ Avoid disorganization
▸ Clutter free: things not needed
▸ Printer friendly, scannable
TEXT
VISUAL HIERARCHIES(CONTINUED ..)
▸ Keep together Things that are related logically
▸ Show that things are similar by grouping
them together under a heading.
▸ Displaying them in the same visual style,
or putting them all in a clearly defined
area.
TEXT
VISUAL HIERARCHIES(CONTINUED ..)
▸ Avoid
▸ exclamation points,
▸ different typefaces
▸ bright colors
▸ Automated slideshows,
▸ animation,
▸ pop-ups.
TEXT
CONTENT
▸ Keep paragraphs short.
▸ Use bullet lists.
▸ Highlight key terms.
▸ No need to throw welcome msg
▸ Help text means we failed, everything should
be self explanatory.
TEXT
INCREASE GOODWILL KARMA
▸ Pick main purpose of your site users are
attracted to, make it’s usability obvious and
easy.
▸ Save me steps, clicks whenever you can.
▸ Make it easy to recover from errors.
▸ When in doubt apologies.
TEXT
USABILITY TESTING
▸ Testing one user is 100 percent better than testing
none.
▸ Testing one user early in the project is better than
testing 50 near the end.
▸ Recruiting people who are from your target audience
isn’t quite as important as it may seem.
▸ Do a screen recording to analyze the whole flow of
tester.
TEXT
USABILITY TEST: SOME PRECAUTIONS
▸ It’s crucial that you let them work on their own and
don’t do or say anything to influence them.
▸ During this part of the test, Don’t ask them leading
questions, and don’t give them any clues or
assistance unless they’re hopelessly stuck.
▸ After the tasks, you can ask the participant
questions about anything that happened during
the test.

Weitere ähnliche Inhalte

Mehr von Atul Jha

OpenStack : Linux User Group meetup
OpenStack : Linux User Group meetupOpenStack : Linux User Group meetup
OpenStack : Linux User Group meetup
Atul Jha
 
OpenStack: An introduction
OpenStack: An introductionOpenStack: An introduction
OpenStack: An introduction
Atul Jha
 
Open Cloud -- Future of Cloud Computing
Open Cloud -- Future of Cloud ComputingOpen Cloud -- Future of Cloud Computing
Open Cloud -- Future of Cloud Computing
Atul Jha
 
Introduction to Selinux
Introduction to SelinuxIntroduction to Selinux
Introduction to Selinux
Atul Jha
 

Mehr von Atul Jha (18)

Minio: Associated projects in Go programming.
Minio: Associated projects in Go programming. Minio: Associated projects in Go programming.
Minio: Associated projects in Go programming.
 
Open Source Cloud alternatives
Open Source Cloud alternativesOpen Source Cloud alternatives
Open Source Cloud alternatives
 
Summary of DockerCon Europe.
Summary of DockerCon Europe. Summary of DockerCon Europe.
Summary of DockerCon Europe.
 
OpenStack Swift production deployments
OpenStack Swift production deploymentsOpenStack Swift production deployments
OpenStack Swift production deployments
 
OpenStack Swift on virtualbox
OpenStack Swift on virtualboxOpenStack Swift on virtualbox
OpenStack Swift on virtualbox
 
OpenStack Swift: Panoramic View
OpenStack Swift: Panoramic ViewOpenStack Swift: Panoramic View
OpenStack Swift: Panoramic View
 
OpenStack : Linux User Group meetup
OpenStack : Linux User Group meetupOpenStack : Linux User Group meetup
OpenStack : Linux User Group meetup
 
OpenStack: An introduction
OpenStack: An introductionOpenStack: An introduction
OpenStack: An introduction
 
Open Cloud -- Future of Cloud Computing
Open Cloud -- Future of Cloud ComputingOpen Cloud -- Future of Cloud Computing
Open Cloud -- Future of Cloud Computing
 
Openstack: Open Source software for building public and private cloud.
Openstack: Open Source software for building public and private cloud.Openstack: Open Source software for building public and private cloud.
Openstack: Open Source software for building public and private cloud.
 
Introduction and hacking OpenStack, Pycon India
Introduction and hacking OpenStack,  Pycon IndiaIntroduction and hacking OpenStack,  Pycon India
Introduction and hacking OpenStack, Pycon India
 
Introduction to FOSS, SRM University
Introduction to FOSS, SRM UniversityIntroduction to FOSS, SRM University
Introduction to FOSS, SRM University
 
Juju
JujuJuju
Juju
 
Phishing
Phishing Phishing
Phishing
 
Foss adoption in Indian Government Enterprise.
Foss adoption in Indian  Government Enterprise.Foss adoption in Indian  Government Enterprise.
Foss adoption in Indian Government Enterprise.
 
Nepal
Nepal Nepal
Nepal
 
Introduction to Subversion
Introduction to SubversionIntroduction to Subversion
Introduction to Subversion
 
Introduction to Selinux
Introduction to SelinuxIntroduction to Selinux
Introduction to Selinux
 

Kürzlich hochgeladen

Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Kürzlich hochgeladen (20)

Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
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...
 
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
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
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
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
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.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
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
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
 

Don't make me think: Steve Krug

  • 1. DON’T MAKE ME THINK. LEARNING FROM READING
  • 2. TEXT SUMMERY ▸ We are suffering from ADD, we don’t want to use our brain. ▸ We enjoy being on autopilot. ▸ Do not make us think, else we will lose interest in surfing. ▸ Fix usability that confuses everyone.
  • 3. TEXT OUTLINE ▸ Conventions ▸ Visual hierarchies ▸ Contents ▸ Usability Testing ▸ Goodwill Karma
  • 4. TEXT CONVENTIONS ▸ We don’ like change, follow what’s in fashion. Font, color, navigation et all. ▸ Content in navigation, common should be grouped together via color or text.
  • 5. TEXT CONVENTIONS (CONTINUED ..) ▸ No surprises, the flow should be intuitive and 0 brain should be used in the navigation process. ▸ Use emojis/logos (STOP sign 4 ex.)
  • 6. TEXT IN CASE NOT FOLLOWING CONVENTIONS .. ▸ Replacement has to be self explanatory without learning curve. ▸ It adds so much value that it’s worth learning curve.
  • 7. TEXT VISUAL HIERARCHIES ▸ Important content should be shown with prominence. (button, logo) ▸ Navigation content needs to be prominent & common should be grouped. [position, size, color, and typeface]
  • 8. TEXT VISUAL HIERARCHIES(CONTINUED ..) ▸ Consistent navigation across portal. ▸ Breakup a page into clearly defined areas. ▸ Follow Breadcrumbs guidelines. ▸ Make it obvious what is clickable.
  • 9. TEXT VISUAL HIERARCHIES(CONTINUED ..) ▸ Avoid disorganization ▸ Clutter free: things not needed ▸ Printer friendly, scannable
  • 10. TEXT VISUAL HIERARCHIES(CONTINUED ..) ▸ Keep together Things that are related logically ▸ Show that things are similar by grouping them together under a heading. ▸ Displaying them in the same visual style, or putting them all in a clearly defined area.
  • 11. TEXT VISUAL HIERARCHIES(CONTINUED ..) ▸ Avoid ▸ exclamation points, ▸ different typefaces ▸ bright colors ▸ Automated slideshows, ▸ animation, ▸ pop-ups.
  • 12. TEXT CONTENT ▸ Keep paragraphs short. ▸ Use bullet lists. ▸ Highlight key terms. ▸ No need to throw welcome msg ▸ Help text means we failed, everything should be self explanatory.
  • 13. TEXT INCREASE GOODWILL KARMA ▸ Pick main purpose of your site users are attracted to, make it’s usability obvious and easy. ▸ Save me steps, clicks whenever you can. ▸ Make it easy to recover from errors. ▸ When in doubt apologies.
  • 14. TEXT USABILITY TESTING ▸ Testing one user is 100 percent better than testing none. ▸ Testing one user early in the project is better than testing 50 near the end. ▸ Recruiting people who are from your target audience isn’t quite as important as it may seem. ▸ Do a screen recording to analyze the whole flow of tester.
  • 15. TEXT USABILITY TEST: SOME PRECAUTIONS ▸ It’s crucial that you let them work on their own and don’t do or say anything to influence them. ▸ During this part of the test, Don’t ask them leading questions, and don’t give them any clues or assistance unless they’re hopelessly stuck. ▸ After the tasks, you can ask the participant questions about anything that happened during the test.