最近在讀Steve Krug的Don’t Make Me Think,本文基本是自己的讀書(shū)筆記第二篇,拿出來(lái)做下總結(jié)和大家分享一下。想看第一篇的小伙伴,22321a.com
今天的主要內(nèi)容是介紹一下Web設(shè)計(jì)中導(dǎo)航與主頁(yè)的設(shè)計(jì)原則。
以下原則主要用在開(kāi)放性的門(mén)戶網(wǎng)站中,這類(lèi)網(wǎng)站中用戶流量較大,且用戶注意力極容易被分散,這時(shí)一個(gè)Web頁(yè)面的瞬間識(shí)別性直接關(guān)系到用戶轉(zhuǎn)化率,也就顯得尤為重要。
而對(duì)一些比較專業(yè)的或指定性的網(wǎng)站,政府網(wǎng)站等,用戶面臨缺少其他選擇,網(wǎng)站缺少替代性的情況,以下原則可能沒(méi)有前者這么性命攸關(guān),但也同樣具有相當(dāng)?shù)闹笇?dǎo)意義。
1、記住一個(gè)事實(shí) :如果在網(wǎng)站上找不到方向,人們會(huì)放棄使用你的網(wǎng)站
(1)網(wǎng)絡(luò)導(dǎo)航 101 法則
人們進(jìn)入站點(diǎn)時(shí)會(huì)遵循一個(gè)類(lèi)似的過(guò)程:
人們通常是為了尋找某個(gè)目標(biāo)
人們會(huì)決定先詢問(wèn)還是先瀏覽
如果選擇瀏覽,人們會(huì)通過(guò)標(biāo)志的引導(dǎo)在層次結(jié)構(gòu)中穿行
最后,如果沒(méi)找到想要的東西,人們會(huì)離開(kāi)
(2)Web與真實(shí)世界中的差異
感覺(jué)不到大小
感覺(jué)不到方向
感覺(jué)不到位置
不論我是來(lái)閑逛還是來(lái)尋找固定內(nèi)容,我能清晰地知道自己在哪,能去哪(明細(xì)分類(lèi)),以及如何回去(主菜單)。
(3)導(dǎo)航的用途
它給了我們一個(gè)被固定的感覺(jué)
它告訴我們當(dāng)前的位置
它告訴我們?nèi)绾问褂镁W(wǎng)站
它給了我們對(duì)網(wǎng)站建造者的信心
如今我們逛一些相當(dāng)成熟的購(gòu)物網(wǎng)站(比如淘寶)的時(shí)候,甚至比在百貨商廈中的感覺(jué)更清晰。我能更便捷地找到自己想要的東西。(商品分類(lèi),新品促銷(xiāo),其他功能。。。)
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)只要跺三次腳,說(shuō)“我要回家”
讓一個(gè)“返回主頁(yè)”的按鈕始終可見(jiàn),這一點(diǎn)很重要,用戶可以隨時(shí)(在短時(shí)間內(nèi))回到主頁(yè),可以有效地減少用戶迷失方向的焦慮。
(5)提供搜索
搜索的設(shè)計(jì)要注意三點(diǎn):
慎用花哨的用詞:“快速搜索”“關(guān)鍵詞搜索”“精確搜索”等等
添加指示說(shuō)明:在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)擊的鏈接一致
工作日 8:30-12:00 14:30-18:00
周六及部分節(jié)假日提供值班服務(wù)