最近工作中主要是在做交互設(shè)計。作為一個非設(shè)計專業(yè)出身,沒有任何底子的人來說,著實做的痛苦且進(jìn)展緩慢,因此開始想要有針對性地看看設(shè)計方面的經(jīng)典書籍,學(xué)習(xí)一些交互設(shè)計方面的基礎(chǔ)理論。《點石成金》是我看的第一本設(shè)計方面的書,作為經(jīng)典,很適合初學(xué)者看?;藘芍軙r間看完,做了如下的筆記梳理。
一、可用性第一定律——別讓我思考
1、不言而喻,意味著不用思考。當(dāng)我看到一個不言而喻的網(wǎng)頁時,腦袋里浮現(xiàn)的會是:“嗯,這是XX,那是XX,我想要的東西在這里。
2、強迫人思考的可能是不清楚的命名,也可能是不明確的交互指向。因此在設(shè)計中要注意避免。
二、關(guān)于用戶在使用產(chǎn)品過程中的三個事實
1、不是閱讀,而是在掃描。用戶通常是帶著目的進(jìn)入網(wǎng)頁,能吸引到注意力的只是頁面上一小部分的內(nèi)容。
2、不作最佳選擇,而是滿意即可。關(guān)于用戶決策行為的滿意策略——絕大多數(shù)的時間里不會選擇最好的,而是選擇第一個過得去的。
3、不是追根究底,而是勉強應(yīng)付。用戶使用網(wǎng)站,但并不會也不需要去了解運作原理,因為那對他們來說并不重要。但是用戶體驗更好的網(wǎng)站的出現(xiàn)會讓其摒棄掉體驗一般般的。
三、讓用戶明確的設(shè)計方法
1、使用習(xí)慣用法。例如頁面不同內(nèi)容所處的位置;服務(wù)將如何運作;視覺元素的外觀等,均會有一些約定俗成的習(xí)慣性設(shè)計。例如網(wǎng)站的導(dǎo)航欄設(shè)計。遵循習(xí)慣和慣例,有利于減少學(xué)習(xí)成本,而創(chuàng)新也常??赡苊媾R不被接受的代價。另外,即便創(chuàng)新,也要考慮周到,留條后路,因為可用性大于一切,簡潔則大于一致。
2、有效的視覺層次。通過突出、分組、嵌套等方法,將信息按重要程度劃分,并利用邏輯關(guān)系進(jìn)行關(guān)聯(lián)。
3、劃分出明確定義的區(qū)域。
4、明顯標(biāo)識可以點擊的地方。
5、降低視覺噪聲。例如主次信息的組織排列、疏密設(shè)計、色彩設(shè)計;無用信息的刪減。
6、涉及到文本內(nèi)容時,需要為文本設(shè)置格式。包括標(biāo)題的設(shè)計、段落符號的使用,關(guān)鍵詞語的突出。
四、為什么用戶喜歡無需思考的選擇
1、意義明確。就像動物、植物、無機物般絕不會混淆。
2、導(dǎo)向明確。不會一下子呈現(xiàn)所有的細(xì)節(jié),而是根據(jù)目的的不同,呈現(xiàn)不同的入口。
3、當(dāng)困難的選擇不可避免時,給以清晰的指引,要求簡短、及時、不會被錯過。
五、省略多余的文字
1、好處是降低頁面的噪聲;讓有用的內(nèi)容更加突出;讓頁面更加簡短,用戶能看見更多內(nèi)容,而不必滾動屏幕。
2、方法是消滅歡迎詞;消滅指示性文字,剔除掉無用的,讓說明和指示更佳明確。
六、網(wǎng)站導(dǎo)航的設(shè)計法則
1、網(wǎng)站導(dǎo)航使用邏輯流程圖

