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