交互設(shè)計本就該是互聯(lián)互通環(huán)環(huán)相扣的。

交互設(shè)計是設(shè)計人與物的對話（dialog），交互設(shè)計的目的包括：有用性、易用性和吸引性的設(shè)計和改善。近些年隨著互聯(lián)網(wǎng)化進程加快，特別是進入數(shù)字時代，多媒體讓交互設(shè)計的研究顯得更加多元化。產(chǎn)品和用戶體驗日趨復雜、功能增多，新的人工物不斷涌現(xiàn)，人們對交互設(shè)計的需求變得愈來愈顯性。

交互設(shè)計在任何的人工物的設(shè)計和制作過程里面都是不可以避免的，區(qū)別只在于顯意識和無意識。在完全依托虛擬形態(tài)存在的互聯(lián)網(wǎng)產(chǎn)品，好的交互架構(gòu)將會是產(chǎn)品制勝法寶。

這里跟大家分享下交互設(shè)計的三大標準與信息表述的五種方式。

標準一、設(shè)計簡潔清晰，自然易懂

好的交互設(shè)計讓我們清晰看到我們需要的信息。

一套好的交互設(shè)計必定是一目了然的，用戶在接觸APP的第一感覺是有可操作性并保持持續(xù)操作的欲望。人類在面對新的環(huán)境或者接觸新的事物時會陷入思維困境，每個人都會有一套原生的理解事物的方式，而交互設(shè)計就是要用最簡單的方式打破思維困境。在用戶接觸該事物的時候，保證給用戶一個習慣、完全符合常態(tài)的事物形態(tài)。這樣的形態(tài)要將用戶期待的需求與你想要用戶接受的部分相互結(jié)合。

微信去除了一系列不必要元素全部集中在社交上

以微信為例，當前所有社交產(chǎn)品中，微信是最為廣大用戶所接受的。作為一款社交軟件，微信刨除了所有與社交無關(guān)的模塊。僅僅保留了最基礎(chǔ)的導航欄，這里微信需要用戶參與的就是社交，而用戶意愿得到的本質(zhì)也是進行社交。因此微信簡化了一切可能影響用戶社交行為的元素。

標準二、信息的獲取和傳達的過程必須是簡潔清晰，自然易懂

設(shè)計的作用在于尋找功能和社會間的接點， 在功能足以說明一切的前提下，裝飾是可以節(jié)制的，如何把握節(jié)制的度是考驗一個設(shè)計師是否成熟的標尺。—— 田中一光

所謂簡潔清晰，也就是將信息最簡化。

較多的給予對用戶實際上是一種傷害

少即是多，這是互聯(lián)網(wǎng)時代的信條。作為產(chǎn)品的受體用戶群，大家面對的不止是這一款軟件。用戶有太多要思考的信息，有太多要接觸的事物。

如果每一款產(chǎn)品都在為用戶帶來重復行為或者復雜的選擇，用戶會出現(xiàn)搜索恐懼恐懼。想象一下，如果你要買一雙襪子，但是你處在一家服裝百貨超市，在沒有售貨員的情況下去搜索你要買的襪子。這簡直是要命的！

名創(chuàng)優(yōu)品的店面構(gòu)建與貨品布局讓人感覺很簡單

我們想一想名創(chuàng)優(yōu)品在產(chǎn)品規(guī)劃方面，幫用戶篩選出最符合用戶需求的商品并且簡化設(shè)計與產(chǎn)品種類。保證用戶從入店到出店在10min之內(nèi)完成一站式購物，并且?guī)砗芎玫捏w驗。其實這也是交互設(shè)計應(yīng)該學習的的一部分。

所謂自然易懂，也即使用用戶能夠理解的語言。

用戶獲取信息的方式多樣，并且對信息的理解程度也各有不同，所以信息傳達要使用用戶平時使用和理解的表達方式去傳遞信息，則更加可以被用戶所接受。

