Title: Theory / Unimportant / Art / Design / Don't make me think

Name: Useful
Definition: Does it do something people need done?
Page: 7%
Chapter: Intro
Context: Don't make me think

Name: Learnable
Definition: Can people figure out how to use it?
Page: 7%
Chapter: Intro
Context: Don't make me think

Name: Memorable
Definition: Do they have to relearn it each time they use it?
Page: 10%
Chapter: Intro
Context: Don't make me think

Name: Effective
Definition: Does it get the job done?
Page: 10%
Chapter: Intro
Context: Don't make me think

Name: Effecient
Definition: Does it do it with a reasonable amount of time and effort?
Page: 10%
Chapter: Intro
Context: Don't make me think

Name: Desirable
Definition: Do people want it?
Page: 10%
Chapter: Intro
Context: Don't make me think

Name: Delightful
Definition: Is using it enjoyable, or even fun?
Page: 10%
Chapter: Intro
Context: Don't make me think

Name: Usability
Definition: A person of average (or even below average) ability and experience can figure out how to use the thing to accomplish something without it being more trouble than it’s worth.
Page: 10%
Chapter: Intro
Context: Don't make me think

Question: Usual characteristic of usability
Answer: Useful
Page: 10%
Chapter: Intro
Context: Don't make me think
Answer2: Learnable
Answer3: Memorable
Answer4: Effective
Answer5: Efficient
Answer6: Desirable
Answer7: Delightful

Name: Krug's first law of usability
Definition: "Don't make me think!"
Page: 10%
Chapter: 1

Question: Rules to make a good button
Answer: The button text or content should be as standard, unambiguous and clear as possible
Page: 11%
Chapter: 1
Answer2: Button should be distinguishable for normal text. Either by having a button around text, or having text in different font

Question: Rules to make good selectable list
Answer: If the user select something, they should have feedback showing what was selected
Page: 11%
Chapter: 1

Question: Why do people don't go to other website/app if they have a bad experience
Answer: Maybe the other site don't have what they want exatly
Page: 13%
Chapter: 1
Context: Web shopping
Answer2: Maybe the other site is as crappy
Answer3: User blame themselves instead of the website

Question: How does a user decide where to click
Answer: They look for the first place that seems to make sens and click on it
Page: 24
Chapter: 2

Question: When can you ignore a standard convention
Answer: is so clear and self-explanatory that there’s
no learning curve—so it’s as good as the convention, or
Page: 31
Chapter: 2
Context: Don't make me think
Answer2: adds so much value that
it’s worth a small learning curve.

Smaller0: consistency
Greater0: clarity
Page: 33
Chapter: 2
Smaller to greater: is trumped by
Greater to smaller: trumps
Context: Don't make me think

Instruction: Some text is more prominent in the page layout
Page: 34
Effect: This text is seen as much more important
Context: Don't make me think
Chapter: 2

Instruction: L1, L2, ..., Ln are related visually
Page: 34
Effect: L1, L2, ..., Ln are understood as being related logically
Context: Don't make me think
Chapter: 2
Variables: L1, L2, ..., Ln some part of contents

Instruction: L1 is a container encloding L2, ... and Ln.
Page: 34
Effect: L1 is understood as a general category containing L2, ... and Ln.
Context: Don't make me think
Chapter: 2
Variables: L1, L2, ..., Ln some part of contents

Explanation: The category list should not be enclosed as being part of "Computer Books"
Other fields (not shown on cards):
Page: 36

Name: Banner blindness
Definition: the ability of users to completely ignore areas
they think will contain ads
Page: 36

Question: Constraint on hierarchy of headings
Answer: The relative importance of headings should be very clear without having to pay attention.
Page: 40
Context: Don't make me think

Explanation: Headings should be clearly related to the part of the text they introduce
Other fields (not shown on cards):
Page: 40

Question: How should text on a web page be organized
Answer: add as much header as possible
Page: 40
Context: Don't make me think
Answer2: break paragraph as often as possible
Answer3: add more headers than seems natural at first
Answer4: Highlight key terms.

Name: Scent of information
Definition: A metaphor in which a button/link has a strong scent if it explain clearly what will occur if the user click on it
Page: 43
Context: Don't make me think

Name: Krug's second law of usability
Definition: It doesn’t matter how many times I have to click, as long
as each click is a mindless, unambiguous choice.
Page: 43
Context: Don't make me think

Question: What to do when some designer want to count the number of clicks to access some page/feature/information
Answer: Only count one third of a click if the click is obvious
Page: 43
Context: Don't make me think

Question: Best assistance should be
Answer: brief
Page: 47
Context: Don't make me think
Answer2: timely
Answer3: unavoidable

Name: A timely guidance
Definition: A guidance that appears exactly at the time where it is needed.
Page: 47
Context: Don't make me think

Name: Krug's third law of usability
Definition: Get rid of half the words on each page, then get rid of half of what's left
Page: 49
Context: Don't make me think

