編輯導(dǎo)語(yǔ)：產(chǎn)品設(shè)計(jì)在過(guò)程中必須考慮到用戶的感受，以求保證產(chǎn)品落地之后的用戶體驗(yàn)，進(jìn)而推動(dòng)用戶轉(zhuǎn)化與留存。那么，我們可以從哪些方面著手進(jìn)行用戶體驗(yàn)優(yōu)化？本篇文章里，作者總結(jié)了用戶體驗(yàn)設(shè)計(jì)的20條原則，也許會(huì)對(duì)你有所幫助。

用戶體驗(yàn)設(shè)計(jì)需要考慮很多不同的因素，例如為用戶創(chuàng)造新體驗(yàn)時(shí)需要考慮哪些因素？哪些規(guī)則能區(qū)分產(chǎn)品的好壞？

文章整理了20條用戶體驗(yàn)設(shè)計(jì)原則，希望通過(guò)這份簡(jiǎn)潔易懂的合集能夠讓你對(duì)用戶體驗(yàn)領(lǐng)域有一個(gè)初步的概覽和了解。

一、以用戶為中心

這是最常被提及的用戶體驗(yàn)設(shè)計(jì)基礎(chǔ)，當(dāng)涉及到產(chǎn)品設(shè)計(jì)決策時(shí)，提醒我們要學(xué)會(huì)使用同理心，而不是僅憑個(gè)人的想法或意見(jiàn)。

真正好的用戶體驗(yàn)設(shè)計(jì)是為用戶量身打造的，用戶的意見(jiàn)、痛點(diǎn)、愿望、偏好和需求對(duì)產(chǎn)品來(lái)說(shuō)至關(guān)重要，所以在項(xiàng)目初始階段需要投入大量的時(shí)間和精力去了解用戶。

用戶體驗(yàn)研究重點(diǎn)是了解用戶，為接下來(lái)的產(chǎn)品設(shè)計(jì)做準(zhǔn)備。以用戶為中心的設(shè)計(jì)理念是設(shè)計(jì)師迎合用戶的需求，區(qū)分了設(shè)計(jì)任何人都可以使用的產(chǎn)品和為目標(biāo)用戶設(shè)計(jì)的產(chǎn)品。

一款特定的產(chǎn)品需要面對(duì)不同的目標(biāo)群體，前期研究中需要了解目標(biāo)人群需要什么并在產(chǎn)品中反映出來(lái)，這是針對(duì)性很強(qiáng)的設(shè)計(jì)研究。

二、了解信息架構(gòu)

可能很多人對(duì)信息架構(gòu)的定義很模糊，這里舉個(gè)例子來(lái)具象說(shuō)明一下信息架構(gòu)的含義。

例如在一款產(chǎn)品中，如果把所有內(nèi)容都堆到一個(gè)列表或頁(yè)面中，可能我們將無(wú)法使用這款產(chǎn)品，所以我們看到大多數(shù)的App和網(wǎng)站都包含很多的導(dǎo)航和頁(yè)面結(jié)構(gòu)，按照內(nèi)容重要程度有序地來(lái)組織內(nèi)容。

信息體系結(jié)構(gòu)的最終目標(biāo)是幫助用戶理解他們?cè)诳词裁?，并幫助他們找到需要尋找的?nèi)容。

信息架構(gòu)在制作線框圖或原型之前完成，因?yàn)樗钱a(chǎn)品的基礎(chǔ)，有助于設(shè)計(jì)師考慮什么功能是最重要的，哪些是用戶最需要的以及哪些次要內(nèi)容可以隱藏起來(lái)等。

這種結(jié)構(gòu)與產(chǎn)品的導(dǎo)航設(shè)計(jì)密切相關(guān)，有助于將用戶引導(dǎo)到正確的位置。導(dǎo)航和信息架構(gòu)都試圖讓用戶以最少的認(rèn)知努力來(lái)完成操作。

