掌握這20條用戶體驗設(shè)計原則终娃,助力設(shè)計成長味廊!

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

Clippp的第63篇文章分享

文章整理了20條用戶體驗設(shè)計原則,希望通過這份簡潔易懂的合集能夠讓你對用戶體驗領(lǐng)域有一個初步的概覽和了解窍荧。

1.以用戶為中心?

這是最常被提及的用戶體驗設(shè)計基礎(chǔ)辉巡,當(dāng)涉及到產(chǎn)品設(shè)計決策時,提醒我們要學(xué)會使用同理心蕊退,而不是僅憑個人的想法或意見郊楣。

真正好的用戶體驗設(shè)計是為用戶量身打造的,用戶的意見咕痛、痛點(diǎn)痢甘、愿望、偏好和需求對產(chǎn)品來說至關(guān)重要茉贡,所以在項目初始階段需要投入大量的時間和精力去了解用戶塞栅。

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

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

2.了解信息架構(gòu)

可能很多人對信息架構(gòu)的定義很模糊,這里舉個例子來具象說明一下信息架構(gòu)的含義如蚜。

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

信息體系結(jié)構(gòu)的最終目標(biāo)是幫助用戶理解他們在看什么撬呢,并幫助他們找到需要尋找的內(nèi)容伦吠。

信息架構(gòu)在制作線框圖或原型之前完成,因為它是產(chǎn)品的基礎(chǔ)魂拦,有助于設(shè)計師考慮什么功能是最重要的毛仪,哪些是用戶最需要的以及哪些次要內(nèi)容可以隱藏起來等。

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

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

3.考慮使用場景

沒有場景,任何設(shè)計都很難生效茄靠。設(shè)計師在項目開始時會投入時間去了解用戶面臨的問題以及圍繞這些問題的背景茂契。

這條原則有助于設(shè)計師考慮還有哪些因素會影響用戶和產(chǎn)品,很多產(chǎn)品設(shè)計會為用戶提供一些有助于消除使用摩擦的操作提示慨绳。

例如在設(shè)計表單時掉冶,會盡可能的添加輸入提示,最大程度地減少用戶出錯的機(jī)會脐雪。

4.了解一致性及其重要性

保持一致性是用戶體驗設(shè)計的關(guān)鍵原則厌小。擁有一致設(shè)計的產(chǎn)品可以更快地被新用戶接受,因為用戶不需要再次學(xué)習(xí)如何操作战秋,他們會回憶起之前的操作習(xí)慣并將其作為指導(dǎo)璧亚,這也解釋了為什么同類型的產(chǎn)品例如電商類App頁面設(shè)計的很相似。

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

從邏輯上講疯搅,產(chǎn)品越大濒生,這種一致性會變得越來越有挑戰(zhàn)性,這促使許多設(shè)計團(tuán)隊創(chuàng)建自己的設(shè)計系統(tǒng)幔欧。一款產(chǎn)品的學(xué)習(xí)曲線越長越陡罪治,放棄的用戶就會越多,在市場營銷中礁蔗,這通常被稱為銷售漏斗中的漏洞觉义。

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

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

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

需要注意的是屠缭,當(dāng)提供太多選項或用戶太依賴于自己的選擇時箍鼓,用戶可能會不知所措,造成所謂的選擇悖論呵曹。所以在設(shè)計時要了解用戶樂于掌控的余地款咖,不能讓用戶感到使用壓力。

6.把可用性放在首位

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

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

7.了解用戶測試

結(jié)合可用性的概念,我們還要進(jìn)行用戶測試域帐,這是設(shè)計師對工作進(jìn)行測試的方式赘被,對新的產(chǎn)品來說至關(guān)重要。

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

測試通常分幾輪進(jìn)行龙优,團(tuán)隊在向原型添加更多細(xì)節(jié)之前驗證每個步驟羊异。隨著測試結(jié)果的出現(xiàn),設(shè)計也隨之發(fā)生了變化。

如果發(fā)生更改球化,將會進(jìn)行新一輪的測試秽晚,通過這個過程,設(shè)計團(tuán)隊可以改進(jìn)他們的工作筒愚,直到達(dá)到可用性標(biāo)準(zhǔn)赴蝇。

8.少即是多

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

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

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

9.視覺層次

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

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

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

10.了解用戶的心智模型

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

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

為了匹配用戶的心智模型蝇更,可以采用多種不同類型的研究方法,常見的方法包括卡片分類呼盆、決策樹年扩、對用戶行為的密切觀察,或者使用大量的數(shù)據(jù)來建立關(guān)鍵用戶的心理模型访圃。

11.設(shè)計中的講故事

講故事的方式更加直觀厨幻,利用圖像、視頻、動畫和文本等元素讓整個頁面與用戶對話况脆。用戶體驗設(shè)計中的視覺敘事是為了喚起用戶的情感饭宾,給用戶留下持久的印象。

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

12.不要直接跳到高保真原型上

