1. Guiding Principles
   1. Don't make me think
      1. What does it mean?
      2. Forced to think
         1. Name used
         2. Not-so-obvious buttons and links
      3. Why
         1. Very little time to browse the site
   2. How to use Web
      1. Scanning
         1. Very little time
         2. Why
            1. Complete a task as soon as possible
            2. Find content of interest and relevance to the task at hand
            3. Basic Human Skills
         3. Attention
            1. Related to the task at hand
            2. Trigger wording
            3. Free
            4. Great Reductions
            5. Beauty
            6. Our Name
         4. Satisfaction is enough
            1. Do not make the best choice, satisfaction is enough
            2. Why
            3. Busy
            4. Wrong guesses have no serious consequences
            5. Tap the Return button
            6. Weighing options does not improve our chances
            7. Opportunity Factors
   3. The 101 Rule
      1. Use of customary usage
         1. What content is on the page and where
            1. Logo
            2. Top left corner
         2. How the service works
            1. Cart Shopping Cart
         3. Appearance of visual elements
            1. Sharing methods of social networking
         4. Simplicity is better than consistency
      2. Clear visual hierarchy
         1. Highlighting the important
            1. Bold, large font, more white space
         2. Similar content grouping
         3. Logic includes partial visual nesting
      3. Divide the page into clearly defined areas
         1. Users quickly decide on the area of interest
      4. Clearly marked clickable places
      5. Reduces visual noise
         1. Dazzling
         2. Improper organization
         3. Too dense
      6. Set text formatting
         1. Correct title format
            1. Clear and unlikely to confuse visual distinction between different level headings
            2. The title is closer to the related content
         2. Short paragraphs
         3. List of symbols used
            1. Bullets
            2. Leave a little extra white space for different items
         4. Highlight key words
   4. Krug's Second Law of Usability
      1. It doesn't matter how many times you click, as long as each click is a clear and unmistakable choice that requires no thought
   5. A choice without thinking
      1. Provide guidance when making difficult choices
         1. Short
         2. In time
         3. Will not miss
   6. Krug's Third Law of Usability
      1. LESS text
      2. Eradicate
         1. Welcome Message
         2. Instruction text
2. Navigation
   1. Web navigation 101 rule
      1. To find a certain target
      2. Decide whether to ask or browse first
      3. Process
   2. Lasting Navigation
      1. Element
         1. Home
            1. Top left corner
            2. Unique fonts, recognizable graphics, unequal sizes
         2. Section
         3. Utility
            1. Registration, login, help....
         4. Return to home button/link
   3. Interference
      1. Form
         1. When paying
         2. Registration
         3. Fill in the feedback
         4. Checking personal preferences
   4. Provide search
   5. Page Name
      1. Each page needs a name
      2. Location should be suitable
      3. eye-catching
      4. The name is the same as the link clicked
   6. Indicator
      1. Obviously
   7. Breadcrumbs
      1. Put it at the top
      2. Use the ">" spacing hierarchy
      3. Bold the last element
   8. Tags
      1. Activated labels with different colors or shapes for contrast
      2. Physically linked to the space beneath it
3. Smooth start
   1. First time on a new website
      1. What kind of website is this?
      2. What's on the website?
      3. What can I do here?
      4. Why should I be here and not somewhere else?
   2. How the home page communicates
      1. Slogan (Tagline)
      2. Welcome ad
         1. Brief description of the website
         2. Consider
            1. Clear and to the point
            2. Suitable length
            3. 6-8 words
            4. Describe website features and obvious benefits
            5. Don't be too general
            6. Have personality, vividness, or playfulness
         3. Learn more
4. Usability Testing
   1. Time
      1. Once a month
   2. When
      1. Ongoing, throughout the development process
   3. Quantity
      1. 3 people
   4. Recruiting
      1. User Groups
      2. Exhibition
      3. Social Networking Sites
      4. Customer Discussion Group
      5. Website pop-ups
   5. What
      1. Perform several key tasks
   6. Preparing for test tasks
      1. Event List
   7. Typical 1h test
      1. Welcome section
         1. 4m
            1. - Introduction to how to participate in testing
      2. Question section
         1. 2m
            1. - User background issues
      3. Home page "Sightseeing"
         1. 3m
      4. Task Testing
         1. 35m
      5. Problem Exploration
         1. 5m
      6. Closing section
         1. 5m
      7. Decide which issues to fix
         1. Collect a list of questions
         2. Select the 10 most serious problems
         3. Question Rating
         4. Resume a sorted list
      8. The most serious problems are fixed first
5. Accessibility (Accessibility)
   1. HTML
      1. Add the appropriate alt text for each image
      2. Use the right title
      3. Forms to work with screen readers
      4. Add a "Jump to main content" link at the top of each page
      5. Make all content accessible from the keyboard
      6. Set sharp contrast between text and background
      7. Use a template with good accessibility
6. Tips
   1. Do not use small, low contrast fonts
   2. Don't put tags in form fields
      1. unless
         1. The form is super simple
         2. Start typing when the label disappears, clear the content label back
   3. Retain the difference between visited and unvisited links
   4. Don't let headings float between paragraphs
7. By Steve Krug