界面設計不同於網頁設計,從心理學意義來分,界面可分為感覺和情感兩個層次。用戶界面設計是屏幕產品的重要組成部分。
一、
用戶界面設計的三大原則是:
1.置界面於用戶的控制之下;
2.減少用戶的記憶負擔;
3.保持界面的一致性。
二、用戶界面設計工作流程是:分為結構設計、交互設計、視覺設計三個部分。本文就分別從這三方面講述:
【結構設計】
結構設計也成概念設計,是界面設計的骨架。通過對用戶研究和任務分析,制定出產品的整體架構。基於紙質的的低保真原型,可提供用戶測試並進行完善。在結構設計中,目錄體系的邏輯分類和語詞定義是用戶易於理解和操作的重要前提。
【交互設計】
交互設計的目的是使產品讓用戶能簡單使用。任何產品功能的實現都是通過人和機器的交互來完成的。因此,人的因素應作為設計的核心被體現出來。交互設計的原則如下:
1)有清楚的錯誤提示。誤操作後,系統提供有針對性的提示。
2)讓用戶控制界面。 “下一步”、“完成”,面對不同層次提供多種選擇,給不同層次的用戶提供多種可能性。
3)允許兼用鼠標和鍵盤。同一種功能,同時可以用鼠標和鍵盤。提供多種可能性。
4)允許工作中斷。例如用手機寫新短信的時候,收到短信或電話,完成後回來仍能夠找到剛才正寫的新短信。
5)使用用戶的語言,而非技術的語言。
6)提供快速反饋。給用戶心理上的暗示,避免用戶焦急。
7)方便退出,如手機的退出,是按一個鍵完全退出,還是一層一層的退出。提供兩種可能性。
8)導航功能。隨時轉移功能,很容易從一個功能跳到另外一個功能。
視覺設計】
在結構設計的基礎上,參照目標群體的心理模型和任務達成進行視覺設計。包括色彩、字體、頁面等。視覺設計要達到用戶愉悅使用的目的。視覺設計的原則如下:
1)界面清晰明了。允許用戶定制界面。
2)減少短期記憶的負擔。讓計算機幫助記憶
3) 依賴認知而非記憶。如打印圖標的記憶、下拉菜單列表中的選擇。
4)提供視覺線索。圖形符號的視覺的刺激。
5)提供默認、撤銷、恢復的功能
6)提供界面的快捷方式。
7)盡量使用真實世界的比喻。如:電話、打印機的圖標設計,尊重用戶以往的使用經驗。
8)完善視覺的清晰度。條理清晰;圖片、文字的佈局和隱喻不要讓用戶去猜。
9)界面的協調一致。如手機界面按鈕排放,左鍵肯定;右鍵否定;或按內容擺放。
10)同樣功能用同樣的圖形。
11)色彩與內容。整體軟件不超過5個色系,盡量少用紅色、綠色。近似的顏色表示近似的意思。
西門子6688:“確定”按鍵設計的不一致性
用戶界面設計構築了產品設計的基礎。如只有首先確定了手機菜單的交互
形式,才能在造型設計上決定是採用五項鍵或上下鍵。
界面設計是網頁設計重要組成部份,是用戶體驗時最直接的能感受到的。界面設計難度相對比較大,因為它涉及面比較廣,因此需要注意很多細節。
沒有留言:
張貼留言
√√√√√√