書名:《Don‘t make me think》
作者:Steven Krug? ?蔣芳 譯
出版社:機(jī)械工業(yè)出版社
一個(gè)網(wǎng)站容易使用最重要的是什么诀拭?
是“別讓我思考立美!“
界面設(shè)計(jì)中一定要遵循可用性第一原則,設(shè)計(jì)師應(yīng)該盡量做到阱表,當(dāng)我看一個(gè)頁(yè)面的時(shí)畔乙,它應(yīng)該是不言而喻,一目了然忙厌,自我解釋的凫岖。
避免強(qiáng)迫我們思考的地方。讓點(diǎn)擊和交互產(chǎn)生歧義的地方就是消耗我們經(jīng)理的地方逢净。
如果你做不到讓一切都不言而喻隘截,那就是一個(gè)壞的設(shè)計(jì)!
用戶真實(shí)使用web是如何汹胃?
第一個(gè)事實(shí):用戶往往不是在閱讀婶芭,而是在掃描。
1着饥、我們總是處于忙碌中
2犀农、我們知道自己不必閱讀所有內(nèi)容
3、我們善于掃描
第二個(gè)事實(shí):用戶不作最佳選擇宰掉,而是滿意即可呵哨。
1赁濒、我們總是處于忙碌中
2、如果猜錯(cuò)了孟害,也不會(huì)產(chǎn)生什么嚴(yán)重的后果
3拒炎、對(duì)選擇進(jìn)行權(quán)衡并不會(huì)改善我們的機(jī)會(huì)
4、猜測(cè)更有意思
第三個(gè)事實(shí):用戶不是追根究底挨务,而是勉強(qiáng)應(yīng)付
1击你、這對(duì)我們來(lái)說(shuō)并不重要
2、如果發(fā)現(xiàn)某事能用谎柄,我們會(huì)一直用它
為掃描設(shè)計(jì)丁侄,不為閱讀設(shè)計(jì)
盡可能抓住用戶瀏覽網(wǎng)站的5個(gè)主要方面
1、在每個(gè)頁(yè)面上建立清楚的視覺(jué)層次
如何建立清楚的視覺(jué)層次:
a朝巫、越重要的部分越突出
b鸿摇、邏輯上相關(guān)的部分在視覺(jué)上也相關(guān)
c、邏輯上包含的部分在視覺(jué)上嵌套
2劈猿、盡量利用習(xí)慣用法
a拙吉、經(jīng)驗(yàn)先入為主讓他們很好用
b、設(shè)計(jì)師通常不愿意利用他們(除非設(shè)計(jì)師有一個(gè)讓每人都驚呼的設(shè)計(jì)揪荣,否則盡量利用習(xí)慣用法)
3筷黔、把頁(yè)面劃分成明確定義的區(qū)域
4、明顯標(biāo)識(shí)可以點(diǎn)擊的地方
5变逃、最大限度降低干擾
a必逆、避免內(nèi)容眼花繚亂
b怠堪、降低背景視覺(jué)噪音
為什么用戶喜歡無(wú)須思考的選擇揽乱?
點(diǎn)擊多少次都沒(méi)關(guān)系,只要每次點(diǎn)擊都是無(wú)須思考粟矿、明確無(wú)誤的選擇凰棉。——krug可用性第二定律
省略不必要的文字
去掉每個(gè)頁(yè)面上一半的文字陌粹,然后把剩下的文字在去掉一半撒犀。——krug可用性第三定律
省略多余文字的好處:
1掏秩、可以降低頁(yè)面的噪聲
2或舞、讓有用的內(nèi)容更加突出
3、讓頁(yè)面更簡(jiǎn)短蒙幻,讓用戶在每個(gè)頁(yè)面上就能看到更多的內(nèi)容映凳,而不必滾動(dòng)屏幕。
歡迎詞必須消滅
指示說(shuō)明必須消滅
導(dǎo)航設(shè)計(jì)
1邮破、用戶通常是在尋找某一個(gè)目標(biāo)
2诈豌、人們會(huì)決定先詢問(wèn)還是先瀏覽
3仆救、如果選擇瀏覽,用戶將會(huì)通過(guò)標(biāo)志的引導(dǎo)在層次結(jié)構(gòu)中穿行土居。
4亏镰、最后如果找不到想要的屁桑,用戶就會(huì)離開(kāi)
用戶體驗(yàn)之痛
1、感覺(jué)不到大小
2顿痪、找不到方向
3、感覺(jué)不到位置
因?yàn)樵趙eb上穿梭瀏覽送膳,并不像現(xiàn)實(shí)中有物理參考员魏,有參照物,web的導(dǎo)航就是通過(guò)網(wǎng)站的層次結(jié)構(gòu)補(bǔ)償了這種缺失的空間感叠聋,從而營(yíng)造出某種位置的感覺(jué)撕阎。
這就意味著,要把web導(dǎo)航做好碌补。
導(dǎo)航被忽視的用途:
1虏束、它給了我們一些固定的感覺(jué)
2、它告訴我們當(dāng)前的位置
3厦章、它告訴我們?nèi)绾问褂镁W(wǎng)站
4镇匀、它給了我們對(duì)網(wǎng)站建造者的信心
web導(dǎo)航的習(xí)慣用法
1、關(guān)鍵名稱要醒目
2袜啃、他們?cè)诤线m的位置上
3汗侵、每個(gè)頁(yè)面都有一個(gè)名稱
4、頁(yè)面名稱也要出現(xiàn)在合適的位置上
5群发、名稱要引人注目
6晰韵、名稱和點(diǎn)擊的鏈接一致
7、搜索欄的重要性(用戶除了找指定的東西熟妓,當(dāng)用戶迷路的時(shí)候也很管用)
8雪猪、home鍵
9、面包屑和“你在這里”提示器的不同
一個(gè)告訴你所在的網(wǎng)站中的位置起愈,另一個(gè)告訴你如何到達(dá)這里只恨。這種區(qū)別就像一張地圖和一條路線的區(qū)別。
10抬虽、把他們放在最頂端
11官觅、使用“>“對(duì)層級(jí)進(jìn)行分隔
12、使用小字體(再一次很清楚的表明他是補(bǔ)充機(jī)制)
13阐污、使用文字“你在這里”雖然大多數(shù)人明白面包屑休涤,但由于小字體,讓它自我解釋疤剑。
14滑绒、將最后一個(gè)元素加粗闷堡。層級(jí)最后一個(gè)元素應(yīng)該就是當(dāng)前頁(yè)面的名稱,將它加粗正好得到了應(yīng)有的突出效果疑故。
標(biāo)簽的四大優(yōu)點(diǎn):
1杠览、它們不言而喻
2、它們很難錯(cuò)過(guò)
3纵势、它們很靈活
4踱阿、它們暗示了一個(gè)物理空間
后備箱測(cè)試
1、這是什么網(wǎng)站钦铁?(站點(diǎn)ID)
2软舌、我在哪個(gè)網(wǎng)頁(yè)上?(網(wǎng)頁(yè)名稱)
3牛曹、這個(gè)網(wǎng)站的主要欄目有哪些佛点?(欄目清單)
4、在這個(gè)層次上我有哪些選擇黎比?(本頁(yè)導(dǎo)航)
5超营、我在導(dǎo)航系統(tǒng)的什么位置。(“你在這里”的指示器)
6阅虫、我怎么搜索演闭?
正確處理網(wǎng)頁(yè)的幾個(gè)方面
1、站點(diǎn)的標(biāo)識(shí)和使命(網(wǎng)站自述颓帝,傳遞優(yōu)勢(shì)米碰,吸引用戶)
2、站點(diǎn)層次(網(wǎng)站概況购城,提供什么吕座,有什么功能,這些服務(wù)是如何組成的)
3工猜、搜索
4米诉、導(dǎo)讀
5菱蔬、內(nèi)容更新
6篷帅、友情鏈接
7、快捷方式
8拴泌、注冊(cè)
9魏身、讓用戶找到想要尋找的東西
10、還有用戶沒(méi)有尋找的
11蚪腐、告訴用戶從哪里開(kāi)始
12箭昵、建立可信度
警惕人多雜亂
首頁(yè)信息一定是非常豐富的,謹(jǐn)記人多舌雜回季,網(wǎng)頁(yè)尺寸一定要適合所有人
好的口號(hào)可以非常有效的傳達(dá)信息:
1家制、好的口號(hào)要清楚正林、言之有物
2、不好的口號(hào)含糊不清
3颤殴、好的口號(hào)長(zhǎng)度適中
4觅廓、好的口號(hào)表述出網(wǎng)站的特點(diǎn)和顯而易見(jiàn)的好處
5、不好的口號(hào)聽(tīng)起來(lái)太籠統(tǒng)
6涵但、好的口號(hào) 有個(gè)性杈绸、生動(dòng)、有時(shí)候還很俏皮
考量一個(gè)網(wǎng)站做的好壞首要先問(wèn)兩個(gè)問(wèn)題:
1矮瘟、這個(gè)網(wǎng)站是做什么的瞳脓?
2、我該從哪里開(kāi)始澈侠?
團(tuán)隊(duì)協(xié)作上要彼此認(rèn)同劫侧,不同職位的人側(cè)重點(diǎn)不同,考慮問(wèn)題的角度也不同哨啃,滿足所有人的需求是不可能的板辽,但是大家其實(shí)是盟友,最好的解決方法就是:可用性測(cè)試棘催!
可用性測(cè)試可以平息這種爭(zhēng)論劲弦,但通常它的作用是證明他們爭(zhēng)論的問(wèn)題根本沒(méi)有那么重要,人們經(jīng)常想通過(guò)測(cè)試來(lái)決定哪種顏色的窗簾最好醇坝,卻發(fā)現(xiàn)他們忘了在房間按上窗戶邑跪。
焦點(diǎn)小組不是可用性測(cè)試
1、在一次焦點(diǎn)小組研究中呼猪,以小組人(通常是5-8人)圍坐在桌子邊画畅,對(duì)展示給他們的想法和設(shè)計(jì)做出反映,這是一個(gè)小組過(guò)程宋距,主要價(jià)值是來(lái)自參與人員彼此的反應(yīng)轴踱。焦點(diǎn)小組是快速得到用戶意見(jiàn)和感覺(jué)的一種不錯(cuò)方法。
2谚赎、在一次可行性測(cè)試中淫僻,一次一個(gè)用戶展示一些內(nèi)容(不管是網(wǎng)站,還是網(wǎng)站原型壶唤,或者是一些單個(gè)頁(yè)面的草圖)雳灵,并且要求用戶說(shuō)出:1)這是什么;2)試著用它來(lái)完成一項(xiàng)典型的任務(wù)闸盔。
焦點(diǎn)小組可以很快的確定你的受眾想要什么悯辙,需要什么,喜歡什么的時(shí)候會(huì)很有用,也可以測(cè)試出網(wǎng)站的理念是否有意義躲撰,價(jià)值主張是否吸引人针贬,同時(shí)測(cè)試網(wǎng)站功能的命名,發(fā)現(xiàn)用戶對(duì)你的競(jìng)爭(zhēng)對(duì)手看法等拢蛋,是很好的方法坚踩。
但這種方法不適合用來(lái)了解你的網(wǎng)站運(yùn)行情況,以及怎樣改進(jìn)網(wǎng)站瓤狐。
焦點(diǎn)小組了解的是你在設(shè)計(jì)網(wǎng)站之前就應(yīng)該了解的瞬铸,焦點(diǎn)小組是用在這個(gè)過(guò)程早期階段的方法,如果你想做一次現(xiàn)狀檢查并對(duì)網(wǎng)站文字進(jìn)行調(diào)整础锐,甚至也可以放在后期進(jìn)行嗓节,但是一定不要和可用性測(cè)試混淆,焦點(diǎn)小組不會(huì)告訴你人們是否確實(shí)能使用你的網(wǎng)站皆警。
關(guān)于可行性測(cè)試
1拦宣、如果想建立一個(gè)優(yōu)秀的網(wǎng)站,一定要測(cè)試信姓。
當(dāng)局者迷鸵隧,工作幾個(gè)星期后就會(huì)失去新鮮感,了解的太多了意推,客觀的了解它是否運(yùn)作正常的唯一方法就是測(cè)試豆瘫。
測(cè)試會(huì)提醒你,不是每個(gè)人的想法都是和你一樣菊值。測(cè)試可以開(kāi)闊視野外驱,提醒你人們有多不一樣,有多么相像腻窒,并能讓你從新的視角看待事物昵宇。
2、測(cè)試一個(gè)用戶比不做好一倍儿子。
3瓦哎、在項(xiàng)目中,早點(diǎn)測(cè)試一位用戶好過(guò)最后測(cè)試50位用戶柔逼。早期雛形的時(shí)候設(shè)計(jì)還不完善蒋譬,測(cè)試效果和修改也會(huì)成本小,越到后期設(shè)計(jì)的會(huì)越來(lái)越復(fù)雜卒落,修改成本會(huì)增加羡铲,甚至一些投入使用中的蜂桶,會(huì)極大的影響用戶體驗(yàn)儡毕。
4、人們對(duì)招募用戶代表的重要性評(píng)估過(guò)高。寬松招募腰湾,曲線上升雷恃。
5、測(cè)試的關(guān)鍵不是要證明什么或者反駁什么费坊,而是了解你的判斷力倒槐。
6、測(cè)試是一個(gè)迭代的過(guò)程附井。
7讨越、沒(méi)有什么比現(xiàn)場(chǎng)用戶的反應(yīng)更重要。
寬松招募永毅,曲線上升的招募法則:
1把跨、實(shí)際上,我們都是初學(xué)者沼死。找一位專家着逐,你也會(huì)發(fā)現(xiàn)他也是在勉強(qiáng)應(yīng)對(duì),只不過(guò)再高一點(diǎn)的層次上意蛀。
2耸别、設(shè)計(jì)出的網(wǎng)站不能僅僅只有你的目標(biāo)群體能使用,要有適當(dāng)?shù)耐ㄋ仔韵卦浚拥貧狻?/p>
3秀姐、每個(gè)人都喜歡簡(jiǎn)潔,專家也不介意對(duì)初學(xué)者很清晰的界面若贮。
4囊扳、如果產(chǎn)品是針對(duì)性很強(qiáng)的用戶使用,就只招那些領(lǐng)域的人來(lái)測(cè)試兜看。
5锥咸、如果產(chǎn)品是針對(duì)多個(gè)用戶群體且用戶群體有著完全不同的興趣和需求,那么每個(gè)陣營(yíng)都要進(jìn)行一次測(cè)試细移,并且可以任意搭配搏予。
6、提供合理的激勵(lì)弧轧,即報(bào)酬
7雪侥、邀請(qǐng)要簡(jiǎn)單,網(wǎng)絡(luò)招募精绎、電話招募速缨、委托專屬機(jī)構(gòu)都可以。
8代乃、避免對(duì)網(wǎng)站(或背后組織)進(jìn)行預(yù)先討論旬牲。保留第一反應(yīng)很重要仿粹。
9、別不好意思請(qǐng)朋友和鄰居幫忙原茅。
誰(shuí)來(lái)引導(dǎo)測(cè)試吭历?
選擇一個(gè)有耐心、冷靜擂橘、有同理心晌区、善于傾聽(tīng)、天性公正的人通贞。
誰(shuí)來(lái)進(jìn)行觀察朗若?
可以鼓勵(lì)任何想要觀察的人——團(tuán)隊(duì)或成員、市場(chǎng)業(yè)務(wù)員昌罩、其他涉眾參與捡偏。
測(cè)試什么?什么時(shí)候測(cè)試峡迷?
1银伟、理解測(cè)試,顧名思義就是讓測(cè)試用戶看到網(wǎng)站绘搞,然后看他們是否理解這個(gè)網(wǎng)站的目標(biāo)彤避、價(jià)值主張、組織方法夯辖、運(yùn)行方式等琉预。
2、關(guān)鍵任務(wù)測(cè)試蒿褂,測(cè)試前列出表格圆米,把產(chǎn)品里的關(guān)鍵功能列出來(lái),讓測(cè)試者逐個(gè)測(cè)試啄栓,并把測(cè)試結(jié)果整理出來(lái)娄帖。
回顧測(cè)試結(jié)果
1、給問(wèn)題分類昙楚,回顧大家看到的問(wèn)題近速,決定那些問(wèn)題需要修正。
2堪旧、解決問(wèn)題削葱,找出修正這些問(wèn)題的方法。
*常見(jiàn)問(wèn)題
a淳梦、用戶不清楚概念析砸。用戶不理解網(wǎng)站或者頁(yè)面的作用。
b爆袍、他們找不到自己要找的字眼首繁。(1作郭、用來(lái)組織內(nèi)容分類不符合用戶習(xí)慣,2蛮瞄、分類符合他們的習(xí)慣所坯,但沒(méi)有使用他們期望的名字谆扎。)
c挂捅、內(nèi)容太多(1、減少頁(yè)面上的整體干擾堂湖,2闲先、把他們需要看到的內(nèi)容設(shè)置的更加醒目)
問(wèn)題分類指南
1、忽略“皮劃艇”問(wèn)題无蜂。用戶第一次使用伺糠,會(huì)遇到會(huì)遇到偏離原來(lái)主題的錯(cuò)誤,但他們很快會(huì)發(fā)現(xiàn)斥季,并有能重新回到主路上训桶,這種就像是劃皮劃艇一樣,只要能恢復(fù)正常酣倾,就只是一種樂(lè)趣罷了舵揭。
2、抵制添加的沖動(dòng)躁锡。測(cè)試時(shí)常常會(huì)遇到人們沒(méi)有理解某些內(nèi)容午绳,大部分人第一反應(yīng)就是增加一些內(nèi)容,比如注釋或者指導(dǎo)說(shuō)明映之。但正確的解決方法是除去某些讓人混淆的內(nèi)容拦焚,而不是增加一些干擾。
3杠输、不要太看重人們對(duì)新功能的要求赎败。合適的就是最好的,很多天花亂墜的新事物蠢甲,大家都想嘗嘗螟够,但往往是不需要的雞肋罷了。
4峡钓、抓大放屑梭稀:
a、恍然大悟型的能岩,測(cè)試中遇到特別明顯且是一種驚喜型的寞宫,一定要馬上修正它們
b、便宜型拉鹃,(1辈赋、幾乎毫不費(fèi)力鲫忍、2、需要費(fèi)一點(diǎn)力钥屈,但效果非常明顯的悟民。)
5、修正的時(shí)候不要把最主要的功能削減了篷就,不能撿了芝麻丟了西瓜射亏。
好的用戶體驗(yàn)可以讓人對(duì)你的產(chǎn)品尊敬
1、每個(gè)人的好感值不同
2竭业、不同情況下感受不同
3智润、好感度可以被重新填滿
4、有時(shí)候一個(gè)錯(cuò)誤就能清空好感度
降低好感度的方式
1未辆、隱藏客戶想要找到的信息
2窟绷、因?yàn)榭蛻翦e(cuò)誤操作而受到懲罰
3、向客戶詢問(wèn)不必要的信息
4咐柜、敷衍客戶兼蜈,欺騙客戶
5、設(shè)置障礙
6拙友、網(wǎng)站看上去不專業(yè)
提高好感度的幾種形式
1为狸、知道客戶想要什么,并且界面友好清晰簡(jiǎn)潔献宫。
2钥平、告訴客戶想要的信息,想人之所想姊途,多想一步涉瘾,提前一步,貼心最好捷兰。
3立叛、減少步驟
4、有問(wèn)必答
5贡茅、提供接口協(xié)助秘蛇,比如打印、分享等端口
6顶考、快速反應(yīng)赁还,遇到故障及錯(cuò)誤快速恢復(fù)
7、遇到不確定情況驹沿,及時(shí)道歉
關(guān)于可訪問(wèn)性艘策,開(kāi)發(fā)人員和設(shè)計(jì)師的盲區(qū)
1、大部分技術(shù)人員接觸的都是26歲的健全人渊季,考慮到一些障礙人群的可能性會(huì)很少朋蔫。
2罚渐、他們同時(shí)也懷疑有更好的可訪問(wèn)性的可能
3、他們同時(shí)會(huì)考慮可訪問(wèn)性會(huì)讓所有人受益這一點(diǎn)是否值得付出
開(kāi)發(fā)人員和設(shè)計(jì)師所害怕的
1驯妄、更大的工作量
2荷并、設(shè)計(jì)折衷
作者推薦的讀物:
《Information Architecture for the World Wide Web》
《Why We Buy: The Science of Shopping》
《The Practice of Creativity: A Manual for Dynamic Group Problem Solving 》
《Sources of Power: How People Make Decisions》
《日常事物心理學(xué)》