信息架構(gòu)的設(shè)計(jì)不當(dāng)會(huì)造成重大故障甚至可能危及整個(gè)產(chǎn)品。如果用戶在使用產(chǎn)品時(shí)找不到任何想要的內(nèi)容，點(diǎn)擊任何元素都沒(méi)有反應(yīng)，會(huì)給用戶帶來(lái)很糟糕的使用體驗(yàn)。

三、考慮使用場(chǎng)景

沒(méi)有場(chǎng)景，任何設(shè)計(jì)都很難生效。設(shè)計(jì)師在項(xiàng)目開(kāi)始時(shí)會(huì)投入時(shí)間去了解用戶面臨的問(wèn)題以及圍繞這些問(wèn)題的背景。

這條原則有助于設(shè)計(jì)師考慮還有哪些因素會(huì)影響用戶和產(chǎn)品，很多產(chǎn)品設(shè)計(jì)會(huì)為用戶提供一些有助于消除使用摩擦的操作提示。例如在設(shè)計(jì)表單時(shí)，會(huì)盡可能的添加輸入提示，最大程度地減少用戶出錯(cuò)的機(jī)會(huì)。

四、了解一致性及其重要性

保持一致性是用戶體驗(yàn)設(shè)計(jì)的關(guān)鍵原則。擁有一致設(shè)計(jì)的產(chǎn)品可以更快地被新用戶接受，因?yàn)橛脩舨恍枰俅螌W(xué)習(xí)如何操作，他們會(huì)回憶起之前的操作習(xí)慣并將其作為指導(dǎo)，這也解釋了為什么同類(lèi)型的產(chǎn)品例如電商類(lèi)App頁(yè)面設(shè)計(jì)的很相似。

保持一致意味著在需要時(shí)可以重復(fù)使用某些UI組件，并在整個(gè)產(chǎn)品中保持一致的行為。例如當(dāng)點(diǎn)擊或懸停在按鈕上面時(shí)，所以按鈕的狀態(tài)應(yīng)該是一致的。

從邏輯上講，產(chǎn)品越大，這種一致性會(huì)變得越來(lái)越有挑戰(zhàn)性，這促使許多設(shè)計(jì)團(tuán)隊(duì)創(chuàng)建自己的設(shè)計(jì)系統(tǒng)。一款產(chǎn)品的學(xué)習(xí)曲線越長(zhǎng)越陡，放棄的用戶就會(huì)越多，在市場(chǎng)營(yíng)銷(xiāo)中，這通常被稱(chēng)為銷(xiāo)售漏斗中的漏洞。

五、給予用戶適當(dāng)?shù)目刂茩?quán)

這條原則意味著用戶希望能控制產(chǎn)品，無(wú)論是完成任務(wù)還是定制滿足他們需求的內(nèi)容。

在設(shè)計(jì)過(guò)程中一直試圖給用戶盡可能多的控制權(quán)，例如允許用戶撤消操作、更改設(shè)置、自定義UI外觀、創(chuàng)建快捷方式等中。

需要注意的是，當(dāng)提供太多選項(xiàng)或用戶太依賴于自己的選擇時(shí)，用戶可能會(huì)不知所措，造成所謂的選擇悖論。所以在設(shè)計(jì)時(shí)要了解用戶樂(lè)于掌控的余地，不能讓用戶感到使用壓力。

六、把可用性放在首位

在整體上看，建立高標(biāo)準(zhǔn)的可用性是為用戶做的最好的事情，有助于檢查用戶是否能夠輕松地完成任務(wù)、產(chǎn)品是否正常運(yùn)行以及是否完成工作。

可用性的重要之處在于要理解可用性的靈活性和重要性。

七、了解用戶測(cè)試

結(jié)合可用性的概念，我們還要進(jìn)行用戶測(cè)試，這是設(shè)計(jì)師對(duì)工作進(jìn)行測(cè)試的方式，對(duì)新的產(chǎn)品來(lái)說(shuō)至關(guān)重要。

