作(zuò)為(wèi)用戶，在很(hěn)多(duō)時(shí)候會(huì)很(hěn)容易判斷出一個(gè)網站(zhàn)的用戶體(tǐ)驗是否優秀，因為(wèi)主觀感受是很(hěn)難被欺騙的。但(dàn)是作(zuò)為(wèi)網站(zhàn)的設計(jì)者和(hé)開(kāi)發者，角色轉換之後，所需要面對問題就複雜得(de)多(duō)。身為(wèi)構建者，要讓體(tǐ)驗盡善盡美需要花(huā)費大(dà)量的時(shí)間(jiān)精力來(lái)完善整個(gè)體(tǐ)驗的閉環。今天為(wèi)你(nǐ)所整理(lǐ)的這 7 個(gè) UX設計(jì)的原則，能夠幫你(nǐ)更好地進行(xíng)網站(zhàn)的 UX設計(jì)，并且盡可(kě)能地将整體(tǐ)的用戶體(tǐ)驗提升到一定高(gāo)度。

1. 圍繞用戶體(tǐ)驗來(lái)進行(xíng)整體(tǐ)設計(jì)

想要創造難忘的用戶體(tǐ)驗，自然要圍繞着用戶體(tǐ)驗本身來(lái)進行(xíng)設計(jì)。甚至在某種意義上(shàng)來(lái)說，數(shù)據和(hé)內(nèi)容也應該是服務于體(tǐ)驗的， 它們應該以什麽樣的體(tǐ)驗來(lái)呈現出來(lái)，這是設計(jì)者需要反複思考和(hé)琢磨的問題。

圖形、布局、文本和(hé)交互元素之間(jiān)的協同工作(zuò)才能創造體(tǐ)驗，任何一個(gè)維度缺一不可(kě)，單純的信息展示是不夠的。

想讓你(nǐ)的網頁能在互聯網上(shàng)大(dà)量的信息中脫穎而出，體(tǐ)驗是至關重要的。現代網頁中大(dà)量的視(shì)覺和(hé)交互內(nèi)容存在，是為(wèi)了能通(tōng)過體(tǐ)驗直擊人(rén)心，這樣才能在激烈的競争中存活。

2. 網站(zhàn)內(nèi)容應當一目了然

如果你(nǐ)認為(wèi)網站(zhàn)內(nèi)容是用來(lái)讀的，那(nà)就錯了。現代用戶的注意力集中的時(shí)間(jiān)非常短(duǎn)，絕大(dà)多(duō)數(shù)用戶在浏覽信息的時(shí)候，都是快速掃視(shì)，而非逐字逐句地仔細閱讀，信息的展現一定要直觀、清晰，确保能夠一瞥就能看明(míng)白。借助信息圖表和(hé)視(shì)覺特效，更快地傳達信息和(hé)數(shù)據。你(nǐ)需要讓你(nǐ)的內(nèi)容更加吸引用戶，絕大(dà)多(duō)數(shù)用戶會(huì)為(wèi)觸動它們的信息和(hé)內(nèi)容而駐足，當他們想要了解更多(duō)的時(shí)候，才會(huì)點擊，了解更多(duō)。

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

用戶隻需要半秒(miǎo)就能判斷出網站(zhàn)設計(jì)和(hé)內(nèi)容，你(nǐ)需要盡量讓網站(zhàn)的交互和(hé)指引足夠清晰，顯而易見。不要讓按鈕難以被用戶發現，在首頁上(shàng)放上(shàng)一大(dà)堆的按鈕和(hé)鏈接，不如通(tōng)過視(shì)覺上(shàng)的引導，讓用戶注意到最關鍵的那(nà)個(gè) CTA按鈕。

通(tōng)過叠代和(hé)測試，不斷地優化和(hé)提升網站(zhàn)的易用性。有(yǒu)的設計(jì)對于絕大(dà)多(duō)數(shù)的用戶都非常有(yǒu)用，凸顯最重要的選項，允許隐藏額外的功能，并且為(wèi)用戶提供顯示全部的選項。除了清晰的設計(jì)，整體(tǐ)的一緻性也很(hěn)重要。統一的配色、交互和(hé)圖形能夠讓用戶對于後續的操作(zuò)有(yǒu)更清晰的預期，減少(shǎo)用戶在後續操作(zuò)過程中探索的力度，這是通(tōng)過統一性設計(jì)提升産品易用性的一種方式

4. 通(tōng)用設計(jì)元素 vs 創造性

當某個(gè)設計(jì)元素在其他地方很(hěn)常見的時(shí)候，它就已經形成了特定的 UI 模式，盡量不要去修改它，哪怕是很(hěn)富有(yǒu)創意的方式。當你(nǐ)将這種約定俗成的元素修改成其他樣子的時(shí)候，用戶需要花(huā)費比平時(shí)更長的時(shí)間(jiān)來(lái)判斷它究竟是什麽。

