開題之前,先說說你認(rèn)為不好的UI設(shè)計(jì)都有哪些?
1、沒有進(jìn)行操作確認(rèn),然后文件就被直接刪除了,只能一邊批評(píng)這個(gè)系統(tǒng)一邊吭哧吭哧的重新寫。
2、有些界面制作的很漂亮,但是打開后不能直接編輯,需要切換到編輯模式或者你又不知道哪里點(diǎn)編輯鍵進(jìn)行。
3、系統(tǒng)有時(shí)候顯示的是正在進(jìn)行處理,但是沒有任何變化,稍等片刻后,好像是死機(jī)了,直接強(qiáng)制關(guān)機(jī)回家,第二天打開后,發(fā)現(xiàn)文件都沒了,系統(tǒng)不能運(yùn)行了,嗚嗚嗚嗚
4、有時(shí)候填一些數(shù)據(jù)表單,填完點(diǎn)擊確定后,出現(xiàn)報(bào)錯(cuò)信息,可是填了很多信息,到底哪里出錯(cuò)了呢?會(huì)不會(huì)感覺煩死啦?
·······
上面這些事屬于操作層面的設(shè)計(jì),一般情況下,想要設(shè)計(jì)友好的用戶界面,需要考慮圖像圖形設(shè)計(jì),操作方法設(shè)計(jì),以及通知的內(nèi)容等諸多要素,具體包括:版面設(shè)計(jì),設(shè)置,操作方式,反饋方法。
版面設(shè)計(jì):一定要舒服,不舒服的界面會(huì)讓用戶產(chǎn)生焦慮感。
從配色說起:不同的顏色會(huì)產(chǎn)生不同的效果,顏色信息也是影響人的情感的要素。
比如顏色的溫度,舒適的顏色,顏色與印象,顏色的輕重,顏色的大小,顏色的層次。
形狀:某些形狀可能讓用戶不舒服,甚至認(rèn)為該軟件缺乏準(zhǔn)確性。最理想的狀態(tài)是,即使用戶沒有學(xué)過具體的操作方法,也能夠通過界面上的控件形狀進(jìn)行操作。
比如形狀給人的直觀感受,形狀的使用場(chǎng)合,視錯(cuò)覺效果等。
設(shè)置:設(shè)置的順序和方向很重要。
人眼具有水平方向上強(qiáng),垂直方向上弱的特點(diǎn),所以人眼的特征會(huì)影響很多事情,比如電影院的大屏幕就是根據(jù)人眼特性而設(shè)定的,以前電視的熒屏都是4:3,現(xiàn)在變成了16:9。
還有人看事物時(shí)候都是從左往右看,比如進(jìn)度條,比如音頻播放時(shí)的快進(jìn)鍵或者聲音調(diào)整的鍵。
說一個(gè)好玩的事情,是游戲軟件中的地圖設(shè)計(jì),通常是以人類的認(rèn)知特征為前提的。
動(dòng)態(tài)效果,執(zhí)行中的顯示,比如耗時(shí)的事情,顯示“操作正在進(jìn)行,請(qǐng)稍候”這一信息的箭頭或者動(dòng)態(tài)的人物畫面,這樣就好消除用戶的不安。
鼠標(biāo)單擊的效果,3D按鈕,觸屏按鈕,單擊按鈕時(shí)的執(zhí)行時(shí)機(jī),按鈕的設(shè)計(jì)以及視線的移動(dòng)。
操作方式:要有統(tǒng)一的操作方式
比如軟件的操作習(xí)慣,使用鍵盤的下意識(shí)操作,使用鼠標(biāo)的下意識(shí)操作,熟練用戶在閱讀界面文字之前,僅憑顯示位置就對(duì)按鈕或菜單進(jìn)行下意識(shí)的判斷和操作,這是 最容易引發(fā)問題的所在的地方,所以必須采用相應(yīng)的措施應(yīng)對(duì),可以加入復(fù)選框,信息框中加入圖標(biāo)等等。
向用戶提供相關(guān)的處理信息,比如顯示處理的進(jìn)度條,顯示還需處理的時(shí)間和已處理的百分比。
障眼法——使用戶對(duì)處理時(shí)間產(chǎn)生錯(cuò)覺。
目標(biāo)用戶的差異,不同用戶級(jí)別對(duì)設(shè)計(jì)也會(huì)有影響。
反饋方法:必須將處理結(jié)果以簡(jiǎn)單易懂的方式傳達(dá)給用戶
用戶在操作軟件時(shí),如果不了解當(dāng)前處理的內(nèi)容或處理結(jié)果,最容易產(chǎn)生認(rèn)知性焦慮。這個(gè)時(shí)候可以采用信息反饋的方式消除認(rèn)知性焦慮。
可以剛開始處理時(shí)顯示沙漏光標(biāo),用戶可以根據(jù)光標(biāo)的顯示獲知處理是否結(jié)束。
顯示正在處理的信息畫面,畫面消失時(shí),則可判斷為處理已經(jīng)結(jié)束。
在消息框中顯示“處理已結(jié)束”嗯信息。
通過效果音來傳遞處理結(jié)束的信息。
還有一種關(guān)于報(bào)錯(cuò)信息的顯示。一些不友好的報(bào)錯(cuò)信息很容易引起人的壓力,不能只是單純的報(bào)錯(cuò),可以采用“結(jié)果+原因+解決方式”這種形式的報(bào)錯(cuò)信息。