高保真原型是設(shè)計項目的最終目標(biāo)盛末,但是直接使用原型軟件不斷添加各種頁面細(xì)節(jié)是錯誤的操作弹惦。

避免直接出高保真的主要原因是因為這樣做的成本會更高。在沒有任何用戶研究和測試的情況下悄但,一款產(chǎn)品無論具有多少的細(xì)節(jié)都有可能面臨不符合用戶使用的情況棠隐。

13.可訪問性測試很重要

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

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

14.熟悉并在用戶體驗設(shè)計中使用

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

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

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

設(shè)計一個完全不依賴熟悉度的產(chǎn)品可能是具有風(fēng)險的行為辟躏,因為它很容易讓那些不熟悉產(chǎn)品的用戶超負(fù)荷谷扣,形成巨大的學(xué)習(xí)曲線,增加用戶負(fù)擔(dān)捎琐。

15.了解交付成果的力量

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

可交付成果是用戶體驗設(shè)計原則籽御,可以幫助設(shè)計團(tuán)隊和其他利益相關(guān)者理解和交流概念练慕。

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

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

16.專業(yè)的原型設(shè)計工具

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

從邏輯上講蠢终,設(shè)計團(tuán)隊的具體需求會因團(tuán)隊而異,但一些關(guān)鍵功能例如團(tuán)隊協(xié)作茴她、需求管理寻拂、交互設(shè)計和開發(fā)移交等,對于大多數(shù)團(tuán)隊來說是必要的丈牢。

17.精心管理產(chǎn)品需求

一切都從收集需求開始祭钉,然后慢慢創(chuàng)建關(guān)鍵列表。雖然簡單地列出一個列表聽起來很容易己沛,但隨著項目的進(jìn)展慌核,要保持列表的條理性確實是一個挑戰(zhàn)。

除了創(chuàng)建需求和檢查復(fù)選框之外申尼,還有一個問題就是調(diào)整需求垮卓,需要從設(shè)計、技術(shù)和業(yè)務(wù)各個方面來處理各種需求师幕,還要確保這些需求之間沒有相互矛盾粟按。?

18.了解移動和網(wǎng)絡(luò)產(chǎn)品之間的差異

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

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

19.利用UX設(shè)計模式

幾乎所有的產(chǎn)品都專注于設(shè)計模式忆蚀,它們可靠矾利、易于查找并通過減少設(shè)計時間來為項目增加實用性。

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

20.使用合適的工具才能有效

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

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

最后

通過這份用戶體驗設(shè)計原則的合集希望能夠讓你對這個領(lǐng)域有一個大致的了解怀酷。

沒有人知道用戶體驗設(shè)計在未來會引領(lǐng)我們走向哪里,不過我們可以確定,無論它帶給我們什么乏冀,肯定都會很有趣劫哼。

文章很長,感謝看到最后~希望文章能夠讓你有所收獲样眠!


精彩推薦:

1友瘤、聊聊卡片式設(shè)計的運(yùn)用

2、案例分析:柵格系統(tǒng)的布局設(shè)計

3檐束、如何設(shè)計深色模式辫秧?這3點(diǎn)因素需要考慮

4、深度解析:服務(wù)藍(lán)圖的應(yīng)用邏輯設(shè)計

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末被丧,一起剝皮案震驚了整個濱河市盟戏,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌晚碾,老刑警劉巖抓半,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異格嘁,居然都是意外死亡笛求,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進(jìn)店門糕簿,熙熙樓的掌柜王于貴愁眉苦臉地迎上來探入,“玉大人,你說我怎么就攤上這事懂诗》渌裕” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵殃恒,是天一觀的道長植旧。 經(jīng)常有香客問我辱揭,道長,這世上最難降的妖魔是什么病附? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任问窃,我火速辦了婚禮,結(jié)果婚禮上完沪,老公的妹妹穿的比我還像新娘域庇。我一直安慰自己,他們只是感情好覆积,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布听皿。 她就那樣靜靜地躺著,像睡著了一般宽档。 火紅的嫁衣襯著肌膚如雪尉姨。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天雌贱,我揣著相機(jī)與錄音啊送,去河邊找鬼。 笑死欣孤,一個胖子當(dāng)著我的面吹牛馋没,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播降传,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼篷朵,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了婆排?” 一聲冷哼從身側(cè)響起声旺,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎段只,沒想到半個月后腮猖,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡赞枕,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年澈缺,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片炕婶。...
    茶點(diǎn)故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡姐赡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出柠掂,到底是詐尸還是另有隱情项滑,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布涯贞,位于F島的核電站枪狂,受9級特大地震影響危喉,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜摘完,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一姥饰、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧孝治,春花似錦、人聲如沸审磁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽态蒂。三九已至杭措,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間钾恢,已是汗流浹背手素。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留瘩蚪,地道東北人泉懦。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像疹瘦,于是被迫代替她去往敵國和親崩哩。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內(nèi)容