當(dāng)設(shè)計(jì)思想和理念被轉(zhuǎn)化為有形的原型時(shí)，設(shè)計(jì)師要觀察真實(shí)的用戶是如何與之交互的，可以通過(guò)許多不同的方式例如簡(jiǎn)單的A/B測(cè)試到全面的審核測(cè)試等來(lái)實(shí)現(xiàn)。

測(cè)試通常分幾輪進(jìn)行，團(tuán)隊(duì)在向原型添加更多細(xì)節(jié)之前驗(yàn)證每個(gè)步驟。隨著測(cè)試結(jié)果的出現(xiàn)，設(shè)計(jì)也隨之發(fā)生了變化。如果發(fā)生更改，將會(huì)進(jìn)行新一輪的測(cè)試，通過(guò)這個(gè)過(guò)程，設(shè)計(jì)團(tuán)隊(duì)可以改進(jìn)他們的工作，直到達(dá)到可用性標(biāo)準(zhǔn)。

八、少即是多

在創(chuàng)造力和創(chuàng)造獨(dú)特事物的渴望中，很多設(shè)計(jì)師很容易無(wú)意中弄亂產(chǎn)品界面甚至產(chǎn)品本身。

功能過(guò)多的產(chǎn)品可能會(huì)失去焦點(diǎn)并削弱吸引力。具有太多元素的頁(yè)面會(huì)變得充滿視覺(jué)沖擊，但也會(huì)給用戶帶來(lái)負(fù)面體驗(yàn)，在設(shè)計(jì)時(shí)要學(xué)會(huì)克制并優(yōu)先考慮真正關(guān)鍵的部分很重要。

另外手機(jī)端的屏幕空間非常小，創(chuàng)建一個(gè)有效的布局，想出巧妙的方法來(lái)隱藏次要元素并創(chuàng)建一個(gè)令人愉悅的界面需要付出很大的努力和創(chuàng)造力。

九、視覺(jué)層次

視覺(jué)層次是向用戶傳達(dá)產(chǎn)品中元素重要性的方式。良好的層次結(jié)構(gòu)有助于用戶視線在界面上移動(dòng)，并立即了解最重要的內(nèi)容以及這些內(nèi)容與其他部分的關(guān)系。

視覺(jué)層次結(jié)構(gòu)與布局設(shè)計(jì)緊密相連，幫助用戶消化所接觸到的信息。

創(chuàng)建層次結(jié)構(gòu)從概念的草圖開(kāi)始，一直持續(xù)到完成設(shè)計(jì)。例如發(fā)送按鈕通常會(huì)用綠色而是不紅色，而次要按鈕會(huì)顯示為灰色或與背景混合，并顯示“撤消”或“返回”。

十、了解用戶的心智模型

為用戶創(chuàng)建心智模型是嘗試使用同理心的一種方式，是幫助設(shè)計(jì)師從用戶的角度看待問(wèn)題的工具。

正確使用意味著用戶無(wú)需投入精力就可以使用的直觀產(chǎn)品，而錯(cuò)誤的思維模型會(huì)導(dǎo)致一些問(wèn)題，例如界面混亂、高昂的交互成本。

為了匹配用戶的心智模型，可以采用多種不同類(lèi)型的研究方法，常見(jiàn)的方法包括卡片分類(lèi)、決策樹(shù)、對(duì)用戶行為的密切觀察，或者使用大量的數(shù)據(jù)來(lái)建立關(guān)鍵用戶的心理模型。

十一、設(shè)計(jì)中的講故事

講故事的方式更加直觀，利用圖像、視頻、動(dòng)畫(huà)和文本等元素讓整個(gè)頁(yè)面與用戶對(duì)話。用戶體驗(yàn)設(shè)計(jì)中的視覺(jué)敘事是為了喚起用戶的情感，給用戶留下持久的印象。

想出一種可視化的方式來(lái)傳達(dá)復(fù)雜的內(nèi)容具有挑戰(zhàn)性，但同時(shí)也是有益的，可以更好地接近用戶并將其作為提高產(chǎn)品可學(xué)習(xí)性的方法。

