隨著信息技術(shù)的快速發(fā)展和體驗(yàn)經(jīng)濟(jì)時(shí)代的到來(lái)，互聯(lián)網(wǎng)用戶對(duì)數(shù)字媒體產(chǎn)品的交互設(shè)計(jì)性能要求越來(lái)越高。與此同時(shí)，激烈的市場(chǎng)競(jìng)爭(zhēng)也驅(qū)使網(wǎng)站設(shè)計(jì)者不斷完善互聯(lián)網(wǎng)產(chǎn)品的交互設(shè)計(jì)功能，以提升用戶的體驗(yàn)。社交網(wǎng)站作為一類為用戶提供社交服務(wù)的網(wǎng)站，勢(shì)必對(duì)網(wǎng)站的交互設(shè)計(jì)有著更多獨(dú)特的需求。

一、社交網(wǎng)站的交互設(shè)計(jì)

（一）社交網(wǎng)站交互設(shè)計(jì)的概念

交互設(shè)計(jì)是由人機(jī)工程學(xué)、視覺(jué)傳達(dá)設(shè)計(jì)、認(rèn)知心理學(xué)等學(xué)科交叉構(gòu)成的一門新興學(xué)科。詹妮弗?普里斯認(rèn)為交互設(shè)計(jì)就是“設(shè)計(jì)支持人們?nèi)粘９ぷ骱蜕畹慕换ナ疆a(chǎn)品”[1]。具體來(lái)說(shuō)，交互設(shè)計(jì)就是以用戶為中心，以重視產(chǎn)品帶給用戶的體驗(yàn)，為增強(qiáng)產(chǎn)品的功能和交互能力而進(jìn)行的設(shè)計(jì)。

社交網(wǎng)站的交互設(shè)計(jì)，是指如何運(yùn)用相關(guān)知識(shí)和技術(shù)，設(shè)計(jì)社交網(wǎng)站的功能模塊及網(wǎng)頁(yè)界面等相關(guān)網(wǎng)站產(chǎn)品，以使社交網(wǎng)站能為網(wǎng)站用戶提供更真實(shí)便捷的社交網(wǎng)絡(luò)服務(wù)。

今天早上有一位姐姐講了時(shí)間，就有小伙伴們跟我說(shuō)，海銀你這個(gè)PPT要不要改一改？別人已經(jīng)講過(guò)時(shí)間了？我來(lái)到墨麟聽(tīng)的第一句話就是不改本色，第二句話是仰天怒吼，這個(gè)時(shí)候我想說(shuō)，這位姐姐你早上PPT寫的非常上流，這個(gè)時(shí)候我要做一些下流的事。

　　今天上午有很多專家們?cè)诓僮鬟@個(gè)東西的時(shí)候，好像很別扭。我們提到時(shí)間在生活中，在生活中提的最常見(jiàn)的一個(gè)字是秒，這個(gè)是我們生活中最常見(jiàn)的一個(gè)單位，也是最小的一個(gè)單位。

　　其實(shí)秒這個(gè)單位對(duì)于很多人來(lái)說(shuō)就是一個(gè)最簡(jiǎn)單的反饋，這個(gè)反饋速度越及時(shí)，我們感覺(jué)就會(huì)越好。

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

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

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

產(chǎn)品設(shè)計(jì)的原則有點(diǎn)太泛哈，今天藍(lán)藍(lán)設(shè)計(jì)這里想結(jié)合自己的工作心得來(lái)小結(jié)一下手機(jī)應(yīng)用設(shè)計(jì)8原則：

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

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

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

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

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

設(shè)計(jì)你的可用性測(cè)試腳本來(lái)回答具體的研究問(wèn)題

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

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

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

幾乎每個(gè)人都經(jīng)歷過(guò)這樣一個(gè)事實(shí)：注冊(cè)時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒(méi)有必要的。僅填寫一次，因?yàn)橛脩粢话愣加浀米约撼Ｓ玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過(guò)郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

幾乎每個(gè)人都經(jīng)歷過(guò)這樣一個(gè)事實(shí)：注冊(cè)時(shí)被要求填寫郵箱地址兩次或重復(fù)輸入密碼。但是這其實(shí)是沒(méi)有必要的。僅填寫一次，因?yàn)橛脩粢话愣加浀米约撼Ｓ玫泥]箱地址和密碼。假設(shè)哪天用戶忘記密碼了可以通過(guò)郵箱找回，再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。

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