在最初的一次網(wǎng)站設(shè)計可用性測試實驗中，我遇見了一位和藹可親的老大媽，她從來沒用過鼠標(biāo)。在測試過程中，她一直用手比劃著，一邊對著屏幕在空氣中比劃，一邊對著光標(biāo)說著建議的話。在測試最后，我當(dāng)然沒有得到任何結(jié)果，但是她堅持認(rèn)為我是一個“可愛的男孩”，并且應(yīng)該認(rèn)識一下她的孫女。很快地，我學(xué)習(xí)到了如何設(shè)置實驗者招募的核心標(biāo)準(zhǔn)。

如果你之前做過一個可用性測試，你就會知道這個不是看起來那么容易的。雖然這不是火箭科學(xué)，但其中也包含一些舉足輕重的復(fù)雜性。在這篇文章里，我會分享一些我學(xué)到的關(guān)于如何幫助你避免你的可用性測試者在測試時最后進(jìn)入一個令人泄氣的結(jié)果的課程。

在我事業(yè)開始的第一年里有非常多我本可以學(xué)習(xí)的可貴的經(jīng)驗，并且我認(rèn)為在錯誤中學(xué)習(xí)是學(xué)習(xí)的最好方法，我們并不是總有機會去失敗。這里有一些藍(lán)藍(lán)設(shè)計學(xué)習(xí)道路上的小技巧，可以幫助你快速提升可用性測試的技巧并且避免一些陷阱。

設(shè)計你的可用性測試腳本來回答具體的研究問題

當(dāng)我們開始一個新的可用性測試時，不要遲疑，你所要做的就是挑選出網(wǎng)站的主要區(qū)域，然后讓用戶完成那些測試。在這個過程中你會發(fā)現(xiàn)一些有用的見解，但是也許當(dāng)你呈現(xiàn)出這些發(fā)現(xiàn)時，你因為無法回答網(wǎng)站盈利者提出的問題而被圍得團(tuán)團(tuán)轉(zhuǎn)，你也別因此而驚訝。

網(wǎng)上擠滿了各種各樣的UI設(shè)計方案，事實上我們已經(jīng)有一套套的方案可遵循。但！界面設(shè)計永無止境！哪怕是一個注冊表單，也值得再細(xì)心研究。下面藍(lán)藍(lán)設(shè)計給出注冊表單設(shè)計5個小技巧：

1、別讓用戶重復(fù)填寫相同的內(nèi)容

幾乎每個人都經(jīng)歷過這樣一個事實：注冊時被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實是沒有必要的。僅填寫一次，因為用戶一般都記得自己常用的郵箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

藍(lán)藍(lán)設(shè)計與你分享一位優(yōu)秀的交互設(shè)計師的成長過程與想法。

1. 交互設(shè)計師應(yīng)當(dāng)具備的能力

如果我們簡單的將用戶體驗領(lǐng)域涉及到的技能分為：用戶研究、產(chǎn)品（概念/功能）設(shè)計、交互設(shè)計、視覺設(shè)計、工程技術(shù)，我認(rèn)為任何一個交互設(shè)計師和視覺設(shè)計師等等，都應(yīng)該具有整體的復(fù)合技能，只是哪部分更多哪部分更少的問題。

1) 用戶研究：對于交互設(shè)計師，不具備基本的用戶研究能力，無法吸收來自用戶的「信息營養(yǎng)」，如何做出真正以用戶為重心的設(shè)計呢？觀察法、訪談法、問卷法、可用性測試、行為數(shù)據(jù)分析等等，這些基本的方法應(yīng)該要有所掌握。

2) 產(chǎn)品（概念/功能）設(shè)計和交互設(shè)計：這方面不必多說，交互設(shè)計師必須有大局觀，能夠真正的理解產(chǎn)品的思路和方向，從交互的角度實現(xiàn)產(chǎn)品層面的意圖。這也是很多交互設(shè)計師轉(zhuǎn)向產(chǎn)品設(shè)計師、產(chǎn)品經(jīng)理的原因，在很多方面有交叉。

對話框（Dialog）是個好用又方便的工具，通常用來再三確認(rèn)使用者的操作動作與決策，以避免一時的手誤或誤會操作動作的意思，常用于重要動作的確認(rèn)，例如：「你確定要刪除這個聯(lián)絡(luò)人嗎？」，但若對話框搭配了不適當(dāng)?shù)幕貞?yīng)選項文字，反而可能會造成使用者的困擾與誤解，有時還可能做了錯誤的決定。

