作為用戶(hù)，很容易判斷網(wǎng)站的用戶(hù)體驗(yàn)是否優(yōu)秀，因?yàn)橹饔^感受很難被欺騙。但作為網(wǎng)站的設(shè)計(jì)者和開(kāi)發(fā)者，在角色轉(zhuǎn)換之后，面對(duì)問(wèn)題要復(fù)雜得多。作為一個(gè)建設(shè)者，需要花費(fèi)大量的時(shí)間和精力來(lái)完善體驗(yàn)的閉環(huán)，以使體驗(yàn)完美。今天編寫(xiě)的這7個(gè)UI設(shè)計(jì)的原則將幫助您更好地設(shè)計(jì)站點(diǎn)的用戶(hù)體驗(yàn)，并將整體用戶(hù)體驗(yàn)最大化到一定水平。

1. 網(wǎng)站內(nèi)容應(yīng)當(dāng)一目了然

如果您認(rèn)為網(wǎng)站的內(nèi)容是為了閱讀，那就錯(cuò)了。現(xiàn)代用戶(hù)的注意力時(shí)間很短。大多數(shù)用戶(hù)快速瀏覽信息，而不是逐字閱讀，信息必須是直觀的、清晰，以確保您可以一目了然地看到它。使用圖表和視覺(jué)效果更快地傳達(dá)信息和數(shù)據(jù)。

您需要讓您的內(nèi)容更吸引用戶(hù)，并且大多數(shù)用戶(hù)將通過(guò)觸摸他們的信息和內(nèi)容來(lái)停止，并且當(dāng)他們想要了解更多內(nèi)容時(shí)，他們將點(diǎn)擊了解更多內(nèi)容。

2. 圍繞用戶(hù)體驗(yàn)來(lái)進(jìn)行整體設(shè)計(jì)

要?jiǎng)?chuàng)建令人難忘的用戶(hù)體驗(yàn)，圍繞用戶(hù)體驗(yàn)進(jìn)行自然設(shè)計(jì)是很自然的。即使在某種意義上，數(shù)據(jù)和內(nèi)容也應(yīng)該是面向服務(wù)的，并且應(yīng)該提供什么樣的體驗(yàn)。這是設(shè)計(jì)師需要一遍又一遍地思考和思考的問(wèn)題。

圖形、布局、文本和交互元素之間的協(xié)作工作可以創(chuàng)建體驗(yàn)。任何一個(gè)維度都是必不可少的，簡(jiǎn)單的信息顯示是不夠的。

為了使您的網(wǎng)頁(yè)脫離互聯(lián)網(wǎng)上的大量信息，這種體驗(yàn)至關(guān)重要。現(xiàn)代網(wǎng)頁(yè)中存在大量的視覺(jué)和互動(dòng)內(nèi)容，以便能夠直接擊中人們的心靈，使他們能夠在激烈的競(jìng)爭(zhēng)中生存。

3. 用戶(hù)想要簡(jiǎn)單而清晰的內(nèi)容

用戶(hù)只需半秒鐘即可確定網(wǎng)站的設(shè)計(jì)和內(nèi)容。您需要盡可能清晰明了地使網(wǎng)站的互動(dòng)和指導(dǎo)。不要讓用戶(hù)難以發(fā)現(xiàn)按鈕。在主頁(yè)上放置一堆按鈕和鏈接。最好讓用戶(hù)通過(guò)視覺(jué)引導(dǎo)注意最關(guān)鍵的CTA按鈕。

通過(guò)迭代和測(cè)試不斷優(yōu)化和改善網(wǎng)站的可用性。某些設(shè)計(jì)對(duì)大多數(shù)用戶(hù)非常有用，突出顯示最重要的選項(xiàng)，允許您隱藏其他功能并為用戶(hù)提供顯示它們的所有選項(xiàng)。除了清晰的設(shè)計(jì)外，整體一致性也很重要。統(tǒng)一顏色匹配、交互和圖形使用戶(hù)能夠?qū)罄m(xù)操作有更清晰的期望，并減少后續(xù)操作期間的用戶(hù)探索量。這是通過(guò)統(tǒng)一設(shè)計(jì)提高產(chǎn)品可用性的一種方法。

4. 通用設(shè)計(jì)元素 vs 創(chuàng)造性