十二、不要直接跳到高保真原型上

高保真原型是設(shè)計(jì)項(xiàng)目的最終目標(biāo)，但是直接使用原型軟件不斷添加各種頁(yè)面細(xì)節(jié)是錯(cuò)誤的操作。

避免直接出高保真的主要原因是因?yàn)檫@樣做的成本會(huì)更高。在沒(méi)有任何用戶研究和測(cè)試的情況下，一款產(chǎn)品無(wú)論具有多少的細(xì)節(jié)都有可能面臨不符合用戶使用的情況。

十三、可訪問(wèn)性測(cè)試很重要

不僅要檢查關(guān)鍵用戶是否可以流暢地使用產(chǎn)品，還應(yīng)該檢查其他所有用戶例如少數(shù)群體等是否都能夠正常使用產(chǎn)品。

事實(shí)上，殘疾人和其他用戶一樣需要數(shù)字產(chǎn)品，但很多產(chǎn)品在設(shè)計(jì)時(shí)并沒(méi)有考慮到這些群體，但這也提供了一個(gè)機(jī)會(huì)，為所有用戶提供一個(gè)可以依賴的好產(chǎn)品。

十四、熟悉并在用戶體驗(yàn)設(shè)計(jì)中使用

我們知道為用戶提供一致的設(shè)計(jì)有助于克服學(xué)習(xí)曲線，同時(shí)為用戶提供熟悉的東西也有助于縮短學(xué)習(xí)曲線。

例如，大多數(shù)用戶都會(huì)立即識(shí)別某些UI組件（漢堡菜單/單選按鈕），這意味著他們會(huì)本能地知道這些組件代表什么意思或者如何操作。

使用用戶已經(jīng)熟悉的東西并不一定會(huì)讓產(chǎn)品的獨(dú)特性消失，有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)利用這種熟悉性來(lái)來(lái)創(chuàng)造一些獨(dú)特的設(shè)計(jì)，同時(shí)也是直觀的，不需要太多努力就可以使用。

設(shè)計(jì)一個(gè)完全不依賴熟悉度的產(chǎn)品可能是具有風(fēng)險(xiǎn)的行為，因?yàn)樗苋菀鬃屇切┎皇煜ぎa(chǎn)品的用戶超負(fù)荷，形成巨大的學(xué)習(xí)曲線，增加用戶負(fù)擔(dān)。

十五、了解交付成果的力量

可交付成果是可以在整個(gè)團(tuán)隊(duì)中交付的內(nèi)容，包括用戶畫(huà)像、心智模型、用戶旅程以及線框圖和原型等，是一種有形和具體的表現(xiàn)。

可交付成果是用戶體驗(yàn)設(shè)計(jì)原則，可以幫助設(shè)計(jì)團(tuán)隊(duì)和其他利益相關(guān)者理解和交流概念。

用戶畫(huà)像可以捕捉理想用戶，并提供可以相關(guān)聯(lián)的真實(shí)面孔，是一種指導(dǎo)設(shè)計(jì)的工具。用戶旅程圖幫助設(shè)計(jì)師了解用戶完成任務(wù)需要的具體步驟，有助于確保這些步驟確實(shí)可以輕松執(zhí)行，并且整個(gè)過(guò)程很流暢。

這些交付成果服務(wù)于關(guān)鍵功能，設(shè)計(jì)師需要在整個(gè)項(xiàng)目中都依賴它們，不斷轉(zhuǎn)換為用戶可以與之交互的真實(shí)有形的設(shè)計(jì)。

十六、專(zhuān)業(yè)的原型設(shè)計(jì)工具

用戶體驗(yàn)設(shè)計(jì)的過(guò)程不是線性的，而是一個(gè)循環(huán)。無(wú)論創(chuàng)建什么樣的產(chǎn)品，都需要專(zhuān)業(yè)的原型工具，將基本框架放在一起，然后添加可能需要的所有細(xì)節(jié)。

