UI設(shè)計(jì)需要了解的那些事

開題之前,先說說你認(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)知特征為前提的。

游戲中的地圖設(shè)計(jì)

動(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ò)信息。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,372評(píng)論 25 708
  • 1 UI設(shè)計(jì)基礎(chǔ) 1.1 為iOS而設(shè)計(jì) 1.1.1 iOS包含以下3條設(shè)計(jì)原則: 遵從,UI應(yīng)該有助于人們理解內(nèi)...
    Willry閱讀 3,627評(píng)論 1 48
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,245評(píng)論 4 61
  • 碧藍(lán)的天空,白云悠悠,墨綠色的湖水,蜿蜒流淌。湖邊的蘆葦在微風(fēng)中搖曳飄蕩,傾訴著詩歌一樣的往事,水上的白鳥有的...
    嫣然66閱讀 871評(píng)論 0 2
  • 住在這個(gè)小區(qū),傍邊就是一個(gè)公園,所以早上起床,我也和那些大叔大媽一樣,早上到公園里鍛煉身體,扭扭屁股扭扭腰...
    如水的日記閱讀 307評(píng)論 0 0