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