產(chǎn)品面向用戶不是專家之間的座談會，永遠不要指望用戶花很大的時間與精力去研究你的產(chǎn)品。這樣的行為完全是在挑戰(zhàn)用戶的耐性與容忍度。真正好的交互是信息傳達的極簡化，交互設(shè)計要滿足易用性原則。

用戶原本想要的是簡單使用功能，差勁的交互設(shè)計讓產(chǎn)品變天書

產(chǎn)品想被用戶接受，復雜的邏輯與不必要的流程都要隱藏不可以曝給用戶群體，用戶只要用包裝過的產(chǎn)品黑盒就好了，保證產(chǎn)品本身的易用性原則。

標準三 選擇適當?shù)姆绞阶龊眯畔⒈硎觯ò妩c方式）

當前移動應(yīng)用與網(wǎng)站網(wǎng)頁信息表述種類大致依靠這幾類：頁面布局、文本交互、界面色彩、圖像圖標、聲音等。

方式一 頁面布局

界面中的信息布局，會直接影響用戶獲取信息的效率。一般界面的布局因功能不同，考慮的側(cè)重點也會不同，因此布局要讓用戶有一種“區(qū)塊感”，方便用戶對信息的掃描性瀏覽。

Facebook區(qū)域模塊化布局讓人感覺很清晰

頁面布局要遵循以下設(shè)計原則：

1. 界面布局盡量有秩序、排列整齊，防止過緊戒過松。要有明顯的“區(qū)塊感”，切忌混亂；2．布局要充分表現(xiàn)其功能性，對于每個區(qū)域所代表的功能應(yīng)有所區(qū)別。如:標題區(qū)，工作區(qū)，提示/幫助區(qū)等；3．頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置上，并且應(yīng)該是最大的。要讓用戶在最習慣的部分看到該選項；
2. 布局中的信息需要有明顯的標志和簡單介紹，比如標題欄和標題等；
3. 信息的位置保證一致性，讓用戶可以無需重新建立對頁面信息分布的理解.

方式二 文本交互

交互文本指產(chǎn)品界面涉及交互操作中需要用戶理解并反饋的所有的文字:包括標題、按鈕文字、鏈接文字、對話框提示、各種提示信息、幫助等。這些文字直接影響用戶在交互過程中對預期的理解，好的交互文本設(shè)計，可以提高用戶完成任務(wù)的效率。

然而對于文本的過分解讀，將會極大的損傷用戶的信任度。尤其是對于某些提示的過分解讀就像是一則免責聲明，降低用戶的選擇欲望。當然，過于縮小文本交互也是不對的，這樣就會使得文本起不到應(yīng)有的意義。

Amazon的文本交互提示信息清晰地為用戶導航

文本交互要遵循以下設(shè)計原則

1. 表述的信息盡量口語化，少用盡量不用專業(yè)術(shù)語;
2. 表述語氣柔和、禮貌，避免使用被動語態(tài)、否定句等;
3. 簡潔、清楚的表達，文字較多要適當斷句。盡量避免左右滾屏、折行等出現(xiàn)；
4. 對于同種操作的交互文本，操作行文字保持統(tǒng)一性。出現(xiàn)層級將會極大的提升用戶的理解難度。同時會一定程度損傷設(shè)計美感；
5. 字體使用默認/標準的字體，大小以用戶的視覺清晰分辨為主;

文本交互一定要考慮其必要性，如果對于信息量較大的內(nèi)容，文字可能無法描述，就要考慮從其它層面去實現(xiàn)。單純的依靠文本本身反而會損害用戶解讀。

方式三 界面色彩

人眼一共大約能區(qū)分一千萬種顏色。面對如此龐大的色素群，人類天生對于色覺有自己獨特的感知，所以用戶對界面中顏色的關(guān)注度非常的高。因此有效的使用色彩區(qū)分信息的級別、分類等，有助于用戶對信息和操作產(chǎn)生關(guān)聯(lián)，有效減少用戶的記憶負擔。

Alibaba的網(wǎng)站頁面采用了色彩化區(qū)分主體突出

界面色彩遵循以下幾點設(shè)計原則

