幫助

關(guān)于Web設(shè)計(jì)中導(dǎo)航與主頁(yè)的設(shè)計(jì)原則

2018-04-26 16:20 優(yōu)化推廣

最近在讀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)意義。

一、導(dǎo)航設(shè)計(jì)——街頭指示牌和面包屑

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)擊的鏈接一致


相關(guān)推薦

QQ在線咨詢