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