POST TIME:2018-12-03 17:43
比來在讀Steve Krug的Don’t Make Me Think,本文基本是本身的讀書條記第二篇,拿出來做下總結(jié)和大家分享一下。想看第一篇的小伙伴,可點擊查看。
今天的主要內(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),但也同樣具有相當?shù)闹笇?dǎo)意義。
一、導(dǎo)航設(shè)計——街頭指示牌和面包屑1、記住一個事實 :如果在網(wǎng)站上找不到標的目的,人們會放棄使用你的網(wǎng)站
(1)網(wǎng)絡(luò)導(dǎo)航 101 法則
人們進入站點時會遵循一個類似的過程:
人們通常是為了尋找某個目標
人們會決定先詢問還是先瀏覽
如果選擇瀏覽,人們會通過標識表記標幟的引導(dǎo)在層次結(jié)構(gòu)中穿行
最后,如果沒找到想要的東西,,人們會離開
(2)Web與真實世界中的差異
感覺不到大小
感覺不到標的目的
感覺不到位置
豈論我是來閑逛還是來尋找固定內(nèi)容,我能清晰地知道本身在哪,能去哪(明細分類),以及如何回去(主菜單)。
(3)導(dǎo)航的用途
它給了我們一個被固定的感覺
它告訴我們當前的位置
它告訴我們?nèi)绾问褂镁W(wǎng)站
它給了我們對網(wǎng)站建造者的信心
如今我們逛一些相當成熟的購物網(wǎng)站(好比淘寶)的時候,甚至比在百貨商廈中的感覺更清晰。我能更便捷地找到本身想要的東西。(商品分類,新品促銷,其他功能。。。)
Web導(dǎo)航的用法基于實際導(dǎo)航用法,但我認為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)于頁面名稱
標識要大:足夠引人注目
在合適的位置:通常在頁面左上,目光焦點較多的地方
每個頁面都需要一個名稱
名稱要和點擊的鏈接一致