本文提供了小型軟體的通用介面設計製作的一些方法和原則,以及相關問題的解決方案。
一:遵循一致的準則,確立標準並遵循
無論是控制項使用,提示資訊措辭,還是顏色、視窗布局風格,遵循統一的標準,做到真正的一致。
這樣得到的好處:
1:使使用者使用起來能夠建立起精確的心裡模型,使用熟練了一個介面後,切換到另外一個介面能夠很輕鬆的推測出各種功能,語句理解也不需要費神理解
2:降低培訓、支援成本,技術服務人員不會行費力逐個指導。
3:給使用者統一感覺,不覺得混亂,心情愉快,支援度增加
做法:
項目組有經驗人士,確立UI規範:
·美工提供色調色彩配置,提供整體配色表
·介面控製程序人員、使用者體驗人員提出合理統一使用的控制項陳列庫。參考標準介面使用規範:
控制項功能遵循行業標準,windows平台參見《Microsoft 使用者體驗》(MSDN中有,中文已經翻譯發行,項目組必須有一本)
控制項樣式在允許的範圍內可以統一修改其樣式、色調
參考其他軟體先進操作,提取對本項目有用的功能,以使用,絕對不能盲從,漫無目的。
根據需要,設計特殊操作控制項,準則為:簡化操作、達到一定功能目的
·介面實施人員與美工商榷控制項可實現性,(如不實行此步驟,將會導致各自對對方工作不滿意,也會產生不一致的混亂)。重複疊代上述工作。
·建立合理化文檔《UI標準》描述上述規範,
·強行介面設計者理解之,並作為開發準則,
·SQA人員進行監控開發人員是否遵循,及時告誡開發人員。
二:(Color)顏色使用恰當,遵循對比原則
1:統一色調,針對軟體類型以及使用者工作環境選擇恰當色調:
安全軟體,根據工業標準,可以選取黃色,綠色體現環保,藍色表現時尚、紫色表現浪漫等等,淡色可以使人舒適,暗色做背景使人不覺得累等
2:如果沒有自己的系列介面,採用標準介面則可以少考慮此方面,做到與作業系統統一,讀取系統標準色表
3:色盲、色弱使用者,即使使用了特殊顏色表示重點或者特別的東西,也應該使用特殊指示符,如"!","?"著重號,以及表徵圖等
4:顏色方案也需要測試,常常由於顯示器、顯卡的問題,色彩表現每台機器都不一樣,應該經過嚴格測試,不同機器進行顏色測試
5:遵循對比原則:在淺色背景上使用深色文字,深色背景上使用淺色文字,藍色文字以白色背景容易識別,而在紅色背景則不易分辨,原因是紅色和藍色沒有足夠反差,而藍色和白色反差很大。除非特殊場合,杜絕使用對比強烈,讓人產生憎惡感的顏色。
6:整個介面色彩盡量少的使用類別不同的顏色
itop色表
具體標準參考美術學統計學術標準。
色表的建設,對於美工在圖案設計、封裝設計上起著標準參考作用,對於程式介面設計人員設計控制項、表單調色起到有章可循的作用。
三:(Resource)資源
一個多姿多彩的人機互動介面,少不了精美的滑鼠游標、表徵圖以及指示圖片、底圖等。
1:也需要遵循統一的規則,包括上述顏色表的建立,表徵圖的建立步驟也應該儘可能的形成標準,參考itop的outlookbar表徵圖設計標準
2:有標準的表徵圖風格設計,有統一的構圖布局,有統一的色調、對比、色階,以及圖片風格
3:底圖應該融於底圖,使用淺色, 低對比,盡量少的使用顏色。
4:表徵圖、映像應該很清晰的表達出意思,遵循常用標準,或者使用者機器容易聯想的到物件,絕對不允許畫出預設奇妙的圖案。
5:滑鼠游標樣式統一,盡量使用系統標準,杜絕出現重複的情況,例如某些軟體中一個手的形狀就有4鐘不同的樣子。