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

　　什么因素能成就一個(gè)偉大的用戶(hù)界面？

　　清晰

　　通過(guò)使用文字、流程圖、層級(jí)圖、圖標(biāo)等元素，避免用戶(hù)對(duì)界面的模糊認(rèn)識(shí)。清晰的界面不需要使用手冊(cè)，也能確保用戶(hù)在使用過(guò)程中減少犯錯(cuò)。

　　簡(jiǎn)潔

　　為了讓界面清晰，可能會(huì)加上浮動(dòng)框說(shuō)明或標(biāo)簽提示，導(dǎo)致界面臃腫，因此要讓界面清晰的同時(shí)考慮界面簡(jiǎn)潔。

　　熟悉

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

　　響應(yīng)性

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

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

　　一致性

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

　　美學(xué)性

　　有一個(gè)好看的界面會(huì)讓用戶(hù)工作起來(lái)很開(kāi)心。

　　高效性

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

　　容錯(cuò)性

　　用戶(hù)操作界面的時(shí)候難免會(huì)犯錯(cuò)，是否提供撤銷(xiāo)？刪除的文件能否恢復(fù)？一個(gè)好的界面應(yīng)該為用戶(hù)提高犯錯(cuò)后補(bǔ)救的方法。

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

用戶(hù)界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

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

　　1.布局和定位

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

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

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

　　2.形狀和尺寸

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

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

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

　　3.顏色

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

　　注意：

　　不同文化中顏色的意義不同，得確保用戶(hù)能夠識(shí)別界面所選顏色的含義；

　　通過(guò)改變形狀和材質(zhì)來(lái)避免紅綠色盲對(duì)顏色認(rèn)知的缺憾。

　　4.對(duì)比

　　一個(gè)元素周?chē)暮诎祷蛘呙髁翆?huì)對(duì)元素在界面上的可用性產(chǎn)生影響。白底黑字高對(duì)比度，易于閱讀。調(diào)低元素的對(duì)比度，可以將它們?nèi)谌氲奖尘爱?dāng)中，使元素的展示主次分明。

　　5.材質(zhì)

　　改變?cè)氐牟馁|(zhì)，可以增加用戶(hù)對(duì)元素的認(rèn)知，更明白元素本身表達(dá)的含義。

用戶(hù)界面設(shè)計(jì)（圖片來(lái)自網(wǎng)絡(luò)）

　　用戶(hù)界面設(shè)計(jì)是非常專(zhuān)業(yè)的一個(gè)過(guò)程，一般建議找到專(zhuān)業(yè)的團(tuán)隊(duì)來(lái)進(jìn)行操作，這樣才可以保證設(shè)計(jì)出的用戶(hù)界面更出眾，表現(xiàn)出更好的效果。