Name: Happy talk
Definition: Text welcoming us to a webpage/brochure/....
Page: 50
Context: Don't make me think
Example: The following questionnaire
is designed to provide us with
information that will help us
improve the site and make it
more relevant to your needs.
Intuition: A tiny voice in the back of your head says Blah blah blah...

Question: When do people read instruction
Answer: When they tried multiple time to avoid them, failed, and still must use the product
Page: 51
Context: Don't make me think

Question: What are the two main ways to browse a website
Answer: Using the search feature
Page: 58
Context: Don't make me think
Answer2: browsing through menus and categories

Question: What are the purpose of navigation online
Answer: to help us find whatever it is
we’re looking for
Page: 63
Context: Don't make me think
Answer2: to tell us where we are
Answer3: It tells us what’s here
Answer4: It tells us how to use the site.
Answer5: It gives us confidence in the people who built it

Name: Persistent navigation
Definition: the set of navigation elements that appear on every page of a site.
Page: 66
Context: Don't make me think
Example: Logo, main menu
Name2: Global navigation

Question: What is the purpose of the logo on web page
Answer: Top most container in the container hierarchy, indicating everything in the page belong to this site
Page: 67
Context: Don't make me think
Answer2: Going back to home page
Answer3: Letting you know if you navigated to a different website

Variable: Some image on top left (for LTR website)
Meaning: The logo of the company/institution you are reading about
Page: 68
Context: Don't make me think

Name: The sections
Definition: the top level of the site’s hierarchy.
Page: 68
Context: Don't make me think
Name2: Primary navigation

Name: The subsections
Definition: the part of the site’s hierarchy that is not top level
Page: 68
Context: Don't make me think
Name2: The secondary navigation

Name: Utilities
Definition: important elements of the site navigation that aren't part of the content hierarchy.
Page: 68
Context: Don't make me think
Example2: the right part is not part of the shopping hierarchy but important nonetheless

Question: When to reduce the scope of a search
Answer: after the search is done, if there are too many result and need user to clarify.
Page: 72
Context: Don't make me think

Question: Constraint on the page name
Answer: It is the same as the link you clicked to reach it
Page: 75
Context: Don't make me think
Answer2: It must be proeminently displayed, and included in the global navigation

Question: Constraint on text links
Answer: A link text should be the name of the page it links to
Page: 75
Context: Don't make me think

Question: How to indicate to the user where they are in the website
Answer: Page name should be explicit
Page: 78
Context: Don't make me think
Answer2: indicating which part of the menus you are in

Name: Breadcrumbs
Definition: The whole hierarchies from top level to the current page
Page: 79
Context: Don't make me think
Intuition: they’re reminiscent of the trail of
crumbs Hansel dropped in the woods so he and Gretel could find their way
back home.

Question: Best practice for breadcrumbs in website
Answer: Uses > between levels
Page: 80
Context: Don't make me think
Answer2: Put them at the top of the page, as navigation accessories
Answer3: Boldface the last item: make it clear where you are right now

Explanation: Connect the tab to the selected content
Other fields (not shown on cards):
Page: 81

Explanation: Emphasizes the selected tab
Other fields (not shown on cards):
Page: 81

Name: The trunk test
Definition: Imagine you have been abducted, and driven up to some random webpage. Are you able, from this page alone, to tell where you are and what you can do from there
Page: 81

Question: What are the information the front page of a website must give
Answer: What is this website
Page: 88
Chapter: 7
Answer2: What can i do on this page
Answer3: What do they have on the website
Answer4: Why should I be here and not sowhere else

Name: Tagline
Definition: Right next to a site id, explain what the site is about.
Page: 93
Chapter: 7
Context: Website

Name: The welcome blurb
Definition: a terse description of the site,
displayed in a prominent block on the
Home page
Page: 93
Chapter: 7
Context: Website

Question: How long is an ideal tagline
Answer: 6 to 8 words
Page: 96
Chapter: 7
Context: Website
Name: The welcome blurb

Question: When should usability test be done
Answer: Through the whole project
Page: 112
Chapter: 9
Context: Design
Name: The welcome blurb

Name: Usability tests
Definition: watching one person at a time try to use something to do typical tasks so you can detect and fix the things that confuse or frustrate them.
Page: 112
Chapter: 9
Context: Design

Name: Focus group
Definition: a small group of people (usually 5 to 10) sit around a table and talk about things, like their opinions about products, their past experiences with them, or their reactions to new concepts.
Page: 112
Chapter: 9
Context: Design
Intuition: quickly getting a sampling of users’ feelings and opinions about things.

Name: Participant
Definition: The person testing the website
Page: 115
Chapter: 9
Context: Usability testing
Extra: They are not "test subjects", because they are not the one being tested

Question: Ideal number of users in a usability testing
Answer: 3
Page: 119
Chapter: 9
Context: Usability testing

Question: Why you should not test your product with the core demographic
Answer: It'll be used by beginners of the demographic, who need to learn
Page: 119
Chapter: 9
Context: Usability testing
Answer2: It may be used by more people than you'd expect
Answer3: Experts won't mind a tool created also for beginners

