SlideShare a Scribd company logo
Carl Larson
Highlights from the book
“Don’t Make Me Think “
By Steven Krug
QuickTime™ and a
decompressor
are needed to see this picture.
Short Term Memory
The brain has many different types of memory systems.
One type follows the four stages of processing:
Encoding, Storing, Retrieving, and
Forgetting.
The more elaborately we encode
information at the moment of
learning,the stronger the memory.
So Why Then?
• Create site pages that are self evident or at least
self explanatory.
• Understand that unless its a site specific to the
user like a bank site or a school
assignment/learning platform. Having a captive
audience navigate and retrieve information with
out frustration is an ideal site goal.
• If a site is not well designed and not efficient at
relaying needed and wanted information then
some might just go elsewhere for their
information retrieval.
• Although this is not always true> It would be a
surprise to understand that most people with a
choice will continue with a poorly designed site
rather than have to start all over some were else.
Understanding the big
question in site design.
• When you create a web site your
first and primary job for the end
user is to get ride of the question
marks.
• Laying out and the design of the
site page is to make the deduction
process less of a mystery and more
of a mastery.
How does existing
conventions work for your
site development?
• The best way to retrieve information and
make it easily available is the use of a
standardized design plan for your site and
its navigation process.
• A great example is would you be able to
understand material on a sites page that
was written in a different language if they
relied heavily on standard conventions?
» YES NO
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™anda
decompressor
areneededtoseethispicture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
QuickTime™ and a
decompressor
are needed to see this picture.
How do you combine visual
clues that accurately
represent the relationship of
items on the sites page?
• Consistency is an important goal for
your site or app design.
• Understand as well that if you make
something significantly clearer by
making it slightly inconsistent
choose in favor of clarity.
Affordance is what and how
it works for you.
• Affordances require visual distinctions.
• They are visual clues in an objects design that
make suggestions and inferences on how we can
use it.
• They need to be noticeable for them to work.
• An affordance is often taken as a relation between
an object or an environment and an organism,
that affords the opportunity for that organism to
perform an action. For example, a knob affords
twisting, and perhaps pushing, while a cord
affords pulling.
How Important is it?
• The more important somethingThe more important something
is the more prominent it shouldis the more prominent it should
be displayed on your sitebe displayed on your site..
• Items that are related logically should also be related visually.
• Items are grouped into visual categories to show what is
related to what and what’s part of what.
• A good visual hierarchy saves us work by preprocessing the page for
us, allowing organizing ad prioritizing its comments in a way that we
can grasp almost immediately.
• Break up pages into clearly defined areas
• ( This helps the end user find information
and focus on that topic while other
information may never or rarely gets seen
or used.
Make what is clickable obvious
Understand the information seeker
Use plenty of headings to help separate and
organize material. Once again this makes
scanning the information easy.
Usability Testing and
how it IS for you.
• The usability testing model use one
person at a time to interact with
the material or technology and then
fix the problem or frustrating
components of the material or site.
• Great site + Usability testing= less
user frustration and better user
satisfaction.
The last understanding
• What constitutes good design?
• “Design in its broadest sense, is the enabler of
the digital era-it’s a process that creates order out
of the chaos, that renders technology useable to
the masses. Design means being good not just
looking good.
• Clement Mok
• “Good design is obvious great design is
transparent”
• Joe Sparano

More Related Content

PPT
Carl week 5 dont make me think pp
PPT
Wendy week five power point busey
PPT
Adding Curb Appeal: Website Redesign
PPTX
Designing for web & beyond – don’t get caught with your browser down finalclean
PDF
Web Usability July 2011
PPT
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
PDF
Web usability, navigation & accessibility
PPTX
Why responsive web design matters
Carl week 5 dont make me think pp
Wendy week five power point busey
Adding Curb Appeal: Website Redesign
Designing for web & beyond – don’t get caught with your browser down finalclean
Web Usability July 2011
Gsc awd 1_web_developmentlifecyclefrombegtoendpowerpoint
Web usability, navigation & accessibility
Why responsive web design matters

What's hot (20)

PPTX
How to Design Effective Websites
PDF
Mobile UX Trends - Digitas
PDF
Designing online forms (Jessica Kerr, Formulate)
PDF
Principles of Design
PDF
Make Your Blog Buzz - Time Out x Clever Boxer - Live & Learn Series 2015
PDF
UX Tools, Tips, and Tricks
PDF
Guardian Masterclass - My Blogging Story
PPT
How Does an Organization Manage Hundreds of Sites?
PPTX
The Making of a Rockin' Web Team
PPTX
Mobile's Impact on Realitime Decision-Making and Data Visualization, Jesse Be...
PDF
What is good design?
PPTX
Presentation1
PDF
2 bootstrap-3-m1-slides
PPTX
Lean collaborative test plans
PDF
Responsive web design - or just web design?
PDF
Uof t symposium lowe
PPTX
Smartphone Heuristics
PPTX
Get rid of those sliders
PPT
Usability & Accessibility - Mindset Then Methodology V1.0
How to Design Effective Websites
Mobile UX Trends - Digitas
Designing online forms (Jessica Kerr, Formulate)
Principles of Design
Make Your Blog Buzz - Time Out x Clever Boxer - Live & Learn Series 2015
UX Tools, Tips, and Tricks
Guardian Masterclass - My Blogging Story
How Does an Organization Manage Hundreds of Sites?
The Making of a Rockin' Web Team
Mobile's Impact on Realitime Decision-Making and Data Visualization, Jesse Be...
What is good design?
Presentation1
2 bootstrap-3-m1-slides
Lean collaborative test plans
Responsive web design - or just web design?
Uof t symposium lowe
Smartphone Heuristics
Get rid of those sliders
Usability & Accessibility - Mindset Then Methodology V1.0
Ad

Viewers also liked (9)

PDF
Pamekasan
PDF
Ms project
PDF
Pasuruan
PDF
ELECTROSTÁTICA
PPT
Carl week 5 dont make me think part 2 pp
PDF
PPTX
Budaya sampah
PDF
脆弱性分析のオートメーション化〜脆弱性と資産管理の一元化で脆弱性ハンドリングを効率的に〜
PPTX
Arm corrected ppt
Pamekasan
Ms project
Pasuruan
ELECTROSTÁTICA
Carl week 5 dont make me think part 2 pp
Budaya sampah
脆弱性分析のオートメーション化〜脆弱性と資産管理の一元化で脆弱性ハンドリングを効率的に〜
Arm corrected ppt
Ad

Similar to Carl week 5 dont make me think part 2 pp (20)

PDF
Guide to Planning Your Next Web Project
PDF
Agile Prototyping Best Practices
PDF
Navigation to the rescue!
PPTX
Design Like a Pro: Building Better HMI Navigation Schemes
PPTX
Design Like a Pro: Building Better HMI Navigation Schemes
PPTX
Top 10 Website Designing Hacks for Beginners.pptx.pptx
PDF
UX design for every screen
PPTX
Content Management & Page Structure - Best Practices for Structuring Content ...
PDF
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
PDF
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
PPTX
Get real results from your website
DOC
T2L3.doc
PPTX
What Makes SharePoint UX Good?
PDF
Internet Retailer Web Design 2014 - Product Page
PPTX
Content Strategy: Do It For Your Users
PPTX
Web Designing Kit
PDF
Delivering Great User Experiences in a Multi-Device World
PDF
Wait what? How to Enhance your Responsive Process with Content Questions
PPTX
Writing for the Web
PDF
Delivering Great User Experiences in a Multi-Device World
Guide to Planning Your Next Web Project
Agile Prototyping Best Practices
Navigation to the rescue!
Design Like a Pro: Building Better HMI Navigation Schemes
Design Like a Pro: Building Better HMI Navigation Schemes
Top 10 Website Designing Hacks for Beginners.pptx.pptx
UX design for every screen
Content Management & Page Structure - Best Practices for Structuring Content ...
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Choices for Responsive Redesign: Ground-up or Responsive Retrofit
Get real results from your website
T2L3.doc
What Makes SharePoint UX Good?
Internet Retailer Web Design 2014 - Product Page
Content Strategy: Do It For Your Users
Web Designing Kit
Delivering Great User Experiences in a Multi-Device World
Wait what? How to Enhance your Responsive Process with Content Questions
Writing for the Web
Delivering Great User Experiences in a Multi-Device World

Recently uploaded (20)

PDF
Encapsulation theory and applications.pdf
PDF
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
PPTX
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
Encapsulation_ Review paper, used for researhc scholars
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Network Security Unit 5.pdf for BCA BBA.
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
NewMind AI Weekly Chronicles - August'25 Week I
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PDF
Building Integrated photovoltaic BIPV_UPV.pdf
PDF
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
PDF
KodekX | Application Modernization Development
PDF
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
PDF
Review of recent advances in non-invasive hemoglobin estimation
PPTX
Big Data Technologies - Introduction.pptx
PPTX
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
PPTX
MYSQL Presentation for SQL database connectivity
Encapsulation theory and applications.pdf
Build a system with the filesystem maintained by OSTree @ COSCUP 2025
VMware vSphere Foundation How to Sell Presentation-Ver1.4-2-14-2024.pptx
Mobile App Security Testing_ A Comprehensive Guide.pdf
Encapsulation_ Review paper, used for researhc scholars
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Network Security Unit 5.pdf for BCA BBA.
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
20250228 LYD VKU AI Blended-Learning.pptx
NewMind AI Weekly Chronicles - August'25 Week I
Unlocking AI with Model Context Protocol (MCP)
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
Building Integrated photovoltaic BIPV_UPV.pdf
How UI/UX Design Impacts User Retention in Mobile Apps.pdf
KodekX | Application Modernization Development
7 ChatGPT Prompts to Help You Define Your Ideal Customer Profile.pdf
Review of recent advances in non-invasive hemoglobin estimation
Big Data Technologies - Introduction.pptx
Detection-First SIEM: Rule Types, Dashboards, and Threat-Informed Strategy
MYSQL Presentation for SQL database connectivity

Carl week 5 dont make me think part 2 pp

  • 1. Carl Larson Highlights from the book “Don’t Make Me Think “ By Steven Krug QuickTime™ and a decompressor are needed to see this picture.
  • 2. Short Term Memory The brain has many different types of memory systems. One type follows the four stages of processing: Encoding, Storing, Retrieving, and Forgetting. The more elaborately we encode information at the moment of learning,the stronger the memory.
  • 3. So Why Then? • Create site pages that are self evident or at least self explanatory. • Understand that unless its a site specific to the user like a bank site or a school assignment/learning platform. Having a captive audience navigate and retrieve information with out frustration is an ideal site goal. • If a site is not well designed and not efficient at relaying needed and wanted information then some might just go elsewhere for their information retrieval. • Although this is not always true> It would be a surprise to understand that most people with a choice will continue with a poorly designed site rather than have to start all over some were else.
  • 4. Understanding the big question in site design. • When you create a web site your first and primary job for the end user is to get ride of the question marks. • Laying out and the design of the site page is to make the deduction process less of a mystery and more of a mastery.
  • 5. How does existing conventions work for your site development? • The best way to retrieve information and make it easily available is the use of a standardized design plan for your site and its navigation process. • A great example is would you be able to understand material on a sites page that was written in a different language if they relied heavily on standard conventions? » YES NO QuickTime™ and a decompressor are needed to see this picture. QuickTime™anda decompressor areneededtoseethispicture. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture. QuickTime™ and a decompressor are needed to see this picture.
  • 6. How do you combine visual clues that accurately represent the relationship of items on the sites page? • Consistency is an important goal for your site or app design. • Understand as well that if you make something significantly clearer by making it slightly inconsistent choose in favor of clarity.
  • 7. Affordance is what and how it works for you. • Affordances require visual distinctions. • They are visual clues in an objects design that make suggestions and inferences on how we can use it. • They need to be noticeable for them to work. • An affordance is often taken as a relation between an object or an environment and an organism, that affords the opportunity for that organism to perform an action. For example, a knob affords twisting, and perhaps pushing, while a cord affords pulling.
  • 8. How Important is it? • The more important somethingThe more important something is the more prominent it shouldis the more prominent it should be displayed on your sitebe displayed on your site.. • Items that are related logically should also be related visually. • Items are grouped into visual categories to show what is related to what and what’s part of what. • A good visual hierarchy saves us work by preprocessing the page for us, allowing organizing ad prioritizing its comments in a way that we can grasp almost immediately.
  • 9. • Break up pages into clearly defined areas • ( This helps the end user find information and focus on that topic while other information may never or rarely gets seen or used. Make what is clickable obvious Understand the information seeker Use plenty of headings to help separate and organize material. Once again this makes scanning the information easy.
  • 10. Usability Testing and how it IS for you. • The usability testing model use one person at a time to interact with the material or technology and then fix the problem or frustrating components of the material or site. • Great site + Usability testing= less user frustration and better user satisfaction.
  • 11. The last understanding • What constitutes good design? • “Design in its broadest sense, is the enabler of the digital era-it’s a process that creates order out of the chaos, that renders technology useable to the masses. Design means being good not just looking good. • Clement Mok • “Good design is obvious great design is transparent” • Joe Sparano