這種認知負荷将會(huì)影(yǐng)響整個(gè)網站(zhàn)的使用效率和(hé)轉化率。比如漢堡圖标，比如網站(zhàn)登錄入口的位置（右上(shàng)角）。

沒有(yǒu)必要在這種地方重新「标準化」。對于鏈接、導航、布局這樣基本的元素，應該始終優先考慮其可(kě)用性，在此基礎上(shàng)再發揮創意。雖然非傳統的設計(jì)很(hěn)酷，但(dàn)是它的可(kě)用性問題同樣很(hěn)大(dà)。創造性的設計(jì)同樣是需要控制(zhì)其程度和(hé)平衡，如果非要打破常規，盡量控制(zhì)好程度，并且一次最多(duō)打破一條規則，不能更多(duō)。 

5. 了解你(nǐ)的用戶

在開(kāi)始創建網站(zhàn)和(hé) APP 之前，你(nǐ)應該對于你(nǐ)的目标客戶群體(tǐ)有(yǒu)足夠清晰的了解，這樣才能更好地為(wèi)他們來(lái)設計(jì)界面。

一旦你(nǐ)清楚地了解了你(nǐ)的用戶，就能了解他們的需求和(hé)願望，并且設計(jì)出符合他們預期的界面和(hé)體(tǐ)驗。這個(gè)時(shí)候，你(nǐ)的競争對手能夠為(wèi)你(nǐ)提供靈感和(hé)想法。注意對方的色彩，布局，風格和(hé)功能。

盡可(kě)能使用你(nǐ)的受衆已經熟悉的 UI 模式和(hé) UI 元素，能夠更快讓他們上(shàng)手。在此基礎上(shàng)，适當地進行(xíng)差異化的設計(jì)，這樣效率更高(gāo)。

當你(nǐ)确定了受衆之後，記得(de)盡量把他們的反饋納入到你(nǐ)的設計(jì)當中。

6. 視(shì)覺層次很(hěn)重要

當界面中優先放置最重要的元素，通(tōng)過視(shì)覺層次來(lái)凸顯它們，确保用戶能夠更快注意到它們。

在設計(jì)中，有(yǒu)很(hěn)多(duō)方法能夠凸顯內(nèi)容，但(dàn)是最有(yǒu)效的方法始終是讓它們更大(dà)更醒目。

覺層次的構建能夠讓網站(zhàn)內(nèi)容更加清晰，也更加富有(yǒu)功能性。

7. 控制(zhì)用戶體(tǐ)驗的質量

Peter Moville 在 usability.gov 這個(gè)網站(zhàn)上(shàng)列舉出了用戶體(tǐ)驗設計(jì)的關鍵因素，它的核心價值在于通(tōng)過不同的維度更好地掌控用戶體(tǐ)驗的質量：

有(yǒu)用：內(nèi)容應該是原創的且滿足需求。

可(kě)用：網站(zhàn)的內(nèi)容應該很(hěn)容易被找到。

可(kě)取：設計(jì)元素應該貼合情感且具備可(kě)欣賞性。

可(kě)發現：內(nèi)容容易被定位，被找到，并且可(kě)導航。

無障礙：設計(jì)要為(wèi)有(yǒu)障礙的用戶進行(xíng)定制(zhì)。

可(kě)信：網站(zhàn)內(nèi)容應該有(yǒu)權威性，且值得(de)被相信。

除了上(shàng)面的維度之外，還(hái)有(yǒu)一些(xiē)值得(de)參考的 UX設計(jì)的質量衡量标準：

符合上(shàng)下文：有(yǒu)明(míng)确的路徑，符合上(shàng)下文邏輯。

人(rén)性化：值得(de)信賴，平易近人(rén)，透明(míng)，并不機械。

可(kě)發現性：用戶在第一次訪問的時(shí)候就能夠順暢的完成任務。

可(kě)學習性：确保交互足夠簡單，并且能夠無縫地相應移動端界面，确保用戶在随後的訪問過程中達成目标。

高(gāo)效：确保用戶能夠快速輕松地完成各種任務。

令人(rén)愉悅：确保産品能夠滿足用戶需求，還(hái)能夠和(hé)用戶産生(shēng)情感聯系。

表現良好：當用戶與之交互的時(shí)候表現良好。

結語

用戶體(tǐ)驗設計(jì)的目标不僅僅是讓産品本身更優秀，更重要的是從情感層面上(shàng)和(hé)用戶産生(shēng)關聯。有(yǒu)界面而沒有(yǒu)體(tǐ)驗，這樣的産品在今天的競争中是活不下去的。