1.以用戶(hù)為中心
這是最常被提及的用戶(hù)體驗(yàn)設(shè)計(jì)基礎(chǔ)，當(dāng)涉及到產(chǎn)品設(shè)計(jì)決策時(shí)，提醒我們要學(xué)會(huì)使用同理心，而不是僅憑個(gè)人的想法或意見(jiàn)。
真正好的用戶(hù)體驗(yàn)設(shè)計(jì)是為用戶(hù)量身打造的，用戶(hù)的意見(jiàn)、痛點(diǎn)、愿望、偏好和需求對(duì)產(chǎn)品來(lái)說(shuō)至關(guān)重要，所以在項(xiàng)目初始階段需要投入大量的時(shí)間和精力去了解用戶(hù)。
用戶(hù)體驗(yàn)研究重點(diǎn)是了解用戶(hù)，為接下來(lái)的產(chǎn)品設(shè)計(jì)做準(zhǔn)備。以用戶(hù)為中心的設(shè)計(jì)理念是設(shè)計(jì)師迎合用戶(hù)的需求，區(qū)分了設(shè)計(jì)任何人都可以使用的產(chǎn)品和為目標(biāo)用戶(hù)設(shè)計(jì)的產(chǎn)品。
一款特定的產(chǎn)品需要面對(duì)不同的目標(biāo)群體，前期研究中需要了解目標(biāo)人群需要什么并在產(chǎn)品中反映出來(lái)，這是針對(duì)性很強(qiáng)的設(shè)計(jì)研究。
2.了解信息架構(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)是幫助用戶(hù)理解他們?cè)诳词裁?，并幫助他們找到需要尋找的?nèi)容。
信息架構(gòu)在制作線(xiàn)框圖或原型之前完成，因?yàn)樗钱a(chǎn)品的基礎(chǔ)，有助于設(shè)計(jì)師考慮什么功能是最重要的，哪些是用戶(hù)最需要的以及哪些次要內(nèi)容可以隱藏起來(lái)等。
這種結(jié)構(gòu)與產(chǎn)品的導(dǎo)航設(shè)計(jì)密切相關(guān)，有助于將用戶(hù)引導(dǎo)到正確的位置。導(dǎo)航和信息架構(gòu)都試圖讓用戶(hù)以最少的認(rèn)知努力來(lái)完成操作。
信息架構(gòu)的設(shè)計(jì)不當(dāng)會(huì)造成重大故障甚至可能危及整個(gè)產(chǎn)品。如果用戶(hù)在使用產(chǎn)品時(shí)找不到任何想要的內(nèi)容，點(diǎn)擊任何元素都沒(méi)有反應(yīng)，會(huì)給用戶(hù)帶來(lái)很糟糕的使用體驗(yàn)。
3.考慮使用場(chǎng)景
沒(méi)有場(chǎng)景，任何設(shè)計(jì)都很難生效。設(shè)計(jì)師在項(xiàng)目開(kāi)始時(shí)會(huì)投入時(shí)間去了解用戶(hù)面臨的問(wèn)題以及圍繞這些問(wèn)題的背景。
這條原則有助于設(shè)計(jì)師考慮還有哪些因素會(huì)影響用戶(hù)和產(chǎn)品，很多產(chǎn)品設(shè)計(jì)會(huì)為用戶(hù)提供一些有助于消除使用摩擦的操作提示。
例如在設(shè)計(jì)表單時(shí)，會(huì)盡可能的添加輸入提示，最大程度地減少用戶(hù)出錯(cuò)的機(jī)會(huì)。
4.了解一致性及其重要性
保持一致性是用戶(hù)體驗(yàn)設(shè)計(jì)的關(guān)鍵原則。擁有一致設(shè)計(jì)的產(chǎn)品可以更快地被新用戶(hù)接受，因?yàn)橛脩?hù)不需要再次學(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í)曲線(xiàn)越長(zhǎng)越陡，放棄的用戶(hù)就會(huì)越多，在市場(chǎng)營(yíng)銷(xiāo)中，這通常被稱(chēng)為銷(xiāo)售漏斗中的漏洞。
5.給予用戶(hù)適當(dāng)?shù)目刂茩?quán)
這條原則意味著用戶(hù)希望能控制產(chǎn)品，無(wú)論是完成任務(wù)還是定制滿(mǎn)足他們需求的內(nèi)容。
在設(shè)計(jì)過(guò)程中一直試圖給用戶(hù)盡可能多的控制權(quán)，例如允許用戶(hù)撤消操作、更改設(shè)置、自定義UI外觀(guān)、創(chuàng)建快捷方式等。
需要注意的是，當(dāng)提供太多選項(xiàng)或用戶(hù)太依賴(lài)于自己的選擇時(shí)，用戶(hù)可能會(huì)不知所措，造成所謂的選擇悖論。所以在設(shè)計(jì)時(shí)要了解用戶(hù)樂(lè)于掌控的余地，不能讓用戶(hù)感到使用壓力。
6.把可用性放在首位
在整體上看，建立高標(biāo)準(zhǔn)的可用性是為用戶(hù)做的最好的事情，有助于檢查用戶(hù)是否能夠輕松地完成任務(wù)、產(chǎn)品是否正常運(yùn)行以及是否完成工作。
可用性的重要之處在于要理解可用性的靈活性和重要性。
7.了解用戶(hù)測(cè)試
結(jié)合可用性的概念，我們還要進(jìn)行用戶(hù)測(cè)試，這是設(shè)計(jì)師對(duì)工作進(jìn)行測(cè)試的方式，對(duì)新的產(chǎn)品來(lái)說(shuō)至關(guān)重要。
當(dāng)設(shè)計(jì)思想和理念被轉(zhuǎn)化為有形的原型時(shí)，設(shè)計(jì)師要觀(guān)察真實(shí)的用戶(hù)是如何與之交互的，可以通過(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)。
8.少即是多
在創(chuàng)造力和創(chuàng)造獨(dú)特事物的渴望中，很多設(shè)計(jì)師很容易無(wú)意中弄亂產(chǎn)品界面甚至產(chǎn)品本身。
功能過(guò)多的產(chǎn)品可能會(huì)失去焦點(diǎn)并削弱吸引力。具有太多元素的頁(yè)面會(huì)變得充滿(mǎn)視覺(jué)沖擊，但也會(huì)給用戶(hù)帶來(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)造力。
9.視覺(jué)層次
視覺(jué)層次是向用戶(hù)傳達(dá)產(chǎn)品中元素重要性的方式。良好的層次結(jié)構(gòu)有助于用戶(hù)視線(xiàn)在界面上移動(dòng)，并立即了解最重要的內(nèi)容以及這些內(nèi)容與其他部分的關(guān)系。
視覺(jué)層次結(jié)構(gòu)與布局設(shè)計(jì)緊密相連，幫助用戶(hù)消化所接觸到的信息。
創(chuàng)建層次結(jié)構(gòu)從概念的草圖開(kāi)始，一直持續(xù)到完成設(shè)計(jì)。例如發(fā)送按鈕通常會(huì)用綠色而是不紅色，而次要按鈕會(huì)顯示為灰色或與背景混合，并顯示“撤消”或“返回”。
10.了解用戶(hù)的心智模型
為用戶(hù)創(chuàng)建心智模型是嘗試使用同理心的一種方式，是幫助設(shè)計(jì)師從用戶(hù)的角度看待問(wèn)題的工具。
做到準(zhǔn)確就是直觀(guān)的產(chǎn)品，用戶(hù)不需要投入精力就可以使用它，而錯(cuò)誤的思維模型會(huì)導(dǎo)致一些問(wèn)題，例如界面混亂、高昂的交互成本。
為了匹配用戶(hù)的心智模型，可以采用多種不同類(lèi)型的研究方法，常見(jiàn)的方法包括卡片分類(lèi)、決策樹(shù)、對(duì)用戶(hù)行為的密切觀(guān)察，或者使用大量的數(shù)據(jù)來(lái)建立關(guān)鍵用戶(hù)的心理模型。
11.設(shè)計(jì)中的講故事
講故事的方式更加直觀(guān)，利用圖像、視頻、動(dòng)畫(huà)和文本等元素讓整個(gè)頁(yè)面與用戶(hù)對(duì)話(huà)。用戶(hù)體驗(yàn)設(shè)計(jì)中的視覺(jué)敘事是為了喚起用戶(hù)的情感，給用戶(hù)留下持久的印象。
想出一種可視化的方式來(lái)傳達(dá)復(fù)雜的內(nèi)容具有挑戰(zhàn)性，但同時(shí)也是有益的，可以更好地接近用戶(hù)并將其作為提高產(chǎn)品可學(xué)習(xí)性的方法。
12.不要直接跳到高保真原型上
高保真原型是設(shè)計(jì)項(xiàng)目的最終目標(biāo)，但是直接使用原型軟件不斷添加各種頁(yè)面細(xì)節(jié)是錯(cuò)誤的操作。
避免直接出高保真的主要原因是因?yàn)檫@樣做的成本會(huì)更高。在沒(méi)有任何用戶(hù)研究和測(cè)試的情況下，一款產(chǎn)品無(wú)論具有多少的細(xì)節(jié)都有可能面臨不符合用戶(hù)使用的情況。
13.可訪(fǎng)問(wèn)性測(cè)試很重要
不僅要檢查關(guān)鍵用戶(hù)是否可以流暢地使用產(chǎn)品，還應(yīng)該檢查其他所有用戶(hù)例如少數(shù)群體等是否都能夠正常使用產(chǎn)品。
事實(shí)上，殘疾人和其他用戶(hù)一樣需要數(shù)字產(chǎn)品，但很多產(chǎn)品在設(shè)計(jì)時(shí)并沒(méi)有考慮到這些群體，但這也提供了一個(gè)機(jī)會(huì)，為所有用戶(hù)提供一個(gè)可以依賴(lài)的好產(chǎn)品。
14.熟悉并在用戶(hù)體驗(yàn)設(shè)計(jì)中使用
我們知道為用戶(hù)提供一致的設(shè)計(jì)有助于克服學(xué)習(xí)曲線(xiàn)，同時(shí)為用戶(hù)提供熟悉的東西也有助于縮短學(xué)習(xí)曲線(xiàn)。
例如，大多數(shù)用戶(hù)都會(huì)立即識(shí)別某些UI組件(漢堡菜單/單選按鈕)，這意味著他們會(huì)本能地知道這些組件代表什么意思或者如何操作。
使用用戶(hù)已經(jīng)熟悉的東西并不一定會(huì)讓產(chǎn)品的獨(dú)特性消失，有經(jīng)驗(yàn)的設(shè)計(jì)師會(huì)利用這種熟悉性來(lái)來(lái)創(chuàng)造一些獨(dú)特的設(shè)計(jì)，同時(shí)也是直觀(guān)的，不需要太多努力就可以使用。
設(shè)計(jì)一個(gè)完全不依賴(lài)熟悉度的產(chǎn)品可能是具有風(fēng)險(xiǎn)的行為，因?yàn)樗苋菀鬃屇切┎皇煜ぎa(chǎn)品的用戶(hù)超負(fù)荷，形成巨大的學(xué)習(xí)曲線(xiàn)，增加用戶(hù)負(fù)擔(dān)。
15.了解交付成果的力量
可交付成果是可以在整個(gè)團(tuán)隊(duì)中交付的內(nèi)容，包括用戶(hù)畫(huà)像、心智模型、用戶(hù)旅程以及線(xiàn)框圖和原型等，是一種有形和具體的表現(xiàn)。
可交付成果是用戶(hù)體驗(yàn)設(shè)計(jì)原則，可以幫助設(shè)計(jì)團(tuán)隊(duì)和其他利益相關(guān)者理解和交流概念。
▲ 用戶(hù)畫(huà)像可以捕捉理想用戶(hù)，并提供可以相關(guān)聯(lián)的真實(shí)面孔，是一種指導(dǎo)設(shè)計(jì)的工具。用戶(hù)旅程圖幫助設(shè)計(jì)師了解用戶(hù)完成任務(wù)需要的具體步驟，有助于確保這些步驟確實(shí)可以輕松執(zhí)行，并且整個(gè)過(guò)程很流暢。
這些交付成果服務(wù)于關(guān)鍵功能，設(shè)計(jì)師需要在整個(gè)項(xiàng)目中都依賴(lài)它們，不斷轉(zhuǎn)換為用戶(hù)可以與之交互的真實(shí)有形的設(shè)計(jì)。
16.專(zhuān)業(yè)的原型設(shè)計(jì)工具
用戶(hù)體驗(yàn)設(shè)計(jì)的過(guò)程不是線(xiàn)性的，而是一個(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ō)是必要的。
17.精心管理產(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)建需求和檢查需求之外，還有一個(gè)問(wèn)題就是調(diào)整需求，需要從設(shè)計(jì)、技術(shù)和業(yè)務(wù)各個(gè)方面來(lái)處理各種需求，還要確保這些需求之間沒(méi)有相互矛盾。
18.了解移動(dòng)和網(wǎng)頁(yè)產(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ì)、用戶(hù)流程等關(guān)鍵方面的差異是至關(guān)重要的用戶(hù)體驗(yàn)設(shè)計(jì)原則。
19.利用UX設(shè)計(jì)模式
幾乎所有的產(chǎn)品都專(zhuān)注于設(shè)計(jì)模式，它們可靠、易于查找并通過(guò)減少設(shè)計(jì)時(shí)間來(lái)為項(xiàng)目增加實(shí)用性。
▲ 當(dāng)用戶(hù)在谷歌搜索中輸入的內(nèi)容有問(wèn)題時(shí)，谷歌會(huì)提供一個(gè)相關(guān)的搜索提示，輔助用戶(hù)進(jìn)行精確地搜索，解決用戶(hù)使用不同方式在搜索欄中傳達(dá)他們正在尋找的內(nèi)容的問(wèn)題。
20.使用合適的工具才能有效
擁有單一的內(nèi)容來(lái)源可以為團(tuán)隊(duì)帶來(lái)清晰性和高效性，如果線(xiàn)框和原型分散在多個(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ò)這份用戶(hù)體驗(yàn)設(shè)計(jì)原則的合集希望能夠讓你對(duì)這個(gè)領(lǐng)域有一個(gè)大致的了解。
沒(méi)有人知道用戶(hù)體驗(yàn)設(shè)計(jì)在未來(lái)會(huì)引領(lǐng)我們走向哪里，不過(guò)我們可以確定，無(wú)論它帶給我們什么，肯定都會(huì)很有趣。
原文地址：Clip設(shè)計(jì)夾（公眾號(hào)）
作者：Clippp
轉(zhuǎn)載請(qǐng)注明：學(xué)UI網(wǎng)》掌握這20條用戶(hù)體驗(yàn)設(shè)計(jì)原則，助力設(shè)計(jì)成長(zhǎng)！
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司