Don't Make Me Think, Revisited 8.2分
读书笔记 Chapter 6. Street signs and Breadcrumbs



Web navigation conventions: Site ID, Utilities, Sections, Page name, Local navigation, Footer navigation

Persistent navigation set of navigation elements that appear on every page of a site.( It depends. If On pages where a form needs to be filled in, the persistent navigation can sometimes be an unnecessary distraction.)Persistent navigation should include the four elements you most need to have on hand at all times: Site ID, Utilities, Sections, Search

Site ID at the top of the page—usually in (or at least near) the upper left corner.

The Sections—sometimes called the primary navigation—are the links to the main sections of the site: the top level of the site’s hierarchy.

Utilities are the links to important elements of the site that aren’t really part of the content hierarchy. Utilities lists should be slightly less prominent than the Sections. May include: About Us, Archives,Checkout, Company Info, Contact Us, Customer Service, Discussion Boards, Downloads, Directory, Forums, FAQs, Help......As a rule, the persistent navigation can accommodate only four or five Utilities—the onesusers are likely to need most often. The less frequently used leftovers belong in the footer.

One of the most crucial items in the persistent navigation is a button or link that takes me to the site’s Home page. Almost all Web users expect the Site ID to be a button that can take you to the Home page.

Unless a site is very small and very well organized, every page should have either a search box or a link to a search page. Aviod: Fancy wording, Key words (e.g. “Type a keyword”), Options( If you want to give me the option to scope the search, give it to me when it’s useful—when I get to the search results page and discover that searching everything turned up far too many hits, so I need to limit the scope. 比如淘宝首页搜索没有选择,接下来在搜索就有范围选择)

One of the most common problems in Web design (especially in larger sites): failing to give the lower-level navigation the same attention as the top.

Every page needs a name. The name needs to be in the right place.The name needs to be prominent. The name needs to match what I clicked.

On the Web, this is accomplished by highlighting my current location in whatever navigation bars, lists, or menus appear on the page to show me where I am.

Breadcrumbs show you where you are. Sometimes in lieu of well-thought-out navigation. Put them at the top. Use > between levels. Boldface the last item.


Tabs are elf-evident, hard to miss and slick. (I’m surprised at how often people can overlook horizontal navigation bars at the top of a Web page. But tabs are so visually distinctive that they’re hard to overlook.)To create this illusion, the active tab needs to be a different color or contrasting shade, and it has to physically connect with the space below it.


Try the trunk test: What site is this? (Site ID) What page am I on? (Page name) What are the major sections of this site? (Sections) What are my options at this level? (Local navigation) Where am I in the scheme of things? (“You are here” indicators) How can I search?

《Don't Make Me Think, Revisited》的全部笔记 29篇
免费下载 iOS / Android 版客户端