很多人對
ui設計都嗤之以鼻,認為那是比較低階的活,比起搞演算法搞架構來,
ui設計簡直不在乙個檔次。其實,我認為,這是乙個誤區,嚴重的誤區。我們總是強調「
customer oriented
」,而ui
是產品和使用者之間的橋梁,使用者的任何操作都必須通過這個橋梁,如果這個橋梁設計得不合理,不管你的產品內在如何(功能多強大),使用者都不太會願意使用你的產品。我們做專案時,往往花了很多時間在討**能和技術實現,但最後,使用者還是不滿意。為什麼?
uiipod
),就是憑著時尚的外觀和簡單的操作征服了無數使用者。
ui設計並不是一件容易的事,很多人都把它想得過於簡單了。現在,讓我們靜下心來,好好思考:
ui設計到底需要注意哪些方面?
1.
以客戶為中心
這是最基本的原則,所有的原則都建立在此原則之上。
2.
充分了解你的客戶
可以從以下三個問題開始:
回答完以上三個問題以後,我們才能著手考慮:如何利用客戶現有的經驗和能力幫助客戶達到他們的目標。
3.
尊重客戶已有的習慣
客戶肯定更喜歡那些和自己平常習慣一致的
ui,這樣可以大大降低客戶的學習難度。
4.
不要一上來就把所有的功能暴露給客戶
功能暴露過多,會讓使用者不知所措:到底該點哪呀?要根據使用者當前的上下文環境,把最常用的功能暴露給使用者。
5.
盡量少和盡量晚讓使用者做「選擇題」,特別是「多項選擇題」
使用者最怕做選擇題,因此應該盡量少讓使用者做選擇,即使是必須的,也應該盡量晚讓使用者做選擇:不到最後時刻,不讓使用者做選擇。
6.
確保
ui設計的一致性如果
ui風格是一致的,那麼將會大大降低使用者適應和學習的難度。這裡的一致性可以從兩個方面來考慮:
7.
注意給予一定的冗餘
對於同乙個資訊或操作,我們往往會給予一定的冗餘,以確保不同使用者或同一使用者在不同情況下的需求。例如,出錯資訊,一般我們會顯示乙個錯誤提示視窗,還可以配上一些提示音。再例如,對於所有選單,都提供相應的快捷鍵;對於所有的滑鼠操作,都提供相應的鍵盤操作等等。
8.
盡量包容使用者犯的錯
不管你的
ui設計得如何完美,使用者總有犯錯的時候,例如按錯了按鈕,輸入錯誤的資料等等。當然,首先應當盡量避免使用者犯錯。可錯誤一旦發生,此時,我們應該給客戶「反悔」的機會,例如
rollback / undo
機制等等。這樣,使用者才能更「大膽」的使用產品,學習產品。
9.
讓使用者知道自己正在做什麼,曾經做過什麼
使用者可能經常會說:「我剛剛點了乙個按鈕,可什麼也沒發生」,「我不知道剛才都做了一些什麼操作,就變成現在這個樣子了」,等等。這是缺乏足夠清晰的
feedback
造成的。對於使用者的每乙個操作,系統必須盡快給予
feedback
。feedback
可以是圖形的,也可是聲音或其他形式的。
10.
謹記簡單清晰原則
把事情做大做複雜,誰都會。把事情做小做簡單了才是本事。做
ui設計的時候,也必須考慮如何把
ui做小做簡單了。不要畫蛇添足,一切不需要的東西都必須清除。
11.
讓使用者控制
ui,而不是
ui控制使用者
不要試圖通過
enable
和disable
來控制使用者的操作,應該根據使用者的操作(產生相應的事件)來控制(
enable
或disable)ui
。應該給使用者一定的能力去優化自己的ui。
UI使用者介面設計原則
最好的程式介面就是使用者無需去閱讀操作手冊就知道該如何使用的介面。原則 1.一致性 如果你可以在乙個列表的專案上雙擊後能夠彈出對話方塊,那麼應該在任何列表中雙擊都能彈出對話方塊。要有統一的字型寫號 統一的色調 統一的提示用詞 視窗在統一的位置 按鈕也在視窗的相同的位置。2.設定標準並遵循它 可以引數...
UI使用者介面設計原則
最好的程式介面就是使用者無需去閱讀操作手冊就知道該如何使用的介面。原則 1.一致性 如果你可以在乙個列表的專案上雙擊後能夠彈出對話方塊,那麼應該在任何列表中雙擊都能彈出對話方塊。要有統一的字型寫號 統一的色調 統一的提示用詞 視窗在統一的位置 按鈕也在視窗的相同的位置。2.設定標準並遵循它 可以引數...
介面設計原則
在概要設計階段,根據需求階段的調研結果,我整理了系統介面設計的基本原則。因為在 開發階段,很多時候介面的具體製作室由開發人員直接寫 因此必須確定一定的原則和規範,以保證系統介面的統一。一般適用原則 b s架構使用原則 螢幕適應 web頁面需要適應不同使用者螢幕大小。瀏覽器相容 需要適應不同瀏覽效果,...