對話框界面設(shè)計最常見的不當(dāng)UI設(shè)計就是選項上的文字出現(xiàn)：「是（YES）與否（NO）」，回想在學(xué)生時期考試的時候，O與X在是非題中是唯二的兩個答案，而出題者會透過文字?jǐn)⑹錾险吹恼`導(dǎo)，來測驗學(xué)生是否真的清楚了解，先不論這樣的測驗方式到底對學(xué)習(xí)以及知識的建立到底有沒有明顯的幫助，使用者可不想在開心的使用你的程式或服務(wù)時，還要小心翼翼的了解你對話框的內(nèi)容。

我們當(dāng)然可以細(xì)心的UI設(shè)計對話框中的文字，讓使用者清楚明了對話框的訊息，但是在大部分的情況下，我們幾乎根本不會逐字去閱讀訊息的內(nèi)容。你必須要假設(shè)使用者除了對話框上的按鈕外，不會閱讀任何其他訊息（對話框的標(biāo)題或是訊息內(nèi)容）。 – John Gruber of Daring Fireball

「好的產(chǎn)品關(guān)注功能，優(yōu)秀的產(chǎn)品關(guān)注情感」

趣味性、愉悅度，這些都是針對用戶情感化設(shè)計的領(lǐng)域。

功能、實用性，這些需要很強邏輯性的事物很難和情感產(chǎn)生關(guān)聯(lián)，并不是指這些不重要，它們很重要，它們是基礎(chǔ)，但缺少了情感的作用，很難產(chǎn)生一些東西，像：快樂、愉悅、悲傷、美…

花、大海、春天、小屋… 這些都是很普通的名詞，但將它們富有詩意的組合在一起：我有一所房子，面朝大海，春暖花開。接受者會投入不同的情緒去理解這樣一個組合。

上面這些名詞就像我們在界面設(shè)計過程當(dāng)中所遇到的各種元素，按鍵、菜單、icon、動態(tài)效果… 將它以詩意的方式組合在一起，由此用戶產(chǎn)生了情緒上的波動。

交互設(shè)計的本質(zhì)是對用戶行為的一種界面設(shè)計，直達(dá)內(nèi)心的UI設(shè)計能夠影響用戶自身的情感，從而導(dǎo)致用戶的行為。常會有設(shè)計師說將用戶當(dāng)成是一個易怒、情緒不定、不明理的人，為什么？因為人的本質(zhì)是非理性的，邏輯是理性層面的考量，而面對情感這個潛藏在理性背后的東西，需要設(shè)計師有深厚的功力，這不是單純技巧上的問題，而是一種時間、感覺、情緒等綜合的圓熟。

針對用戶情感進(jìn)行設(shè)計時需要考慮產(chǎn)品的用戶群，情感設(shè)計的應(yīng)用將會為產(chǎn)品塑造個性，需要明確產(chǎn)品個性是否與目標(biāo)用戶相符。所以題主需要考慮一下，所說的趣味性是否與產(chǎn)品所預(yù)期的個性相符，這很重要。

扯回到正題，交互設(shè)計中的趣味性如果讓我用一句話表達(dá)，我會說：「情理之中，意料之外」

btw：自己對有趣的定義可能會與大家不太一樣。

網(wǎng)上擠滿了各種各樣的UI設(shè)計方案，事實上我們已經(jīng)有一套套的方案可遵循。但！設(shè)計永無止境！哪怕是一個注冊表單的界面設(shè)計，也值得再細(xì)心研究。下面藍(lán)藍(lán)設(shè)計給出注冊表單設(shè)計5個小技巧

1、別讓用戶重復(fù)填寫相同的內(nèi)容

幾乎每個人都經(jīng)歷過這樣一個事實：注冊時被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實是沒有必要的。僅填寫一次，因為用戶一般都記得自己常用的郵箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

下面是一些非常值得參照的表單設(shè)計：

產(chǎn)品設(shè)計的原則有點太泛哈，藍(lán)藍(lán)設(shè)計這里想結(jié)合自己的工作心得來小結(jié)一下手機無線設(shè)計8原則：

原則1：用戶界面應(yīng)該是基于用戶的心里模型，而不是基于工程實現(xiàn)模型

就是把后臺本來很復(fù)雜的事情通過設(shè)計符合用戶日常生活中常用的瀏覽方式或操作方式。其實這一點是設(shè)計師把生活中的細(xì)節(jié)和數(shù)據(jù)結(jié)合的凝聚點，用戶的心理模型抓的越準(zhǔn)，界面就會越優(yōu)秀。

#左邊界面#：大眾點評新版的價格的搜索就比之前改得更符合用戶心里模型；

　　時光飛逝，轉(zhuǎn)眼到了2014年，那么在2014年界面設(shè)計將會有怎樣的發(fā)展與變革呢？我試圖預(yù)測一下。交互/界面設(shè)計伴隨移動互聯(lián)網(wǎng)一直保持著告訴的發(fā)展，每一年，都有新的東西出現(xiàn)，真令人振奮。

當(dāng)開始進(jìn)行新項目時，一般都會起步于線框圖。本文收集了大量的線框圖設(shè)計工具和套件。
交互設(shè)計師必備哦！

推薦閱讀：
《推薦！交互細(xì)節(jié)中的那些變形金剛》 
《iOS用戶體驗設(shè)計：如何構(gòu)建交互模式》 
《20個專為無線端設(shè)計提供靈感的資源站》

在線設(shè)計模板

Wirefy

以內(nèi)容優(yōu)先為原則的線框圖在線設(shè)計工具。允許你運用標(biāo)準(zhǔn)元素設(shè)計出響應(yīng)式線框圖。

Lumzy

網(wǎng)頁設(shè)計和界面設(shè)計的原型設(shè)計工具。

Mockup Builder

移動至上是當(dāng)今的大背景。交互設(shè)計、網(wǎng)頁設(shè)計都不得不顧慮手機的”感受”，移動互聯(lián)網(wǎng)方向的創(chuàng)業(yè)如同雨后春筍般出現(xiàn)，而有關(guān)移動端的Logo怎么設(shè)計？看看這里吧。