[Web] 網(wǎng)站導(dǎo)航設(shè)計-Design Navigation(2)
時間:2023-06-04 03:09:01 | 來源:網(wǎng)站運(yùn)營
時間:2023-06-04 03:09:01 來源:網(wǎng)站運(yùn)營
[Web] 網(wǎng)站導(dǎo)航設(shè)計-Design Navigation(2):
這兩天有點兒墮落,被一個室友安利了之后,追著跳著看了三生三世十里桃花……少女心蕩漾……/(//?//)/這一定不是我……一定不是……
還是要干正事的!不能看劇耽擱了學(xué)習(xí)……/(//?//)/ 夜華好帥……
網(wǎng)站導(dǎo)航設(shè)計-Design Navigation (1) 里總結(jié)了主要的navigation的種類,這一篇主要總結(jié)一下其他用來幫助users來get around 的 contents;summary一下設(shè)計navigation時候需要注意的地方。
? Breadcrumbs
breadcrumb trails主要用于hierarchical的網(wǎng)站中,用來告訴用戶現(xiàn)在的以及之前所途經(jīng)的位置。設(shè)計breadcrumb時需要
1. 包含網(wǎng)站的所有l(wèi)evels
2. 放置在banner和main navigation的之下,頁面內(nèi)容之上
3. 為在breadcrumb里面顯示的之前所經(jīng)過的頁面創(chuàng)建hyperlink
4. 如果想要展示頁面之間的關(guān)系,使用? (Alt+0187), 而不是>>(greater than)來防止screen-reading software把它讀作 “greater than,greater than”
? Tag clouds
? Site map
? Big footers
? A-Z indexes:
A-Z from ConsumerReports.org
? Link rich home page
https://www.nytimes.com/? Filters
? Faceted browse:
Faceted browse 是一種特別的filter。不同的是,用戶不是在一個filter中列出需要的條件,而是隨著瀏覽的過程,一步一步narrow down去想要找的內(nèi)容。這樣可以防止出現(xiàn)“0 results found” 的情況。
總結(jié) 當(dāng)設(shè)計Navigation的時候要注意:
1. 從內(nèi)容頁面開始從內(nèi)容頁開始設(shè)計考慮而不是從home page開始。因為內(nèi)容頁才是真正為用戶提供具體的所需內(nèi)容的value added的頁面。
2. 整理link to 內(nèi)容頁的頁面?zhèn)?/b>
work on the pages that link to the content pages. For simple hierarchies, the page may just need to list out the content in the section. For database structured sites, you may have more than one way to get to the content. You may design gallery pages or comparison pages. Don’t forget to think about A-Z indexes, site maps and other helper pages.
3 設(shè)計home page
This process prevent risks like that your navigation that only works if people work fro the home page inward. Do you still remember? when people come from the search engine to your site, most of the time what they see is not your home page but some page inside.
4. 進(jìn)行usability test可用性測試
e.g. to learn: Does the IA still work now it has been made into navigation? Can people see the main navigation bars and know how to use them? Do people notice and use other navigation elements such as related links? When do people use navigation elements other than contextual links? Where it’s relevant, can people use within-page navigation elements such as comparison features? If you’ve used something less common, such as faceted browse, how well do people understand what to do with it? What content works well (and what doesn’t work quite so well)? Do not start all your testing from the home page.
關(guān)鍵詞:設(shè)計,導(dǎo)航