1. 根據(jù)不同的產(chǎn)品使用“場景”，選擇其合適的顏色。如管理界面經(jīng)常使用藍色。對于特定的區(qū)域塊要匹配用戶比較接受的色調(diào)；（具體可參考情感化色調(diào)的相關(guān)知識）
2. 考慮顏色對用戶的心理和文化的影響。比如，黃色代表警告，綠色代表成功等。 這里著重提示：一款產(chǎn)品的普適性一定要考慮顏色對于文化的影響；（具體可參考情感化色調(diào)的相關(guān)知識）
3. 避免界面中同時出現(xiàn)3種以上的顏色；
4. 顏色的對比度明顯，如在深色的背景中使用淺色的文字；
5. 使用顏色指導用戶關(guān)注到最重要的信息，這樣的配色要根據(jù)頁面的色調(diào)信息進行篩選排序。

方式四 圖像圖標

相對于單純的文本，圖像以及符號化的圖標更加符合用戶的認知習慣。往往表述一種信息，一張圖片或者一個標識更能讓用戶理解接受。適當?shù)氖褂脠D片符號化的圖標，會讓用戶很自然的建立起認知習慣。

微博采用圖像圖表化來管理其劃分的功能

圖像圖標設(shè)計原則：

1. 表意清、明確、有高度的概括性不指向性，讓用戶能夠快速的聯(lián)想到對應(yīng)的功能和操作。
2. 同類在同一緯度的信息，在形式和色彩風格上盡量保持一致性;
3. 旨在于突出重要信息，用戶可能產(chǎn)生理解偏差的情況下使用，避免濫用；
4. 盡量不交互文本結(jié)合使用；很多設(shè)計師會覺得已經(jīng)做了圖標但是擔心用戶不理解，所以加入文字描述。其實這樣的解讀完全是多余的，犯了過分解讀用戶行為的錯誤。用戶在接觸嘗試階段是行為驅(qū)動的，真正圖標的實用價值會隨著用戶對產(chǎn)品的熟悉而被弱化。
5. 對應(yīng)的圖標選擇已經(jīng)被習慣定義的種類，保證圖標與功能一致性。

方式五 聲音交互設(shè)計

在網(wǎng)頁的交互設(shè)計中，用于聲音的信息表述方式相對視覺表述來說不是很多。一般聲音僅應(yīng)用于提示、提醒、幫助等信息表述。此類信息表述讓用戶通過聽覺獲取反饋，更加的直接有效。

QQ的加好友、好友上線提示音很舒適

聲音交互設(shè)計遵循的原則：

1. 表述清晰、語氣親切、不生硬、有禮貌。
2. 使用符合用戶認知習慣的聲音，如使用敲門聲提示好友來訪信息等。
3. 使用不讓用戶反感(如:恐怖、惡心、煩躁)的聲音。
4. 在用戶可預知的情況下發(fā)出聲音。這里談下最讓人擔憂的就是這點，有些語音功能就像惡作劇。尤其是我們看過的一些PPT，突然一個提示音簡直讓人崩潰。

總結(jié)

對于不同的信息表述方式，我們都要求設(shè)計師在表達信息的時候做到簡潔清晰、自然易懂，盡量讓用戶覺得這是自然而然（這是產(chǎn)品設(shè)計進化的最終目標）。而且信息一定要清晰明了，就像小溪流水一樣自如，就像軍人接受命令一樣明確。這樣才會讓用戶快速，準確，舒服的完成任務(wù)。

Amazon的網(wǎng)站交互設(shè)計信息傳達清晰明了

希望以上這些使大家對于交互設(shè)計的學習會有幫助，同時建議大家多關(guān)注國外比較成熟的網(wǎng)站與移動應(yīng)用的交互設(shè)計與產(chǎn)品本身的構(gòu)造，這會對我們對于產(chǎn)品交互設(shè)計有更深層次的影響，最后期待看到大家設(shè)計出更加優(yōu)秀的產(chǎn)品。

本文由 @計無施 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。