交互設計實用指南系列(4)—簡潔清晰，天然易懂

連接：http://ued.taobao.org/blog/2009/12/simple/

 

咱們生活在信息繁雜的社會，尤爲是在互聯網時代，人們開始經過網絡開始接觸愈來愈多的信息，那麼，如何獲取/傳遞有效而準確的信息將很是重要。在網頁交互設計中，咱們提出：信息獲取和傳達的過程必須是簡潔清晰，天然易懂。這樣用戶纔可以有效的獲取這些信息，並迅速做出決定。

1.什麼是「簡潔天然，清晰易懂」？

簡潔清晰：使信息最簡化
「少便是多」。提倡使用最少的元素來表達最多的信息。若是信息繁雜，將使用戶承擔大量的信息負擔，形成信息過載，影響效率，不能幫助用戶解決問題。

天然易懂：使用用戶語言
用戶獲取信息的方式多樣，而且對信息的理解程度也各有不一樣，因此使用用戶平時使用和理解的表達方式去傳遞信息，更能夠被用戶所接受。

 

2.信息表述的種類與設計原則

在網頁交互設計中，用於傳達給用戶以有效信息的方式有多種，其中包括：頁面佈局，交互文本，界面色彩，圖像與圖標，聲音等。

1）頁面佈局

界面中的信息佈局，會直接影響用戶獲取信息的效率。因此，通常界面的佈局因功能不一樣考慮的側重點不一樣，而且會讓用戶有一種「區塊感」，方便用戶對信息的掃描性瀏覽。

①界面佈局儘可能有秩序，排列整齊，防止過緊或過鬆，有明顯的「區塊感」。切忌混亂。
②佈局要充分表現其功能性，對於每一個區域所表明的功能應有所區別。如：標題區，工做區，提示/幫助區等
③頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置上。而且，應該是最大的。
④佈局中的信息須要有明顯的標誌和簡單介紹，好比標題欄和標題等。
⑤信息的位置保證一致性，讓用戶能夠無需從新創建對頁面信息分佈的理解。

2）交互文本

交互文本指產品界面涉及交互操做中須要用戶理解並反饋的全部的文字：包括標題、按鈕文字、連接文字，對話框提示、各類提示信息、幫助等。這些文字直接影響用戶在交互過程當中對預期的理解，好的交互文本設計，能夠提升用戶完成任務的效率。

①表述的信息儘可能口語化，不用或少用專業術語；
②表述語氣柔和、禮貌，避免使用被動語態，否認句等；
③簡潔、清楚的表達，文字較多要適當斷句，儘可能避免左右滾屏，折行。
④對於同種操做的交互文本，操做行文字保持統一性。
⑤字體使用默認/標準的字體，大小以用戶的視覺清晰分辨爲主；

3）界面色彩

人眼一共約能區分一千萬種顏色，因此用戶與界面中顏色的關注度很是的高，有效的使用色彩區分信息的級別，分類等，有助於用戶對信息和操做產生關聯，有效減小用戶的記憶負擔。

①根據不一樣的產品使用「場景」，選擇其合適的顏色。如，管理界面常用藍色。
②考慮顏色對用戶的心理和文化的影響。好比，黃色表明警告，綠色表明成功等。
③避免界面中同時出現3種以上的顏色。
④顏色的對比度明顯，如在深色的背景中使用淺色的文字。
⑤使用顏色指導用戶關注到到最重要的信息。

4）圖像圖標

相對於單純的文本，圖像以及符號化的圖標更加符合用戶的認識習慣。每每表述一種信息，一張圖片或者一個標識更能讓不一樣用戶理解與接受。適當的使用圖片與符號化的圖標，會讓用戶很天然的創建起認知習慣。

①表意清晰，明確，有高度的歸納性與指向性，讓用戶可以快速的聯想到對應的功能和操做。
②同類或同一緯度的信息，在形式和色彩風格上儘可能保持一致性；
③僅在突出重要信息，用戶可能產生理解誤差的狀況下使用。避免濫用。
④儘可能與交互文本結合使用。

5）聲音

在網頁的交互設計中，用於聲音的信息表述方式相對與視覺來講不是不少。通常應用於提示，提醒，幫助等信息的表述。此類信息表述讓用戶經過聽覺獲取反饋，更加的直接與有效。

①表述清晰，語氣親切，不生硬，有禮貌。
②使用符合用戶認知習慣的聲音。如，使用敲門聲提示好友來訪信息等。
③使用不讓用戶反感（如：恐怖，噁心，煩躁）的聲音。
④在用戶可預知的狀況下發出聲音。

4.小結

對於不一樣的信息表述方式，咱們都要求設計師在表達信息的時候作到簡潔清晰，天然易懂，儘可能讓用戶以爲這是天然而然，並且又是清晰明瞭的信息。就像小溪流水同樣天然，就像軍人命令同樣明確。這樣纔會讓用戶快速，準確的完成任務。