▲貳拾捌▼「藝術癮」想成為交互設計師？你需要注意的75個原則（上）

交互設計，又稱互動設計(英文Interaction Design，縮寫IxD或者IaD)，是定義、設計人造系統行為的設計領域。人造物，即人工製成物品，例如，軟體、移動設備、人造環境、服務、可佩帶裝置以及系統的組織結構。交互設計在於定義人造物的行為方式(the "interaction"，即人工製品在特定場景下的反應方式)相關的界面。

近些年來異常火爆的交互設計主要涉及領域有網頁、APP、UI、GUI設計等。應用領域主要有：手機通訊移動產品、電腦操作平台、軟體產品、PDA產品、數碼產品、車載系統產品、智能家電產品、遊戲產品、產品的在線推廣等等。

有木有覺得很「神秘且壕」？

那如果想成為一名交互設計師，你需要注意什麼呢？

下面我們就來總結一下國外大神們在談到交互設計時強調的75個原則。

1、盡量使用單列而不是多列布局

單列布局最直接的優勢就是容易讓用戶對內容一目了然，並且能夠有效的掌控全局。

多列則會有分散用戶注意力的風險而使主旨無法很好的表達。

2、嘗試用禮物增加頁面誘惑力

送出禮品是收穫客戶忠實度的有效戰術，這是建立在人與人之間互惠準則之上的。好處顯而易見——會讓日後的活動進展（不管是推銷、產品更新還是活動）更加順利。

3、合併重複功能，保持界面簡潔

時刻警惕過渡設計而多出的模塊。因為，界面上模塊越多，用戶學習成本就越大，從而降低了簡、潔、快的性能。

4、展示用戶好評的效果好於自我稱讚

在提高項目轉化率的時候，用戶好評是極為有效的手段。因為用戶好評可以影響大量的潛在用戶，所以嘗試提供一些質量高且真實可信的用戶好評吧！

5、反覆展示主旨來加深印象

多次提出主旨多適用於長界面或者分頁的情況。在所有頁面頂部放一個按鈕然後在頁面底部再放置一個按鈕（長頁面）的做法可以幫助用戶到達頁面底部時思考接下來做什麼，起到轉化或過渡的作用。

6、將不同功能的層面區分開來

顏色、層次和模塊之間的對比可以很好的幫助用戶使用產品，讓他時刻知道當前所處的頁面以及可以轉到哪個頁面。要設計這樣的界面，需要將可點擊元素（比如：鏈接、按鈕），可選擇元素（比如：單選、多選）以及普通文字進行明顯區分。例如下圖展示中，點擊操作顏色設為藍色、當前選中部分為黑色。這樣設計方便用戶在各個模塊間的切換。

7、主動推薦代替用戶自己選擇

當想展示多項服務時，給用戶一個推薦項是很好的做法。儘管推薦項可能無法滿足用戶所需，但據研究顯示：人面對的選擇越多，就越難以做出決定。這時，可以通過把某一選項調高亮度幫助用戶選擇。、

8、撤銷操作行為中避免出現確認按鈕

設想一下，如果你每一次的撤銷行為都伴隨有一個確認過程，不會覺得很麻煩嗎？並且，彈出了對話框就好像是在質問用戶：你到底明不明白這個操作會產生什麼後果。所以，在設計時請考慮用戶的感受吧。

9、精準定位適用人群

界面設計終旨是要給用戶帶來便捷，服務大眾。所以，在設計之前需要大量的調研，不斷了解目標用戶的需求、標準後做出優質的產品。因此，請在設計之前就精準定位想要服務的目標群體吧，會減少很多不必要的工作。

10、嘗試用更多的「感嘆號」代替「問號」

如果在你設計的界面中，出現了很多以問號結束，比如「也許」、「可能」、「感興趣」、或者「想要試試嗎？」，那完全可以把語氣變得更加堅定一些。不過萬事無絕對，或許適當放鬆的措地給用戶留出自行思考的餘地也是可以的。

11、通過鮮明對比劃分功能區分

使主、次功能區區分開來的方法有很多種。例如：明暗色調的對比、通過添加陰影漸變效果、通過運用色環上的互補色（黃色和紫色）來設計界面，已達到突出中心的目的。綜合以上，最後得到的界面會使你的主要意圖與界面其他事元素有明顯的區分，得到完美呈現。

12、指明地區

明確提供服務的地區範圍或指明提供產品的產地，將用戶帶入到一個更具體的體驗場景中。指出產品具體產地，使隱形提高產品聲譽的一種好方法！

13、精減表單內容

人生性懶惰，增加的每一個不必要的問題都面臨著失去一個用戶的風險。設計表格之前，最好先確定哪些是必填，哪些是不必要的。如果確實需要很多信息需要用戶填寫，可以試著將它們分散在不同頁面。

14、亮出選項

每一個下拉單的出現就意味著增加用戶操作步驟。如果信息是貫穿整個操作所需要的，那就把它們羅列出來。下拉框最好用在選擇日期、省份等約定俗成的地方。，對於程序中重要的選項最好不要做成下拉單。

15、避免放太多鏈接分散用戶注意力

為了滿足用戶需求，頁面上提供產品詳細鏈接是很常見的做法。但是，如果你的主要目的是想讓用戶點擊最後的那個按鈕，就要注意頁面中鏈接的數量了。最後將用於導航和用於操作的鏈接用不同樣式區分開，並且盡量移除頁面上不需要的鏈接。

16、顯示操縱進程

在界面中會有不同操作狀態的顯示。例如：電子郵件已讀或未讀、賬單已付或未付。清晰的操作狀態顯示可以有效指導用戶將來的行為和提醒過去所做的事情。

17、嘗試利益誘導語言

試想一個頁面上有兩個按鈕，一個是「獲取折扣」，另一個是「立即註冊」。大部分人會選擇點擊第一個，因為「註冊」不僅無利可圖，還會有填不完的表格等待著你。因此，讓用戶感到有利可圖的按鈕更有可能被點擊。這種帶有利益誘導的語言也可以放在按鈕旁邊。

18、操作簡單直接

舉個栗子，假如我們想讓用戶對每個條目進行操作， 那麼就把按鈕放到當前條目上，而不要把放到列表之外。 再比如就是直接點擊元素就進入編輯狀態（比如頁面上的地址信息點擊後可以進行編輯）。 這種方式比傳統的選中再點擊相應的按鈕進行操作要簡潔省事得多。

19、盡量在頁面中顯示全部內容

在一個足夠大的寬屏界面上最好還是直接給出表單，這比點擊按鈕再彈出表單要好很多。首先減少了點擊操作，流程變得簡潔也節省了時間。其次，直接呈現出表單可以讓用戶知道表單有多長，其實也是在告訴用戶註冊花不了多少時間。當然，這條規則適合註冊表單非常簡單的情況。

20、多運用滑動、隱藏設計而非直接顯示

設計中運用一些隱藏，打開，關閉，放大縮小移位等元素會增加用戶的體驗感。但要注意動畫時間不要設置過長，那樣會讓想儘快完成操作的用戶不耐煩。

>>>>>>>>>>

菲姐 ：知乎專欄「藝術癮」與「藝術留學小站」，和您說說藝術、聊聊留學。

專欄不定期更新，歡迎關注或私信諮詢。

推薦閱讀：