最近在讀(du)Steve Krug的Don’t Make Me Think,本(ben)(ben)文(wen)基本(ben)(ben)是自己的讀(du)書筆記第二篇(pian),拿出來做(zuo)下總結和大家分享(xiang)一下。想看第一篇(pian)的小伙伴(ban),www.jinyoudianli.com
今天的主要內(nei)容是介紹(shao)一(yi)下Web設(she)計(ji)中(zhong)導航與(yu)主頁的設(she)計(ji)原則。
以(yi)下原則(ze)主要(yao)用(yong)在開放性(xing)的門(men)戶網站中,這類(lei)網站中用(yong)戶流量(liang)較大,且用(yong)戶注意(yi)力極容易被分散,這時一個Web頁(ye)面的瞬間識別性(xing)直接關(guan)系到用(yong)戶轉(zhuan)化率(lv),也(ye)就(jiu)顯得尤為(wei)重要(yao)。
而對一些比較專業的或指定性(xing)的網(wang)(wang)站,政府網(wang)(wang)站等(deng),用戶(hu)面臨缺(que)少其他(ta)選擇,網(wang)(wang)站缺(que)少替代性(xing)的情況,以下(xia)原則(ze)可(ke)能沒有前(qian)者這么(me)性(xing)命攸(you)關,但也同樣具有相當的指導意(yi)義。
1、記住一個(ge)事實 :如(ru)果在網站(zhan)(zhan)上(shang)找不到(dao)方向,人們(men)會放棄使(shi)用你的(de)網站(zhan)(zhan)
(1)網(wang)絡導航 101 法則
人們進入站點(dian)時會遵循一個類似的過程(cheng):
人們通常是(shi)為了尋找(zhao)某個目標
人們會決定先(xian)詢問還是先(xian)瀏(liu)覽
如(ru)果選(xuan)擇瀏(liu)覽,人(ren)們(men)會通過標志(zhi)的引導在(zai)層次結構(gou)中(zhong)穿行
最后,如果(guo)沒(mei)找到想要的東西,人們會離(li)開
(2)Web與真實世界中的差異
感覺(jue)不到(dao)大小
感覺不到方向
感覺不到位置
不論我是來閑逛還是來尋找固定內容,我能(neng)清晰地知(zhi)道自己在哪(na),能(neng)去哪(na)(明(ming)細分類),以及如何回去(主菜單)。
(3)導航的用途
它給了我(wo)們一(yi)個被固定的感(gan)覺
它(ta)告訴我們當前的位置(zhi)
它(ta)告訴我們(men)如何(he)使用網站
它給了我們對網站建造(zao)者的信(xin)心
如今我們逛一些相當成熟的(de)購物網站(zhan)(比如淘(tao)寶)的(de)時候,甚至比在百貨商廈中(zhong)的(de)感覺更(geng)清晰(xi)。我能更(geng)便捷地找到(dao)自己想要的(de)東西。(商品(pin)分類(lei),新品(pin)促銷,其他功能。。。)
Web導航的用法(fa)基于(yu)實際導航用法(fa),但我認為web導航現在已經實現了對現實世界(jie)導航的超越。(可快速跳轉,試錯成(cheng)本低)
(4)只要(yao)跺三次腳,說“我(wo)要(yao)回(hui)家”
讓一個“返回主(zhu)(zhu)頁”的(de)按(an)鈕始終可見,這一點(dian)很重要,用戶可以(yi)隨時(shi)(在短時(shi)間(jian)內)回到主(zhu)(zhu)頁,可以(yi)有效地減少用戶迷(mi)失(shi)方向的(de)焦慮。
(5)提供搜索
搜索(suo)的(de)設計(ji)要(yao)注意三點(dian):
慎(shen)用花(hua)哨的用詞(ci):“快速搜索”“關鍵詞(ci)搜索”“精確搜索”等等
添加指示(shi)說明:在PlaceHolder中(zhong)增(zeng)加對(dui)搜索的描(miao)述(shu)
添加(jia)選(xuan)項:如果存在(zai)易(yi)混淆(xiao)的(de)搜索范圍,如全站搜索?部分(fen)(fen)站點搜索?整個Web搜索?請加(jia)選(xuan)項區分(fen)(fen)。
(6)關于頁面(mian)名稱
標識(shi)要(yao)大:足夠(gou)引人注目
在合適(shi)的位置:通常在頁面左上,目光(guang)焦點較(jiao)多的地方(fang)
每個頁面都需要(yao)一(yi)個名(ming)稱(cheng)
名稱要(yao)和點擊的鏈接一致(zhi)