全國(guó)咨詢(xún)/投訴熱線(xiàn):400-618-4000

首頁(yè)技術(shù)文章正文

用戶(hù)界面設(shè)計(jì)的10大原則【UI設(shè)計(jì)培訓(xùn)】

更新時(shí)間:2021-04-07 來(lái)源:黑馬程序員 瀏覽量:

在A(yíng)PP的開(kāi)發(fā)中,用戶(hù)界面的設(shè)計(jì)尤為重要,因?yàn)樗苯佑绊懹脩?hù)體驗(yàn)。一個(gè)好的UI設(shè)計(jì)可以使應(yīng)用程序的用戶(hù)體驗(yàn)翻倍。如果用戶(hù)界面設(shè)計(jì)不好,那么你的APP功能再齊全,可能都無(wú)法留住用戶(hù)。以下是用戶(hù)界面設(shè)計(jì)的十大原則。


APP設(shè)計(jì)原則

1、簡(jiǎn)單

在設(shè)計(jì)ui時(shí),添加任何元素時(shí)都要確認(rèn)是否確實(shí)需要它。值得注意的是,設(shè)計(jì)中不能讓UI設(shè)計(jì)太過(guò)引人注目,而要弱化程序本身的功能。需要平衡視覺(jué)設(shè)計(jì)和功能,尋找最佳點(diǎn),消除華麗的裝飾和不必要的元素,UI界面要簡(jiǎn)單直接的頁(yè)面邏輯和直觀(guān)必需的元素組成。

2、清晰

清晰性應(yīng)該是所有ui界面的基本屬性。請(qǐng)記住,您的UI界面是為了讓用戶(hù)更容易與您的系統(tǒng)交互,因?yàn)樗枰軌蚺c用戶(hù)清楚地交互。保持一個(gè)清晰的ui界面設(shè)計(jì)并不困難。首先,要保證標(biāo)簽和標(biāo)簽文本的操作清晰指向,并允許信息的清晰傳遞,這樣用戶(hù)才能快速理解交互的方向性。盡量不要在ui中使用冗長(zhǎng)、復(fù)雜、難以記住的文本標(biāo)簽。它越復(fù)雜,對(duì)整體用戶(hù)體驗(yàn)的影響就越大。

3、一致

用戶(hù)界面可視化設(shè)計(jì)中最重要的原則是一致性原則。用戶(hù)期待用自己的體驗(yàn)探索更多的內(nèi)容,探索是否有效取決于設(shè)計(jì)的一致性是否足夠好。具體表現(xiàn)是為用戶(hù)提供一個(gè)統(tǒng)一的界面,這意味著用戶(hù)可以從一個(gè)界面操作自己,從而減少操作和學(xué)習(xí)的時(shí)間。這個(gè)過(guò)程中的體驗(yàn)直接移植到另一個(gè)界面,使整個(gè)ui體驗(yàn)更加流暢。

4、熟悉

用戶(hù)體驗(yàn)設(shè)計(jì)的一個(gè)重要目標(biāo)是要讓用戶(hù)能夠憑借直覺(jué)來(lái)操作UI界面。用戶(hù)要能夠自然地理解其中的內(nèi)容,操作自然就不難了,也就是說(shuō),你要讓用戶(hù)對(duì)你的界面產(chǎn)生“熟悉感”。所以,你要充分利用用戶(hù)對(duì)于你的設(shè)計(jì)所熟悉的部分。

當(dāng)用戶(hù)對(duì)UI界面抱有熟悉感的時(shí)候,通常意味著他們對(duì)于這個(gè)設(shè)計(jì)有所了解,甚至知道怎么交互,他們明白操作之后大概會(huì)發(fā)生什么,也知道哪些事情不應(yīng)該做。所以,如果你能利用好用戶(hù)對(duì)于交互和界面模式的熟悉來(lái)進(jìn)行設(shè)計(jì)的話(huà),能讓你的用戶(hù)更快上手操作。

5、層次

