如今越來越多人開始享受互聯(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è)計(圖片來自網(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è)計(圖片來自網(wǎng)絡(luò))
用戶界面設(shè)計是非常專業(yè)的一個過程,一般建議找到專業(yè)的團隊來進行操作,這樣才可以保證設(shè)計出的用戶界面更出眾,表現(xiàn)出更好的效果。