比來在讀Steve Krug的Don’t Make Me Think，本文基本是本身的讀書條記第二篇，拿出來做下總結(jié)和大家分享一下。想看第一篇的小伙伴，可點(diǎn)擊查看。

今天的主要內(nèi)容是介紹一下Web設(shè)計(jì)中導(dǎo)航與主頁(yè)的設(shè)計(jì)原則。

以下原則主要用在開放性的門戶網(wǎng)站中，這類網(wǎng)站中用戶流量較大，且用戶注意力極容易被分散，這時(shí)一個(gè)Web頁(yè)面的瞬間識(shí)別性直接關(guān)系到用戶轉(zhuǎn)化率，也就顯得尤為重要。

而對(duì)一些比較專業(yè)的或指定性的網(wǎng)站，政府網(wǎng)站等，用戶面臨缺少其他選擇，網(wǎng)站缺少替代性的情況，以下原則可能沒有前者這么性命攸關(guān)，但也同樣具有相當(dāng)?shù)闹笇?dǎo)意義。

1、記住一個(gè)事實(shí) ：如果在網(wǎng)站上找不到標(biāo)的目的，人們會(huì)放棄使用你的網(wǎng)站

（1）網(wǎng)絡(luò)導(dǎo)航 101 法則

人們進(jìn)入站點(diǎn)時(shí)會(huì)遵循一個(gè)類似的過程：

人們通常是為了尋找某個(gè)目標(biāo)

人們會(huì)決定先詢問還是先瀏覽

如果選擇瀏覽，人們會(huì)通過標(biāo)識(shí)表記標(biāo)幟的引導(dǎo)在層次結(jié)構(gòu)中穿行

最后，如果沒找到想要的東西，，人們會(huì)離開

（2）Web與真實(shí)世界中的差異

感覺不到大小

感覺不到標(biāo)的目的

感覺不到位置

豈論我是來閑逛還是來尋找固定內(nèi)容，我能清晰地知道本身在哪，能去哪（明細(xì)分類），以及如何回去（主菜單）。

（3）導(dǎo)航的用途

它給了我們一個(gè)被固定的感覺

它告訴我們當(dāng)前的位置

它告訴我們?nèi)绾问褂镁W(wǎng)站

它給了我們對(duì)網(wǎng)站建造者的信心

如今我們逛一些相當(dāng)成熟的購(gòu)物網(wǎng)站（好比淘寶）的時(shí)候，甚至比在百貨商廈中的感覺更清晰。我能更便捷地找到本身想要的東西。（商品分類，新品促銷，其他功能。。。）

Web導(dǎo)航的用法基于實(shí)際導(dǎo)航用法，但我認(rèn)為web導(dǎo)航現(xiàn)在已經(jīng)實(shí)現(xiàn)了對(duì)現(xiàn)實(shí)世界導(dǎo)航的超越。（可快速跳轉(zhuǎn)，試錯(cuò)成本低）

（4）只要跺三次腳，說“我要回家”

讓一個(gè)“返回主頁(yè)”的按鈕始終可見，這一點(diǎn)很重要，用戶可以隨時(shí)（在短時(shí)間內(nèi)）回到主頁(yè)，可以有效地減少用戶迷失標(biāo)的目的的焦慮。

（5）提供搜索

搜索的設(shè)計(jì)要注意三點(diǎn)：

慎用花哨的用詞：“快速搜索”“關(guān)鍵詞搜索”“精確搜索”等等

添加指示說明：在PlaceHolder中增加對(duì)搜索的描述

添加選項(xiàng)：如果存在易混淆的搜索范圍，如全站搜索？部分站點(diǎn)搜索？整個(gè)Web搜索？請(qǐng)加選項(xiàng)區(qū)分。

（6）關(guān)于頁(yè)面名稱

標(biāo)識(shí)要大：足夠引人注目

在合適的位置：通常在頁(yè)面左上，目光焦點(diǎn)較多的地方

每個(gè)頁(yè)面都需要一個(gè)名稱

名稱要和點(diǎn)擊的鏈接一致

標(biāo)簽：九江 烏魯木齊 林芝 東營(yíng) 鹽城