2、網(wǎng)站導(dǎo)航的包含元素
站點ID:頁面可視層次的首要位置,要么是本頁最顯眼的內(nèi)容,要么涵蓋頁面所有其他元素
欄目:即主導(dǎo)航條,是到達(dá)該站點主要欄目的鏈接,位于站點結(jié)構(gòu)層次的最頂層
實用工具:幫助使用站點(例如注冊/登錄、幫助、站點地圖、購物車),或提供網(wǎng)站發(fā)布者的信息(例如關(guān)于我們、聯(lián)系我們)
返回主頁的按鈕
搜索:要避免花哨用詞、無謂的指示說明和選項
頁面名稱:顯眼且位置合適
當(dāng)前位置的指示器:層級菜單(面包屑)和Tab標(biāo)簽
后備箱測試:在某個網(wǎng)站的某個網(wǎng)頁上,能回答一下幾個問題:
這是什么網(wǎng)站?(站點ID)
我在那個網(wǎng)頁上?(頁面名稱)
這個網(wǎng)站的主要欄目是什么?(欄目清單)
在這個層次上我有哪些選擇?(本頁導(dǎo)航)
我在導(dǎo)航系統(tǒng)的什么位置?(“你在這里”的指示器)
我怎么搜索?
七、讓人們順利開始的重要性
1、用戶對網(wǎng)站的第一印象。這是什么網(wǎng)站?我能在這里做什么?網(wǎng)站上都有些什么?為什么應(yīng)該在這里,而不是別的地方?
2、首頁應(yīng)當(dāng)包含什么。
3、如何傳達(dá)網(wǎng)站是做什么的。口號、歡迎光顧、了解更多。
八、如何避免浪費時間的可用性爭論(信仰爭論)
1、人自然有一種把自己的喜好投射到用戶身上的傾向;
2、不同職位的人有不同的思維模式和喜好及關(guān)注點;
3、沒有什么普通用戶,用戶體驗并非是非黑即白。
4、方法:測試。測試用戶的動機、理解、反應(yīng)的差異。
九、如何進(jìn)行可用性測試
1、可用性測試:觀看用戶試用一些東西(網(wǎng)站、原型、甚至設(shè)計方案草圖),去完成一些典型的任務(wù),通過觀察用戶的行動,檢測到那些讓用戶混淆和倍感挫折的地方,并修復(fù)它們。
跳樓大減價的簡易可用性測試:

2、典型問題:
用戶不清楚概念,不理解網(wǎng)站或者頁面,或者理解錯誤。
用戶找不到自己要找的字眼。
頁面內(nèi)容太多以至于找不到自己想要的。
需要:減少頁面上的整體干擾;把他們需要看到的信息設(shè)計的更佳醒目,讓他們在可視結(jié)構(gòu)層次中更加突出。
3、總結(jié)會:決定修復(fù)哪些問題
原則:最嚴(yán)重的問題最先修復(fù)
收集一份問題列表——選擇10個最嚴(yán)重的問題——問題評級——建立一份排序列表——對于非常容易解決的問題,另建一份清單——抵制添加的沖動——不要太看重人們對新功能的要求——忽略“皮劃艇”問題(用戶暫時出現(xiàn)錯誤,但馬上又能回到正確軌道上來)
其他方法:遠(yuǎn)程測試/無人主持的遠(yuǎn)程測試
十、移動應(yīng)用
對比PC端:
1、通過提示(信號)給出使用線索,例如按鈕的設(shè)計
2、沒有了鼠標(biāo)懸停(hover)
3、設(shè)計可以扁平化,但不能丟失可用性。
4、設(shè)計方案要考慮網(wǎng)速。
5、讓人驚喜——使用新技術(shù)實現(xiàn)人們本想實現(xiàn)的想法,例如聽歌識曲功能。
6、可學(xué)習(xí)
7、可記憶
8、一樣要進(jìn)行可用性測試
十一、可用性與好感
提高好感的幾種方式:
1、知道人們在你的網(wǎng)站上想做什么,并讓它們明白簡易。
2、告訴我我想知道的,而非隱藏,即便是一些對自己不利的信息。
3、盡量減少步驟。
十二、如何更好地實現(xiàn)可用性
說服高層的技巧
1、演示投資回報率。去收集數(shù)據(jù),進(jìn)行分析,來證明一項可用性方面的改進(jìn)導(dǎo)致了成本上的節(jié)約或者額外的收入。
2、用他們的語言說話。意思是我們不再談?wù)撚脩艉徒o用戶帶來的好處,相反,去了解當(dāng)前公司內(nèi)部的難題,并陳述我們的方法可以有力地協(xié)助解決這些問題。談?wù)撏袋c、觸點、KPI、CSI或者任何管理上的熱詞。
3、讓老板來觀察可用性測試
4、在你的個人時間進(jìn)行第一次測試
5、對競爭對手進(jìn)行測試
6、理解管理層
7、弄清楚自在整個公司大局中的位置
8、你最主要的角色應(yīng)該是分享你的知識,而不是告訴別人應(yīng)該怎么做
可用性的幾個小的總結(jié):
不要使用小而對比不強的字體
不要把標(biāo)簽放到表單的字段里面
保留訪問過的鏈接和未訪問的鏈接之間的區(qū)別
不要讓標(biāo)題漂浮在段落之間
推薦書籍:由Randolph Bias 和 Deborah Mayhew編著的《Cost-justifying Usability:An Update for the Internet Age 》
Tomer Sharon《 It's our research:Getting Stakeholder Buy-In for User Experience Research Projects》
Leah Buley 《Tne User Experience Team of One:A Research and Design Survival Guide》
Robert Cialdini《影響力》