| |
| |
| Preface | |
| |
| |
| Errata | |
| |
| |
| Book Layout | |
| |
| |
| Guide to This Book | |
| |
| |
| |
| Introduction: Why Web Usability? | |
| |
| |
| Art Versus Engineering | |
| |
| |
| The Competitive Bar Is High | |
| |
| |
| About the Examples | |
| |
| |
| A Call for Action | |
| |
| |
| What This Book Is Not | |
| |
| |
| Bad Usability Equals No Customers | |
| |
| |
| Why Everybody Designs Websites Incorrectly | |
| |
| |
| |
| Page Design | |
| |
| |
| Screen Real Estate | |
| |
| |
| Cross-Platform Design | |
| |
| |
| Where Are Users Coming From? | |
| |
| |
| Data Ink and Chart Junk | |
| |
| |
| The Car as a Web Browser | |
| |
| |
| Resolution-Independent Design | |
| |
| |
| Color Depth Getting Deeper | |
| |
| |
| Get a Big Screen | |
| |
| |
| Using Non-Standard Content | |
| |
| |
| Installation Inertia | |
| |
| |
| When Is It Safe to Upgrade? | |
| |
| |
| Helpful Super-Users | |
| |
| |
| Collect Browsers | |
| |
| |
| Separating Meaning and Presentation | |
| |
| |
| Platform Transition | |
| |
| |
| Response Times | |
| |
| |
| Data Lives Forever | |
| |
| |
| Predictable Response Times | |
| |
| |
| Server Response Time | |
| |
| |
| Speedy Downloads, Speedy Connections | |
| |
| |
| The Best Sites Are Fast | |
| |
| |
| Users Like Fast Pages | |
| |
| |
| Understanding Page Size | |
| |
| |
| You Need Your Own T1 Line | |
| |
| |
| Faster URLs | |
| |
| |
| Glimpsing the First Screenful | |
| |
| |
| Taking Advantage of HTTP keep-Alive | |
| |
| |
| Linking | |
| |
| |
| Link Descriptions | |
| |
| |
| Link Titles | |
| |
| |
| Use Link Titles Without Waiting | |
| |
| |
| Coloring Your Links | |
| |
| |
| Link Expectations | |
| |
| |
| The Physiology of Blue | |
| |
| |
| Outbound Links | |
| |
| |
| Peoplelinks | |
| |
| |
| Incoming Links | |
| |
| |
| Linking to Subscriptions and Registrations | |
| |
| |
| Advertising Links | |
| |
| |
| Style Sheets | |
| |
| |
| Standardizing Design Through Style Sheets | |
| |
| |
| WYSIWYG | |
| |
| |
| Style Sheet Examples for Intranets | |
| |
| |
| Making Sure Style Sheets Work | |
| |
| |
| Frames | |
| |
| |
| [NOFRAMES] | |
| |
| |
| Frames in Netscape 2.0 | |
| |
| |
| Borderless Frames | |
| |
| |
| Is It Ever OK to Use Frames? | |
| |
| |
| Frames as Copyright Violation | |
| |
| |
| Credibility | |
| |
| |
| Printing | |
| |
| |
| Conclusion | |
| |
| |
| |
| Content Design | |
| |
| |
| Writing for the Web | |
| |
| |
| The Value of an Editor | |
| |
| |
| Keep Your Texts Short | |
| |
| |
| Web Attitude | |
| |
| |
| Copy Editing | |
| |
| |
| Scannability | |
| |
| |
| Why Users Scan | |
| |
| |
| Plain Language | |
| |
| |
| Page Chunking | |
| |
| |
| Limit Use of Within-Page Links | |
| |
| |
| Page Titles | |
| |
| |
| Writing Headlines | |
| |
| |
| Legibility | |
| |
| |
| Online Documentation | |
| |
| |
| Page Screenshots | |
| |
| |
| Multimedia | |
| |
| |
| Auto-Installing Plug-Ins | |
| |
| |
| Client-Side Multimedia | |
| |
| |
| Waiting for Software to Evolve | |
| |
| |
| Response Time | |
| |
| |
| Images and Photographs | |
| |
| |
| Image Reduction | |
| |
| |
| Animation | |
| |
| |
| Showing Continuity in Transitions | |
| |
| |
| Indicating Dimensionality in Transitions | |
| |
| |
| Illustrating Change over Time | |
| |
| |
| Multiplexing the Display | |
| |
| |
| Enriching Graphical Representations | |
| |
| |
| Animation Backfires | |
| |
| |
| Visualizing Three-Dimensional Structures | |
| |
| |
| Attracting Attention | |
| |
| |
| Video | |
| |
| |
| Streaming Video Versus Downloadable Video | |
| |
| |
| Audio | |
| |
| |
| Enabling Users with Disabilities to Use Multimedia Content | |
| |
| |
| Three-Dimensional Graphics | |
| |
| |
| Bad Use of 3D | |
| |
| |
| When to Use 3D | |
| |
| |
| Conclusion | |
| |
| |
| The Attention Economy | |
| |
| |
| |
| Site Design | |
| |
| |
| The Home Page | |
| |
| |
| How Wide Should the Page Be? | |
| |
| |
| Home Page Width | |
| |
| |
| Splash Screens Must Die | |
| |
| |
| The Home Page Versus Interior Pages | |
| |
| |
| Deep Linking | |
| |
| |
| Affiliates Programs | |
| |
| |
| Metaphor | |
| |
| |
| Shopping Carts as Interface Standard | |
| |
| |
| Alternative Terminology | |
| |
| |
| Navigation | |
| |
| |
| Where Am I? | |
| |
| |
| Navigation Support in Browsers | |
| |
| |
| Where Have I Been? | |
| |
| |
| Where Can I Go? | |
| |
| |
| Site Structure | |
| |
| |
| The Vice-Presidential Button | |
| |
| |
| Importance of User-Centered Structure | |
| |
| |
| Breadth Versus Depth | |
| |
| |
| The User Controls Navigation | |
| |
| |
| Help Users Manage Large Amounts of Information | |
| |
| |
| Design Creationism Versus Design Darwinism | |
| |
| |
| Reducing Navigational Clutter | |
| |
| |
| Future Navigation | |
| |
| |
| Avoid 3D for Navigation | |
| |
| |
| Subsites | |
| |
| |
| Search Capabilities | |
| |
| |
| Don't Search the Web | |
| |
| |
| Micro-Navigation | |
| |
| |
| Advanced Search | |
| |
| |
| Global Search | |
| |
| |
| The Search Results Page | |
| |
| |
| Page Descriptions and Keywords | |
| |
| |
| Use a Wide Search Box | |
| |
| |
| See What People Search For | |
| |
| |
| Search Destination Design | |
| |
| |
| Integrating Sites and Search Engines | |
| |
| |
| URL Design | |
| |
| |
| Compound Domain Names | |
| |
| |
| Fully Specify URLs in HTML Code | |
| |
| |
| URL Guessing | |
| |
| |
| Archival URLs | |
| |
| |
| Beware of the Os and Os | |
| |
| |
| Advertising a URL | |
| |
| |
| Supporting Old URLs | |
| |
| |
| Y2K URL | |
| |
| |
| User-Contributed Content | |
| |
| |
| Applet Navigation | |
| |
| |
| Double-Click | |
| |
| |
| Slow Operations | |
| |
| |
| Conclusion | |
| |
| |
| |
| Intranet Design | |
| |
| |
| Differentiating Intranet Design from Internet Design | |
| |
| |
| Extranet Design | |
| |
| |
| Improving the Bottom Line Through Employee Productivity | |
| |
| |
| Average Versus Marginal Costs | |
| |
| |
| Intranet Portals: The Corporate Information Infrastructure | |
| |
| |
| Get Rid of Email | |
| |
| |
| Intranet Maintenance | |
| |
| |
| The Big Three Infrastructure Components: Directory, Search, and News | |
| |
| |
| Intranet Design Standards | |
| |
| |
| Guidelines for Standards | |
| |
| |
| Outsourcing Your Intranet Design | |
| |
| |
| Managing Employees' Web Access | |
| |
| |
| Hardware Standards | |
| |
| |
| Browser Defaults | |
| |
| |
| Search Engine Defaults | |
| |
| |
| Intranet User Testing | |
| |
| |
| Field Studies | |
| |
| |
| Don't Videotape in the Field | |
| |
| |
| Conclusion | |
| |
| |
| |
| Accessibility for Users with Disabilities | |
| |
| |
| Disabilities Associated with Aging | |
| |
| |
| Web Accessibility Initiative | |
| |
| |
| Assistive Technology | |
| |
| |
| Visual Disabilities | |
| |
| |
| ALT Attributes | |
| |
| |
| Auditory Disabilities | |
| |
| |
| Speech Disabilities | |
| |
| |
| Motor Disabilities | |
| |
| |
| Cognitive Disabilities | |
| |
| |
| Search Without Spelling | |
| |
| |
| Conclusion: Pragmatic Accessibility | |
| |
| |
| |
| International Use: Serving a Global Audience | |
| |
| |
| Internationalization Versus Localization | |
| |
| |
| Designing for Internationalization | |
| |
| |
| International Inspection | |
| |
| |
| Should Domains End in .com? | |
| |
| |
| Translated and Multilingual Sites | |
| |
| |
| Language Choice | |
| |
| |
| Multilingual Search | |
| |
| |
| Make Translations Bookmarkable | |
| |
| |
| Regional Differences | |
| |
| |
| International User Testing | |
| |
| |
| Overcoming the Language Gap | |
| |
| |
| How Many Countries Should You Test? | |
| |
| |
| Thanking Your Participants | |
| |
| |
| Methods of Testing | |
| |
| |
| Travel Yourself | |
| |
| |
| Add a Few Days to Your Stay | |
| |
| |
| Remote User Testing | |
| |
| |
| Usability Labs for International Testing | |
| |
| |
| Self-Administered Tests | |
| |
| |
| Conclusion | |
| |
| |
| |
| Future Predictions: The Only Web Constant Is Change | |
| |
| |
| Long-Term Trends | |
| |
| |
| The Internet Is Hard | |
| |
| |
| The Anti-Mac User Interface | |
| |
| |
| The Invisible Computer | |
| |
| |
| Information Appliances | |
| |
| |
| Drawing a Computer | |
| |
| |
| WebTV | |
| |
| |
| Designing for WebTV | |
| |
| |
| Death of Web Browsers | |
| |
| |
| Slowly Increasing Bandwidth | |
| |
| |
| Metaphors for the Web | |
| |
| |
| The Telephone | |
| |
| |
| Different Media, Different Strengths | |
| |
| |
| Telephone Usability Problems | |
| |
| |
| Contact Tokens | |
| |
| |
| The Television | |
| |
| |
| Restructuring Media Space: Good-Bye, Newspapers | |
| |
| |
| Media Distinctions Caused by Technology | |
| |
| |
| Conclusion | |
| |
| |
| |
| Conclusion: Simplicity in Web Design | |
| |
| |
| Home-Run Websites | |
| |
| |
| Half-Minute Baseball Lesson | |
| |
| |
| User Survey: What Causes Repeat Traffic? | |
| |
| |
| Better Than Reality | |
| |
| |
| Best of Times or Worst of Times? | |
| |
| |
| Mouseclicks Vote | |
| |
| |
| Recommended Readings | |
| |
| |
| Books | |
| |
| |
| Usability | |
| |
| |
| Hypertext | |
| |
| |
| Web Technology | |
| |
| |
| Read My Next Book | |
| |
| |
| Index | |