Question: How to find participant
Answer: user groups,
Page: 121
Chapter: 9
Context: Usability testing
Answer2: trade shows
Answer3: Craigslist, Facebook, Twitter,
Answer4: customer forums,
Answer5: a pop-up on your site
Answer6: asking friends and neighbors

Question: Where to run usability testing
Answer: Quiet space with table and two chairs
Page: 122
Chapter: 9
Context: Usability testing

Question: What software do you need to test
Answer: The device to test, screen sharing and recording, mic
Page: 122
Chapter: 9
Context: Usability testing

Name: Facilitator
Definition: The person leading a usability test
Page: 122
Chapter: 9
Context: Usability testing

Name: Who should observe a usability test
Definition: As many people involved in the project as possible, contributors and stakeholders
Page: 123
Chapter: 9
Context: Usability testing

Question: What to test before starting a project
Answer: The current state of the product, before changing it
Page: 124
Chapter: 9
Context: Usability testing
Answer2: Competition product, to avoid repeating their mistake

Question: What to test when starting a project
Answer: The rough sketch of the UI, to see what they'd do with it
Page: 124
Chapter: 9
Context: Usability testing

Question: What task to test during usability testing
Answer: Enough tasks to fill the time
Page: 124
Chapter: 9
Context: Usability testing
Answer2: A task clear enough that the question is "how to do it" and not "what am I expected to do"
Answer3: ideally, a task the user has an interest in. E.g. they should select the book they are looking for

Question: The steps of a usability test
Answer: Welcome (4 minutes)
Page: 124
Chapter: 9
Context: Usability testing
Answer2: The questions (2 minutes)
Answer3: The home page tour (3 minutes)
Answer4: The tasks (35 minutes)
Answer5: Probing (5 minutes)
Answer6: Wrapping up (5 minutes)

Name: Welcome part
Definition: explaining how the test will work so the participant knows what to expect.
Page: 124
Chapter: 9
Context: Usability testing

Name: The questions
Definition: ask the participant a few questions about themselves. This helps put them at ease and gives you an idea of how computer-savvy and Web-savvy they are
Page: 124
Chapter: 9
Context: Usability testing

Name: The home page tour
Definition: open the Home page of the site you’re testing and ask the participant to look around and tell you what they make of it.
Page: 124
Chapter: 9
Context: Usability testing
Intuition: This will give you an idea of how easy it is to understand your Home page and how much the participant already knows your domain

Name: The tasks
Definition: watching the participant try to perform a series of tasks
Page: 124
Chapter: 9
Context: Usability testing

Name: Probing
Definition: ask the participant questions about anything that happened during the test and any questions that the people in the observation room would like you to ask.
Page: 124
Chapter: 9
Context: Usability testing

Name: Wrapping up
Definition: thank them for their help, pay them, and show them to the door.
Page: 124
Chapter: 9
Context: Usability testing

Question: What to do if the participant stop speaking
Answer: Ask "what are you thinking"/"what are you looking at"
Page: 126
Chapter: 9
Context: Usability testing

Question: What to do if the participant ask for help
Answer: Ask "what would you do if I wasn't here?"
Page: 126
Chapter: 9
Context: Usability testing

Question: What to tell a partipant when welcoming
Answer: Ask for permission to record
Page: 126
Chapter: 9
Context: Usability testing
Answer2: Explain you'll answer question at the end, but can't right now

Question: What to do after usability testing
Answer: Choose the most serious problems to fix
Page: 137
Chapter: 9
Context: Usability testing
Answer2: Keep a list of easy-to-fix problems

Name: Mobile first
Definition: The principle of designing a website for mobile phone, without any reference to any computer version
Page: 147
Chapter: 10
Context: Usability testing
Intuition: Start from scratch instead of trying to adapt something not done for mobile

Question: What should a mobile site have
Answer: link to desktop site
Page: 150
Chapter: 10
Answer2: possible to zoom

Question: What tools of desktop is not available no mobile anymore
Answer: Hover; hence tooltip, change of color/shape
Page: 152
Chapter: 10

Question: What's important with mobile accessibility testing
Answer: record the fingers, not only the touch (attach a camera to the device filming the screen)
Page: 161
Chapter: 10
Answer2: Ensure the device can be used naturally
Answer3: ideally, provide a device, or ensure that the user device won't show anything personal and is in as good shape when the user leaves as when they arrived

Question: What to do when asking user for some formatted data (phone, social security, credit card number...)
Answer: Accept any non ambiguous formatting. Accept and ignore space, dot, comma, slash... unless they are relevant in the notation
Page: 169
Chapter: 11

Question: Number one accessibility test
Answer: Increase size of text (not zoom) in the browser and see whether it increases in the app
Page: 173
Chapter: 11

Question: How to get stakeholder to approve of usability work
Answer: Speak their languagek, kpi, okr, roi...
Page: 185
Chapter: 13
Answer2: Ask them to visit one usability test live, if impossible show clip of actual test
Answer3: Do a usability test on your own time, something short not costly
Answer4: compare to competition