從邏輯上講，設(shè)計(jì)團(tuán)隊(duì)的具體需求會(huì)因團(tuán)隊(duì)而異，但一些關(guān)鍵功能例如團(tuán)隊(duì)協(xié)作、需求管理、交互設(shè)計(jì)和開(kāi)發(fā)移交等，對(duì)于大多數(shù)團(tuán)隊(duì)來(lái)說(shuō)是必要的。

十七、精心管理產(chǎn)品需求

一切都從收集需求開(kāi)始，然后慢慢創(chuàng)建關(guān)鍵列表。雖然簡(jiǎn)單地列出一個(gè)列表聽(tīng)起來(lái)很容易，但隨著項(xiàng)目的進(jìn)展，要保持列表的條理性確實(shí)是一個(gè)挑戰(zhàn)。

除了創(chuàng)建需求和檢查復(fù)選框之外，還有一個(gè)問(wèn)題就是調(diào)整需求，需要從設(shè)計(jì)、技術(shù)和業(yè)務(wù)各個(gè)方面來(lái)處理各種需求，還要確保這些需求之間沒(méi)有相互矛盾。

十八、了解移動(dòng)和網(wǎng)絡(luò)產(chǎn)品之間的差異

網(wǎng)頁(yè)端和移動(dòng)端產(chǎn)品最明顯的區(qū)別是屏幕尺寸，這意味著所有的視覺(jué)層次結(jié)構(gòu)和信息架構(gòu)都將從Web到App發(fā)生變化。

移動(dòng)端產(chǎn)品會(huì)有更多影響設(shè)計(jì)決策的因素，例如設(shè)備的操作系統(tǒng)、使用產(chǎn)品的環(huán)境等。了解移動(dòng)端產(chǎn)品在導(dǎo)航設(shè)計(jì)、用戶流程等關(guān)鍵方面的差異是至關(guān)重要的用戶體驗(yàn)設(shè)計(jì)原則。

十九、利用UX設(shè)計(jì)模式

幾乎所有的產(chǎn)品都專(zhuān)注于設(shè)計(jì)模式，它們可靠、易于查找并通過(guò)減少設(shè)計(jì)時(shí)間來(lái)為項(xiàng)目增加實(shí)用性。

當(dāng)用戶在谷歌搜索中輸入的內(nèi)容有問(wèn)題時(shí)，谷歌會(huì)提供一個(gè)相關(guān)的搜索提示，輔助用戶進(jìn)行精確地搜索，解決用戶使用不同方式在搜索欄中傳達(dá)他們正在尋找的內(nèi)容的問(wèn)題。

二十、使用合適的工具才能有效

擁有單一的內(nèi)容來(lái)源可以為團(tuán)隊(duì)帶來(lái)清晰性和高效性，如果線框和原型分散在多個(gè)渠道中，這種內(nèi)容的集合就會(huì)變得很難達(dá)成。

通過(guò)合適高效的工具能夠避免產(chǎn)品在到達(dá)終點(diǎn)時(shí)遇到各種各樣的可用性問(wèn)題，防止產(chǎn)品細(xì)節(jié)沒(méi)有表現(xiàn)出來(lái)或者被忽略。

最后

通過(guò)這份用戶體驗(yàn)設(shè)計(jì)原則的合集，希望能夠讓你對(duì)這個(gè)領(lǐng)域有一個(gè)大致的了解。

沒(méi)有人知道用戶體驗(yàn)設(shè)計(jì)在未來(lái)會(huì)引領(lǐng)我們走向哪里，不過(guò)我們可以確定，無(wú)論它帶給我們什么，肯定都會(huì)很有趣。

作者：Clippp，微信公眾號(hào)：Clip設(shè)計(jì)夾。每周精選設(shè)計(jì)文章，專(zhuān)注分享關(guān)于產(chǎn)品、交互、UI視覺(jué)上的設(shè)計(jì)思考。

本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。