在軟件設(shè)計(jì)中,主要包括5個(gè)核心內(nèi)容:體系結(jié)構(gòu)設(shè)計(jì)、用戶界面設(shè)計(jì)、數(shù)據(jù)庫設(shè)計(jì)、模塊設(shè)計(jì)、數(shù)據(jù)結(jié)構(gòu)和算法設(shè)計(jì)。關(guān)注的人可能已經(jīng)看過,之前為大家介紹的體系結(jié)構(gòu)設(shè)計(jì),今天這里主要為您介紹的就是用戶界面設(shè)計(jì)。那么用戶界面設(shè)計(jì)是什么?用戶設(shè)計(jì)原則有哪些呢?用戶界面設(shè)計(jì)廣泛來講,它是人與機(jī)器之間溝通的媒介。用戶向機(jī)器發(fā)出指令,機(jī)器立即開始處理,響應(yīng)信息并提供反饋。用戶可以根據(jù)用戶反饋?zhàn)龀鱿乱粋€(gè)操作決策。
用戶界面設(shè)計(jì)是什么?
人機(jī)交互(HCI, Human Computer Interaciton)所關(guān)注的主要是數(shù)字界面,即過去的打孔機(jī)、命令行,直至今天的圖形界面(GUI, Graphic Design)。
用戶界面設(shè)計(jì)對(duì)于數(shù)碼產(chǎn)品來說主要關(guān)注的是布局、信息結(jié)構(gòu),以及界面元素在顯示屏和各種終端平臺(tái)上的展示。
用戶設(shè)計(jì)原則有哪些?
為了提高用戶界面的易用性和美觀程度,總結(jié)了十個(gè)設(shè)計(jì)原則。用于提高易用性的界面設(shè)計(jì)原則有8個(gè):
用戶界面適合于軟件的功能
容易理解
風(fēng)格一致
及時(shí)反饋信息
出錯(cuò)處理
適應(yīng)各種用戶
國際化
個(gè)性化
用于提高美觀程度的設(shè)計(jì)原則有:
合理的布局
和諧的色彩
● 用戶界面適合于軟件的功能
用戶界面的合適性是指界面與軟件功能相融洽的程度。軟件的功能需要通過用戶界面來展現(xiàn),用戶界面一定要適合于軟件的功能,這是最基本的要求。界面的合適性既提倡外美內(nèi)秀,又強(qiáng)調(diào)恰如其分。
● 容易理解
提高用戶界面可理解性的一些規(guī)則如下:
界面中的所有元素沒有錯(cuò)誤,也不會(huì)讓人誤解。
所有的界面元素應(yīng)當(dāng)提供充分而必要的提示,例如當(dāng)鼠標(biāo)移動(dòng)到工具條上的某個(gè)圖標(biāo)按鈕時(shí),應(yīng)當(dāng)在該圖標(biāo)旁邊出現(xiàn)功能提示。
界面結(jié)構(gòu)能夠清晰地反映工作流程,以便用戶按部就班地操作。
對(duì)于復(fù)雜的用戶界面而言,最好提供界面“向?qū)А保皶r(shí)讓用戶知道自己在界面結(jié)構(gòu)中所處的位置。例如對(duì)于基于Web的應(yīng)用軟件,應(yīng)該在界面上顯示“當(dāng)前位置”,否則用戶很容易在眾多的頁面中迷失方向。
● 風(fēng)格一致
風(fēng)格一致有兩方面的含義:
(1)一個(gè)軟件的用戶界面中,同類的界面元素應(yīng)當(dāng)有相同的視感和相同的操作方式。例如命令按鈕是最常見的界面元素,所有命令按鈕的形狀、色彩以及對(duì)鼠標(biāo)的響應(yīng)方式都是一致的。
(2) 同一類型軟件的用戶界面應(yīng)當(dāng)有一定程度的相似性。例如Microsoft公司的Office家族里有Word、Excel、PowerPoint、Outlook等軟件,這些軟件提供的“復(fù)制、剪切、粘貼”功能的操作方式都是相同的。
● 及時(shí)反饋信息
用戶進(jìn)行某項(xiàng)操作后,如果過了一會(huì)兒(幾秒鐘)用戶界面一點(diǎn)反應(yīng)都沒有,這將使用戶感到迷茫和不安,因?yàn)樗恢朗亲约翰僮麇e(cuò)了還是軟件的原因?qū)е滤罊C(jī)了。所以及時(shí)反饋信息很重要,至少要讓用戶心里有數(shù),知道該任務(wù)處理得怎么樣了,有什么樣的結(jié)果。
例如下載一個(gè)文件,界面上應(yīng)當(dāng)顯示“百分比”或相關(guān)數(shù)字來表示下載的進(jìn)度,否則人們不知道要等待多少時(shí)間。如果某些事務(wù)處理不能提供進(jìn)度等數(shù)據(jù),那么至少要給出提示信息如“正在處理,請(qǐng)等待…”,最好是提供合適的動(dòng)畫,讓用戶明白軟件正在干活、沒有死機(jī)。
● 出錯(cuò)處理
在設(shè)計(jì)用戶界面時(shí)必須考慮出錯(cuò)處理,目的是讓用戶不必為避免犯錯(cuò)誤而提心吊膽、小心翼翼地操作。常見的錯(cuò)誤處理方式有:
提供對(duì)輸入數(shù)據(jù)進(jìn)行校驗(yàn)的功能。當(dāng)用戶輸入錯(cuò)誤的數(shù)據(jù)時(shí),及時(shí)提醒用戶改正數(shù)據(jù)。
對(duì)于在某些情況下不應(yīng)該使用的菜單項(xiàng)和命令按鈕,將其“失效”(屏蔽)可以有效防止該項(xiàng)功能被錯(cuò)誤地使用。例如:對(duì)于某些管理軟件,不同的用戶有不同的操作權(quán)限。如果低權(quán)限的用戶登錄到系統(tǒng),那些只有高級(jí)權(quán)限用戶才能使用的功能應(yīng)當(dāng)被屏蔽(如變成“灰色”不可操作)。
提供Undo功能,用以撤銷不期望的操作。
執(zhí)行破壞性的操作之前,應(yīng)當(dāng)獲得用戶的確認(rèn)。例如用戶刪除一個(gè)文件時(shí),應(yīng)當(dāng)彈出對(duì)話框:“真的要?jiǎng)h除該文件嗎”,當(dāng)用戶確認(rèn)后才真正刪除文件。
● 合理的布局
首先,界面的布局應(yīng)當(dāng)符合邏輯,最好能夠與工作流程吻合。界面設(shè)計(jì)人員只有仔細(xì)地分析軟件的需求,才能提取對(duì)界面布局有價(jià)值的信息。
其次,界面的布局應(yīng)當(dāng)整潔(整齊清爽)。界面元素應(yīng)當(dāng)在水平或者垂直方向?qū)R,行、列的間距保持一致。窗體的尺寸要合適,各種控件不能過分擁擠也不能過分寬松。要善于利用窗體和控件的空白,以及分割用的線條。
● 和諧的色彩
用戶界面是否美觀,主要取決于該界面的布局和色彩搭配。實(shí)現(xiàn)“合理的布局”相對(duì)比較容易一些,設(shè)計(jì)和諧的色彩太困難了,因?yàn)樯实慕M合千變?nèi)f化,并且人們對(duì)顏色的喜好也極不相同。
對(duì)于廣大軟件開發(fā)人員而言,雖然我們沒有必要讓普通軟件的界面漂亮到Windows XP這種程度,但是掌握一些界面色彩的設(shè)計(jì)原則無疑是非常有益的。
如果不是為了顯示真實(shí)感的圖形和圖像,那么應(yīng)當(dāng)限制一幀屏幕的色彩數(shù)目,因?yàn)槿藗冊(cè)谟^察屏幕的時(shí)候很難同時(shí)記住多種色彩。
應(yīng)當(dāng)根據(jù)對(duì)象的重要性來選擇顏色,重要的對(duì)象應(yīng)當(dāng)用醒目的色彩表示。
使用顏色的時(shí)候應(yīng)當(dāng)保持一致性,例如錯(cuò)誤提示信息用紅色表示,正常信息用綠色表示,那么切勿篡用紅色和綠色。
在表達(dá)信息時(shí),不要過分依賴顏色,因?yàn)橛行┯脩羰巧せ蛏酢?/p>
綜上所述,用戶界面設(shè)計(jì)是什么,以及用戶設(shè)計(jì)原則有哪些相信大家已經(jīng)清楚了吧,想了解更多關(guān)于用戶界面設(shè)計(jì)的信息,請(qǐng)繼續(xù)關(guān)注中培偉業(yè)。