當(dāng)設(shè)計(jì)元素在其他地方很常見(jiàn)時(shí)，它就形成了一個(gè)特定的UI模式，即使是以非常有創(chuàng)意的方式也不要修改它。當(dāng)您將此習(xí)慣元素更改為其他元素時(shí)，用戶(hù)需要花費(fèi)更多時(shí)間來(lái)確定它是什么。這種認(rèn)知負(fù)荷會(huì)影響整個(gè)網(wǎng)站的效率和轉(zhuǎn)換率。例如，漢堡圖標(biāo)，例如網(wǎng)站登錄條目的位置（右上角）。沒(méi)有必要在這樣的地方重新標(biāo)準(zhǔn)化。

對(duì)于鏈接、導(dǎo)航、布局這樣的基本元素，應(yīng)始終優(yōu)先考慮其可用性，然后再基于此。

雖然非傳統(tǒng)設(shè)計(jì)很酷，但其可用性問(wèn)題同樣很大。創(chuàng)意設(shè)計(jì)還需要控制其程度和平衡。如果你必須違反規(guī)則，試著控制程度，并最多打破規(guī)則，僅此而已。

5. 了解你的用戶(hù)

在開(kāi)始創(chuàng)建網(wǎng)站和應(yīng)用程序之前，您應(yīng)該清楚地了解目標(biāo)客戶(hù)群，以便更好地為它們?cè)O(shè)計(jì)界面。

一旦您清楚地了解了您的用戶(hù)，您就可以了解他們的需求和愿望，并設(shè)計(jì)出符合他們期望的界面和體驗(yàn)。在這個(gè)時(shí)候，您的競(jìng)爭(zhēng)對(duì)手可以為您提供靈感和想法。注意彼此的顏色，布局，風(fēng)格和功能。

盡可能使用受眾已熟悉的UI模式和UI元素，以便更快地啟動(dòng)和運(yùn)行它們。在此基礎(chǔ)上，適當(dāng)?shù)貓?zhí)行差異化設(shè)計(jì)，這更有效。

確定受眾群體后，請(qǐng)務(wù)必將他們的反饋意見(jiàn)納入您的設(shè)計(jì)中。

6. 視覺(jué)層次很重要

當(dāng)最重要的元素首先放在界面中時(shí)，它們會(huì)被可視層次結(jié)構(gòu)突出顯示，以確保用戶(hù)可以更快地注意到它們。有許多方法可以突出設(shè)計(jì)中的內(nèi)容，但最有效的方法是使它們更大，更引人注目。

構(gòu)建的視覺(jué)水平可以使網(wǎng)站的內(nèi)容更清晰，更具功能性。

7. 控制用戶(hù)體驗(yàn)的質(zhì)量

Peter Moville在usability.gov網(wǎng)站上列出了用戶(hù)體驗(yàn)設(shè)計(jì)的關(guān)鍵要素。其核心價(jià)值是通過(guò)不同的維度更好地控制用戶(hù)體驗(yàn)的質(zhì)量：

有用：內(nèi)容應(yīng)該是原創(chuàng)的并滿(mǎn)足需要。

可用：網(wǎng)站的內(nèi)容應(yīng)該很容易找到。理想的：設(shè)計(jì)元素應(yīng)該是情感和愉快的。

可以發(fā)現(xiàn)內(nèi)容易于定位，找到和導(dǎo)航。

輔助功能：旨在為殘疾用戶(hù)量身定制。

值得信賴(lài)：網(wǎng)站內(nèi)容應(yīng)具有權(quán)威性，值得信賴(lài)。

除了上述維度之外，還有一些適用于UX設(shè)計(jì)的質(zhì)量指標(biāo)值得參考：

上下文：有一條符合上下文邏輯的明確路徑。

人性：值得信賴(lài)，平易近人，透明，不機(jī)械。

可發(fā)現(xiàn)性：用戶(hù)可以在第一次訪(fǎng)問(wèn)時(shí)順利完成任務(wù)。

可學(xué)習(xí)性：確保交互足夠簡(jiǎn)單并與移動(dòng)界面無(wú)縫對(duì)應(yīng)，確保用戶(hù)在后續(xù)訪(fǎng)問(wèn)期間實(shí)現(xiàn)目標(biāo)。

高效：確保用戶(hù)可以快速輕松地完成任務(wù)。

愉快：確保產(chǎn)品滿(mǎn)足用戶(hù)的需求，并在情感上與用戶(hù)建立聯(lián)系。

良好的性能：當(dāng)用戶(hù)與之交互時(shí)表現(xiàn)良好。