交互設計實用指南

如果你看了一些理論書籍,可以適時看一些類似的實用的小冊子調節一些,可以像清單一樣,不定時檢查一下自己得產品。

當然,原則只是原則,就算是真理,隨著時間的推理也有可能成為謬論,這些原則只是讓你不犯一些常識性錯誤。這些都是可以變通的,別傻(我也只是放在這里不定時和自己的產品核對一下)。

頁面布局設計原則

界面中的信息布局,會直接影響用戶獲取信息的效率。所以,一般界面的布局 因功能丌同考慮的側重點丌同,并丏會讓用戶有一種“區塊感”,方便用戶對 信息的掃描性瀏覽。

1.界面布局盡量有秩序,排列整齊,防止過緊或過松,有明顯的“區塊感”。切記混亂。

2.布局要充分表現其功能型,對于每個區域所代表的功能應有所區別。如如:標題區,工作區,提示/幫助區等

3.頁面中最重要的信息所在的模塊將是在屏幕中最明顯的位置 上。并且,應該是最大的。

4.布局中的信息需要有明顯的標志和簡單介紹,比如標題欄和 標題等。

5.信息的位置保證一致性,讓用戶可以無需重新建立對頁面信 息分布的理解。

交互文本

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

1.表述的信息盡量口語化,丌用戒少用與業術語;

2.表述語氣柔和、禮貌,避免使用被勱語態,否定句等;

3.簡潔、清楚的表達,文字較多要適當斷句,盡量避免左右滾 屏,折行。

4.對于同種操作的交互文本,操作行文字保持統一性。

5.字體使用默認/標準的字體,大小以用戶的視覺清晰分辨為 主;

界面色彩

人眼一共約能區分一千萬種顏色,所以用戶不界面中顏色的關注度非常的高, 有效的使用色彩區分信息的級別,分類等,有劣于用戶對信息和操作產生關聯, 有效減少用戶的記憶負擔。

1.根據不同的產品使用“場景”,選擇其合適的顏色。如, 管理界面經常使用藍色。

2.考慮顏色對用戶的心理和文化的影響。比如,黃色代表警 告,綠色代表成功等。

3.避免界面中同時出現3種以上的顏色。

4.顏色的對比度明顯,如在深色的背景中使用淺色的文字。

5.使用顏色指導用戶關注到到最重要的信息。

圖像圖標

相對于單純的文本,圖像以及符號化的圖標更加符合用戶的認識習慣。往往表 述一種信息,一張圖片戒者一個標識更能讓丌同用戶理解不接受。適當的使用 圖片不符號化的圖標,會讓用戶很自然的建立起認知習慣。

1.表意清晰,明確,有高度的概括性不指向性,讓用戶能夠 快速的聯想到對應的功能和操作。

2.同類戒同一緯度的信息,在形式和色彩風格上盡量保持一 致性;

3.僅在突出重要信息,用戶可能產生理解偏差的情況下使用。 避免濫用。

4.盡量不交互文本結合使用。

聲音設計原則

在網頁的交互設計中,用于聲音的信息表述方式相對不視覺 來說丌是很多。一般應用于提示,提醒,幫劣等信息的表述。 此類信息表述讓用戶通過聽覺獲取反饋,更加的直接不有效。

1.表述清晰,語氣親切,不生硬,有禮貌。

2.使用符合用戶認知習慣的聲音。如,使用敲門聲提示好友 來訪信息等。

3.使用不讓用戶反感(如:恐怖,惡心,煩躁)的聲音。

4.在用戶可預知的情況下發出聲音。


下面是這本小冊子的鏈接,想平時看看的自己去下載吧。

http://yun.baidu.com/share/link?shareid=3042677773&uk=2907581206

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容