五分鐘讀完《don't make me think》

一、不要讓用戶思考,應(yīng)該讓用戶看一眼就知道

二、用戶瀏覽web的方式:掃描

滿意即可,用戶不會(huì)花時(shí)間找到最優(yōu)的

三、設(shè)計(jì)法則:

  • 建立清楚的視覺層次

1.越重要的部分越突出
2.邏輯上相關(guān)的部分,視覺上也相關(guān)
3.邏輯上包含的部分,視覺上也嵌套

  • 如果沒有更好的用法,就尊重用戶的習(xí)慣用法
  • 把頁面劃分成明確定義的區(qū)域
  • 明顯標(biāo)識(shí)可以點(diǎn)擊的地方
  • 降低視覺噪聲

視覺噪聲分兩種:
1.眼花繚亂,所有內(nèi)容都很搶眼,重點(diǎn)不突出
2.背景噪聲,背景搶眼

四、為什么用戶喜歡無須思考的選擇

點(diǎn)擊多少次都沒關(guān)系,只要每次點(diǎn)擊都是無須思考、明確無誤的選擇

五、省略不必要的文字

省略沒必要的文字的好處:
1.降低頁面噪聲
2.讓有用的內(nèi)容更突出
3.讓頁面更簡短,用戶在一頁上看到的內(nèi)容更多,無須滾動(dòng)
省掉 歡迎詞、指示說明

六、設(shè)計(jì)導(dǎo)航

用戶點(diǎn)擊是為了尋找目標(biāo);用戶首先會(huì)決定是先瀏覽還是先詢問;如果決定瀏覽,用戶將會(huì)通過標(biāo)志的引導(dǎo),在層次結(jié)構(gòu)中穿行;沒有找到想要的東西就會(huì)離開。

導(dǎo)航的用途:

1.給用戶固定的感覺,讓用戶覺得踏實(shí)
2.告訴用戶當(dāng)前的位置,網(wǎng)站上的大概內(nèi)容
3.告訴用戶如何使用網(wǎng)站
4.給了用戶對(duì)網(wǎng)站建造者的信息

設(shè)計(jì)導(dǎo)航的時(shí)候應(yīng)該參考導(dǎo)航的習(xí)慣用法
也有不需要導(dǎo)航的地方:

比如主頁、表單(希望用戶能填寫完表單,不被其他內(nèi)容吸引)

應(yīng)該可以一鍵回到主頁
提供搜索:

1.避免花哨的用詞,比如快速查找,一鍵搜索等
2.避免沒有必要的指示說明
3.不要混淆搜索范圍,是整個(gè)網(wǎng)站,還是某一頁面,某個(gè)內(nèi)容

關(guān)于頁面名稱:

每一個(gè)頁面都需要名稱
名稱應(yīng)該在合適的位置
名稱要引人注目
名稱要和點(diǎn)擊的鏈接一致

面包屑導(dǎo)航作為導(dǎo)航的補(bǔ)充機(jī)制:

使用“>”符號(hào)分割,eg:home>pageA>pageB
出現(xiàn)在頂端,高于所有內(nèi)容

標(biāo)簽導(dǎo)航

優(yōu)點(diǎn):靈活、難以錯(cuò)過、暗示地理空間、一目了然
注意:不具有標(biāo)簽功能的導(dǎo)航,不要做成標(biāo)簽的樣式;顏色區(qū)分;有默認(rèn)選中頁

后備廂測(cè)試:

能一眼找到:
站點(diǎn)ID、頁面名稱、欄目和下一級(jí)欄目、頁內(nèi)導(dǎo)航、位置指示、搜索框

七、設(shè)計(jì)主頁

主頁的作用

1.展示站點(diǎn)的標(biāo)識(shí)、使命
2.展示站點(diǎn)的層次-導(dǎo)航
3.搜索
4.導(dǎo)讀
5.內(nèi)容更新
6.友情鏈接
7.快捷方式
8.注冊(cè)
9.用戶想要的內(nèi)容和精彩的內(nèi)容,要顯而易見
10.告訴用戶從哪里開始
11.建立可信度和信任感

傳達(dá)整體形象

口號(hào)——和站點(diǎn)ID相關(guān)聯(lián);清楚,言之有物;長度適中;凸顯站點(diǎn)的特點(diǎn)和好處;有個(gè)性,生動(dòng),俏皮;
歡迎廣告——網(wǎng)站的簡單描述;不需要滾屏,在主頁的首要位置,站點(diǎn)ID的修飾;適量的空間;不要把使命當(dāng)做廣告語;進(jìn)行測(cè)試;

八、可用性測(cè)試

web開發(fā)團(tuán)隊(duì)討論可用性測(cè)試是在浪費(fèi)時(shí)間,開發(fā)、設(shè)計(jì)、產(chǎn)品、銷售都會(huì)站在不同的角度去考慮。

九、可用性測(cè)試

盡早做
盡量找接近真實(shí)客戶的人做
測(cè)試3-4個(gè)用戶即可,太多用戶的建議沒有時(shí)間整理,而且雜亂,容易get不到整體情況
經(jīng)常測(cè)試
可以測(cè)試競品

十、關(guān)于用戶對(duì)網(wǎng)站好感的問題

降低好感的事情

隱藏用戶想找的信息
因?yàn)橛脩魶]有按照開發(fā)團(tuán)隊(duì)的方式行事就懲罰用戶
欺騙用戶
詢問不必要的信息
不專業(yè)
設(shè)置障礙

提升好感的方式

知道用戶想在網(wǎng)站上做什么,簡單明了
減少步驟
解答疑問
容易從錯(cuò)誤中恢復(fù)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 內(nèi)容簡介 可用性設(shè)計(jì)是Web設(shè)計(jì)中最重要也是難度最大的一項(xiàng)任務(wù)。本書作者根據(jù)多年從業(yè)的經(jīng)驗(yàn),剖析用戶的心理,在用戶...
    少穻閱讀 1,217評(píng)論 1 5
  • 如果某個(gè)東西很難用,我就不會(huì)經(jīng)常用它?!猄teve Krug妻子 引用本書作者Steve Kru在書中提到的妻子...
    九O九閱讀 2,134評(píng)論 1 4
  • ——不知道什么是有用的,看到的都記下,只為自己在轉(zhuǎn)型的路上越走越好。 關(guān)于《don't make me think...
    可米丫頭閱讀 555評(píng)論 0 1
  • web網(wǎng)站設(shè)計(jì) 開放性的門戶網(wǎng)站中,這類網(wǎng)站中用戶流量較大,且用戶注意力極容易被分散,這時(shí)一個(gè)Web頁面的瞬間識(shí)別...
    縱是風(fēng)景美如畫閱讀 718評(píng)論 0 0
  • 小草迷糊,微風(fēng)亂闖 突破時(shí)間的囚籠 數(shù)不清多少幻想 背著書包等待著 等待著遠(yuǎn)方 就這樣面朝飛揚(yáng) 微笑 并泛出希望
    夜雨闌珊夢(mèng)閱讀 512評(píng)論 0 2

友情鏈接更多精彩內(nèi)容