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

開題之前,先說說你認(rèn)為不好的UI設(shè)計都有哪些?

1、沒有進行操作確認(rèn),然后文件就被直接刪除了,只能一邊批評這個系統(tǒng)一邊吭哧吭哧的重新寫。

2、有些界面制作的很漂亮,但是打開后不能直接編輯,需要切換到編輯模式或者你又不知道哪里點編輯鍵進行。

3、系統(tǒng)有時候顯示的是正在進行處理,但是沒有任何變化,稍等片刻后,好像是死機了,直接強制關(guān)機回家,第二天打開后,發(fā)現(xiàn)文件都沒了,系統(tǒng)不能運行了,嗚嗚嗚嗚

4、有時候填一些數(shù)據(jù)表單,填完點擊確定后,出現(xiàn)報錯信息,可是填了很多信息,到底哪里出錯了呢?會不會感覺煩死啦?

·······

上面這些事屬于操作層面的設(shè)計,一般情況下,想要設(shè)計友好的用戶界面,需要考慮圖像圖形設(shè)計,操作方法設(shè)計,以及通知的內(nèi)容等諸多要素,具體包括:版面設(shè)計,設(shè)置,操作方式,反饋方法。

版面設(shè)計:一定要舒服,不舒服的界面會讓用戶產(chǎn)生焦慮感。

從配色說起:不同的顏色會產(chǎn)生不同的效果,顏色信息也是影響人的情感的要素。

比如顏色的溫度,舒適的顏色,顏色與印象,顏色的輕重,顏色的大小,顏色的層次。

冷暖色盤

形狀:某些形狀可能讓用戶不舒服,甚至認(rèn)為該軟件缺乏準(zhǔn)確性。最理想的狀態(tài)是,即使用戶沒有學(xué)過具體的操作方法,也能夠通過界面上的控件形狀進行操作。

比如形狀給人的直觀感受,形狀的使用場合,視錯覺效果等。

設(shè)置:設(shè)置的順序和方向很重要。

人眼具有水平方向上強,垂直方向上弱的特點,所以人眼的特征會影響很多事情,比如電影院的大屏幕就是根據(jù)人眼特性而設(shè)定的,以前電視的熒屏都是4:3,現(xiàn)在變成了16:9。

還有人看事物時候都是從左往右看,比如進度條,比如音頻播放時的快進鍵或者聲音調(diào)整的鍵。

說一個好玩的事情,是游戲軟件中的地圖設(shè)計,通常是以人類的認(rèn)知特征為前提的。

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

動態(tài)效果,執(zhí)行中的顯示,比如耗時的事情,顯示“操作正在進行,請稍候”這一信息的箭頭或者動態(tài)的人物畫面,這樣就好消除用戶的不安。

鼠標(biāo)單擊的效果,3D按鈕,觸屏按鈕,單擊按鈕時的執(zhí)行時機,按鈕的設(shè)計以及視線的移動。

操作方式:要有統(tǒng)一的操作方式

比如軟件的操作習(xí)慣,使用鍵盤的下意識操作,使用鼠標(biāo)的下意識操作,熟練用戶在閱讀界面文字之前,僅憑顯示位置就對按鈕或菜單進行下意識的判斷和操作,這是 最容易引發(fā)問題的所在的地方,所以必須采用相應(yīng)的措施應(yīng)對,可以加入復(fù)選框,信息框中加入圖標(biāo)等等。

向用戶提供相關(guān)的處理信息,比如顯示處理的進度條,顯示還需處理的時間和已處理的百分比。

障眼法——使用戶對處理時間產(chǎn)生錯覺。

目標(biāo)用戶的差異,不同用戶級別對設(shè)計也會有影響。

反饋方法:必須將處理結(jié)果以簡單易懂的方式傳達給用戶

用戶在操作軟件時,如果不了解當(dāng)前處理的內(nèi)容或處理結(jié)果,最容易產(chǎn)生認(rèn)知性焦慮。這個時候可以采用信息反饋的方式消除認(rèn)知性焦慮。

可以剛開始處理時顯示沙漏光標(biāo),用戶可以根據(jù)光標(biāo)的顯示獲知處理是否結(jié)束。

顯示正在處理的信息畫面,畫面消失時,則可判斷為處理已經(jīng)結(jié)束。

在消息框中顯示“處理已結(jié)束”嗯信息。

通過效果音來傳遞處理結(jié)束的信息。

還有一種關(guān)于報錯信息的顯示。一些不友好的報錯信息很容易引起人的壓力,不能只是單純的報錯,可以采用“結(jié)果+原因+解決方式”這種形式的報錯信息。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

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

友情鏈接更多精彩內(nèi)容