UI界面的視覺(jué)層次是非常重要且常常被忽視的一個(gè)屬性,它能夠幫助用戶(hù)專(zhuān)注重要的內(nèi)容。如果你想讓界面中每個(gè)內(nèi)容都看起來(lái)很重要,那么只會(huì)單純地讓信息過(guò)載,讓每個(gè)元素都分?jǐn)傆脩?hù)的注意力,最終只會(huì)讓整個(gè)設(shè)計(jì)顯得混亂不堪。不同尺寸的字體、不同的色彩和不同的控件最終應(yīng)該是相互搭配,構(gòu)成層次,有輕重緩急地呈現(xiàn)給用戶(hù),將復(fù)雜的結(jié)構(gòu)簡(jiǎn)單化,幫助用戶(hù)完成任務(wù)。

6、高效

優(yōu)秀的UI設(shè)計(jì)有個(gè)共通的特征:高效。提升界面效率最有效的方法是進(jìn)行任務(wù)分析。熟悉用戶(hù)的流程,了解用戶(hù)的目標(biāo),然后在此基礎(chǔ)上盡量簡(jiǎn)化流程,使得用戶(hù)能夠便捷快速的達(dá)成目標(biāo)。在此過(guò)程中,仔細(xì)考慮每個(gè)功能細(xì)節(jié),規(guī)避可能存在的漏洞,幫助用戶(hù)快速完成用戶(hù)流程。

7、響應(yīng)

UI界面響應(yīng)牽涉到體驗(yàn)的方方面面。首先,UI界面的響應(yīng)應(yīng)該是迅速的,它背后的整個(gè)系統(tǒng)應(yīng)該能夠快速反應(yīng),否則不夠快速的響應(yīng)會(huì)讓用戶(hù)感到沮喪,緩慢的網(wǎng)頁(yè)加載過(guò)程會(huì)令人抓狂。

UI界面的響應(yīng)是否合理,是否足夠“人性化”。當(dāng)用戶(hù)點(diǎn)擊界面元素的時(shí)候,用戶(hù)希望知道他們的操作是否成功,而這個(gè)時(shí)候,合理而快速的界面反饋就顯得很重要了。比如,當(dāng)用戶(hù)點(diǎn)擊一個(gè)按鈕,按鈕的狀態(tài)變化,又或者界面加載時(shí)的加載進(jìn)度條,都能夠讓用戶(hù)明白狀態(tài)的改變,以及他們操作的結(jié)果。

8、安全

用戶(hù)能自由的作出選擇,且所有選擇都是可逆的。在用戶(hù)作出危險(xiǎn)的選擇時(shí)有信息介入系統(tǒng)的提示。這樣會(huì)讓用戶(hù)會(huì)覺(jué)得很安全,自己的權(quán)益不會(huì)遭到損失!

9、人性

高效、用戶(hù)滿(mǎn)意度是人性化的體現(xiàn)。應(yīng)該有一個(gè)專(zhuān)家和初級(jí)玩家系統(tǒng),即用戶(hù)可以根據(jù)自己的習(xí)慣自定義界面并保存設(shè)置。因此,一個(gè)好的界面設(shè)計(jì)師,在技巧方面,不僅可以畫(huà)圖標(biāo),而且界面會(huì)有很多的互動(dòng)知識(shí)。

10、記憶負(fù)擔(dān)

人腦不是電腦。在設(shè)計(jì)界面時(shí),你必須考慮到人腦處理信息的局限性。人類(lèi)的短期記憶有限且極不穩(wěn)定,24小時(shí)內(nèi)遺忘率為25%。所以瀏覽信息對(duì)用戶(hù)來(lái)說(shuō)比記憶更容易。




猜你喜歡:

水晶字體設(shè)計(jì)PS教程

字體設(shè)計(jì)秘籍:跟網(wǎng)抑云學(xué)字體設(shè)計(jì)

快速提升UI設(shè)計(jì)水平的簡(jiǎn)單實(shí)用技巧

界面設(shè)計(jì)中紅色配色的技巧

黑馬程序員UI/UE設(shè)計(jì)師課程

分享到:
在線(xiàn)咨詢(xún) 我要報(bào)名
和我們?cè)诰€(xiàn)交談!