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

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

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

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

3钳吟、系統(tǒng)有時候顯示的是正在進(jìn)行處理廷粒,但是沒有任何變化,稍等片刻后红且,好像是死機(jī)了坝茎,直接強(qiáng)制關(guān)機(jī)回家,第二天打開后暇番,發(fā)現(xiàn)文件都沒了嗤放,系統(tǒng)不能運(yùn)行了,嗚嗚嗚嗚

4奔誓、有時候填一些數(shù)據(jù)表單斤吐,填完點(diǎn)擊確定后,出現(xiàn)報(bào)錯信息厨喂,可是填了很多信息和措,到底哪里出錯了呢?會不會感覺煩死啦蜕煌?

·······

上面這些事屬于操作層面的設(shè)計(jì)派阱,一般情況下,想要設(shè)計(jì)友好的用戶界面斜纪,需要考慮圖像圖形設(shè)計(jì)贫母,操作方法設(shè)計(jì),以及通知的內(nèi)容等諸多要素盒刚,具體包括:版面設(shè)計(jì)腺劣,設(shè)置,操作方式因块,反饋方法橘原。

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

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

比如顏色的溫度吩愧,舒適的顏色芋酌,顏色與印象,顏色的輕重雁佳,顏色的大小脐帝,顏色的層次同云。

冷暖色盤

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

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

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

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

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

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

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

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

鼠標(biāo)單擊的效果绅这,3D按鈕涣达,觸屏按鈕,單擊按鈕時的執(zhí)行時機(jī)君躺,按鈕的設(shè)計(jì)以及視線的移動峭判。

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

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

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

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

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

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

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

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

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

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

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末俊鱼,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子畅买,更是在濱河造成了極大的恐慌并闲,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,406評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件谷羞,死亡現(xiàn)場離奇詭異帝火,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)湃缎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評論 3 393
  • 文/潘曉璐 我一進(jìn)店門犀填,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人嗓违,你說我怎么就攤上這事九巡。” “怎么了蹂季?”我有些...
    開封第一講書人閱讀 163,711評論 0 353
  • 文/不壞的土叔 我叫張陵冕广,是天一觀的道長疏日。 經(jīng)常有香客問我,道長撒汉,這世上最難降的妖魔是什么沟优? 我笑而不...
    開封第一講書人閱讀 58,380評論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮睬辐,結(jié)果婚禮上挠阁,老公的妹妹穿的比我還像新娘。我一直安慰自己溉委,他們只是感情好鹃唯,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瓣喊,像睡著了一般。 火紅的嫁衣襯著肌膚如雪黔酥。 梳的紋絲不亂的頭發(fā)上藻三,一...
    開封第一講書人閱讀 51,301評論 1 301
  • 那天,我揣著相機(jī)與錄音跪者,去河邊找鬼棵帽。 笑死,一個胖子當(dāng)著我的面吹牛渣玲,可吹牛的內(nèi)容都是我干的逗概。 我是一名探鬼主播,決...
    沈念sama閱讀 40,145評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼忘衍,長吁一口氣:“原來是場噩夢啊……” “哼逾苫!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起枚钓,我...
    開封第一講書人閱讀 39,008評論 0 276
  • 序言:老撾萬榮一對情侶失蹤铅搓,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后搀捷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體星掰,經(jīng)...
    沈念sama閱讀 45,443評論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評論 3 334
  • 正文 我和宋清朗相戀三年嫩舟,在試婚紗的時候發(fā)現(xiàn)自己被綠了氢烘。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,795評論 1 347
  • 序言:一個原本活蹦亂跳的男人離奇死亡家厌,死狀恐怖播玖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情像街,我是刑警寧澤黎棠,帶...
    沈念sama閱讀 35,501評論 5 345
  • 正文 年R本政府宣布晋渺,位于F島的核電站,受9級特大地震影響脓斩,放射性物質(zhì)發(fā)生泄漏木西。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評論 3 328
  • 文/蒙蒙 一随静、第九天 我趴在偏房一處隱蔽的房頂上張望八千。 院中可真熱鬧,春花似錦燎猛、人聲如沸恋捆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽沸停。三九已至,卻和暖如春昭卓,著一層夾襖步出監(jiān)牢的瞬間愤钾,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評論 1 269
  • 我被黑心中介騙來泰國打工候醒, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留能颁,地道東北人。 一個月前我還...
    沈念sama閱讀 47,899評論 2 370
  • 正文 我出身青樓倒淫,卻偏偏與公主長得像伙菊,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子敌土,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評論 2 354

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

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