雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

用戶界面設(shè)計受到哪些因素影響?需要考慮什么問題

Time: 2021-04-14

如今越來越多人開始享受互聯(lián)網(wǎng)的便利,在互聯(lián)網(wǎng)中有著巨大的商機,這也讓越來越多人開始建設(shè)一個屬于的網(wǎng)站、小程序等,那么用戶界面設(shè)計受到哪些因素影響?需要考慮什么問題呢?

  什么因素能成就一個偉大的用戶界面?

  清晰

  通過使用文字、流程圖、層級圖、圖標(biāo)等元素,避免用戶對界面的模糊認識。清晰的界面不需要使用手冊,也能確保用戶在使用過程中減少犯錯。

  簡潔

  為了讓界面清晰,可能會加上浮動框說明或標(biāo)簽提示,導(dǎo)致界面臃腫,因此要讓界面清晰的同時考慮界面簡潔。

  熟悉

  用戶在第一次使用界面時,仍然能發(fā)現(xiàn)某些元素是他們所熟知的。在設(shè)計中,使用一些現(xiàn)實生活中公認的意象能夠更好地幫助用戶理解。例如現(xiàn)在比較流行的抽屜式導(dǎo)航借鑒的就是現(xiàn)實中的抽屜,將最主要的信息顯示在界面上,而將非核心的信息隱藏,需要的時候往右一滑,打開抽屜。

  響應(yīng)性

  響應(yīng)速度,一個良好的界面不應(yīng)該讓人感覺反應(yīng)遲緩。

  信息反饋,界面應(yīng)該提醒用戶發(fā)生了什么,請求是否被成功處理。

  一致性

  用戶學(xué)會了界面中某部分的操作,他很快就能知道如何在其他地方或其他特性上進行操作,所以保持界面的一致性可以讓用戶識別出使用的模式。

  美學(xué)性

  有一個好看的界面會讓用戶工作起來很開心。

  高效性

  一個偉大的界面應(yīng)當(dāng)通過快捷菜單或良好的設(shè)計來幫助用戶提高工作效率。

  容錯性

  用戶操作界面的時候難免會犯錯,是否提供撤銷?刪除的文件能否恢復(fù)?一個好的界面應(yīng)該為用戶提高犯錯后補救的方法。

  小結(jié):每個特性都相互影響,增加的元素越多,用戶在使用上所花的努力就越大。當(dāng)然,反之亦然;沒有足夠的幫助和支持,用戶會茫然不知所措。所以要想設(shè)計既簡潔、優(yōu)雅、又清晰、一致的用戶界面,要綜合考量各個因素的作用。

用戶界面設(shè)計

用戶界面設(shè)計(圖片來自網(wǎng)絡(luò))


  界面設(shè)計中的主要元素

  1.布局和定位

  布局規(guī)定了界面中所有可視元素的結(jié)構(gòu)。

  通過元素的距離,可以確定元素之間的層級和相互關(guān)系。

  知乎主頁頭部的元素通過距離劃分為logo區(qū)域+導(dǎo)航及搜索區(qū)域+消息及設(shè)置區(qū)域,層級相同的元素一般可以放在一起展示,增加了頁面的一致性

  2.形狀和尺寸

  形狀用來區(qū)分元素,例如輸入框和按鈕的區(qū)別。

  尺寸用來表示重要性,元素尺寸越大越顯眼,也就越重要。把經(jīng)常使用的按鈕做大,不僅用戶點擊的時候更容易,同時提高界面的效率。

  一般登錄按鈕尺寸都很大,除了引導(dǎo)下一步操作,還提升了操作的效率。

  3.顏色

  不同顏色表示不同的意義。例如紅色表示錯誤信息,綠色表示操作成功或繼續(xù)下一步的信號。

  注意:

  不同文化中顏色的意義不同,得確保用戶能夠識別界面所選顏色的含義;

  通過改變形狀和材質(zhì)來避免紅綠色盲對顏色認知的缺憾。

  4.對比

  一個元素周圍的黑暗或者明亮將會對元素在界面上的可用性產(chǎn)生影響。白底黑字高對比度,易于閱讀。調(diào)低元素的對比度,可以將它們?nèi)谌氲奖尘爱?dāng)中,使元素的展示主次分明。

  5.材質(zhì)

  改變元素的材質(zhì),可以增加用戶對元素的認知,更明白元素本身表達的含義。

用戶界面設(shè)計

用戶界面設(shè)計(圖片來自網(wǎng)絡(luò))


  用戶界面設(shè)計是非常專業(yè)的一個過程,一般建議找到專業(yè)的團隊來進行操作,這樣才可以保證設(shè)計出的用戶界面更出眾,表現(xiàn)出更好的效果。


合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開