作為一個(gè)數(shù)字設(shè)計(jì)師，不可能同時(shí)滿足所有人的訴求。客戶和利益者有時(shí)會(huì)誤解設(shè)計(jì)的過程。他們或許知道后端開發(fā)和網(wǎng)頁(yè)的用戶體驗(yàn)設(shè)計(jì)是兩種不同的學(xué)科，所以，作為設(shè)計(jì)師，應(yīng)該成為個(gè)無(wú)所不知的天才。

考慮到這一點(diǎn),當(dāng)你接觸一些相對(duì)較新的用戶體驗(yàn)設(shè)計(jì)時(shí)，你肯定會(huì)犯一些錯(cuò)誤。沒有人不會(huì)失誤，因?yàn)橐恍╉?xiàng)目復(fù)雜得令人難以置信。為了幫助重申一些基本點(diǎn)。我們匯集了

一些最常見的錯(cuò)誤,這些小貼士幫助你避免在常見的用戶體驗(yàn)犯錯(cuò)誤。

一．為自己設(shè)計(jì)

我們應(yīng)該對(duì)一些“天才心態(tài)”感到愧疚。當(dāng)你在一些創(chuàng)造性的領(lǐng)域工作時(shí)，你一些根深蒂固的觀念總是試圖排擠掉一些你自己經(jīng)歷過的事實(shí)。但是作為一位成功的設(shè)計(jì)師，你必須要逃出自我沉醉。你并不是去證明任何事情都與你的設(shè)計(jì)相關(guān)。你唯一的目標(biāo)是幫助用戶創(chuàng)造一次難忘的經(jīng)歷。

當(dāng)然，你不總是希望與用戶需求產(chǎn)生距離。設(shè)計(jì)師總覺得對(duì)自己的作品有一種父母的責(zé)任感。但你必須確保要對(duì)用戶負(fù)責(zé)，而不是你的自我。最好的方法是學(xué)習(xí)如何充滿激情地了解他人的工作。讓我們看看韋伯烤架燒烤文化網(wǎng)站的一個(gè)自信設(shè)計(jì)例子。作為一個(gè)例子,擁抱是一個(gè)沒有廢話的觀眾。

上面圖片大膽地運(yùn)用了豐富的顏色，高清晰度的圖像，干凈利落的視頻介紹配上男性畫外音，這些都降吸引著戶外達(dá)人（或者周末達(dá)人）。

網(wǎng)站了解敘事的力量，展示的產(chǎn)品是一群朋友之間的野營(yíng)旅行。但是它不走極端設(shè)計(jì)技巧: 動(dòng)畫和視頻足夠用來捕捉你的興趣,且讓插圖解釋如何實(shí)際使用燒烤。

豐富的燒烤文化動(dòng)畫向所有設(shè)備提供了一致的體驗(yàn)。通過運(yùn)行谷歌移動(dòng)端的一個(gè)測(cè)試工具，網(wǎng)站甚至在移動(dòng)優(yōu)化方面獲得了一個(gè)很好的分?jǐn)?shù)。既然我們已經(jīng)探索了視覺的案例研究,讓我們腳踏實(shí)地了解在設(shè)計(jì)過程中的更多技巧。

1. 在設(shè)計(jì)的每個(gè)階段都要想到用戶。

2. 創(chuàng)建用戶旅行地圖，想想網(wǎng)站將怎樣被不同的用戶組使用。

3. 進(jìn)一步對(duì)買家角色進(jìn)行了解，了解不同用戶群體的導(dǎo)航網(wǎng)站，看看他們從網(wǎng)站和公司中需要什么。

4. UI識(shí)別方面的困難是為了創(chuàng)建初始框架使他符合用戶體驗(yàn)的做法。例如用戶映射和旅行。

5. 盡可能多的進(jìn)行實(shí)際設(shè)備測(cè)試。如果項(xiàng)目是足夠大的,與用戶進(jìn)行實(shí)地研究。（至少，你應(yīng)該運(yùn)行調(diào)節(jié)或自由的可用性測(cè)試。）

6. 進(jìn)行A/B測(cè)試來測(cè)試不同的設(shè)計(jì)元素，如顏色，按鈕，文本，圖像等等。

二．別把UX弄錯(cuò)成UI

像我們?cè)赪eb UI的最佳實(shí)踐第1章說了，用戶體驗(yàn)不等于UI。混合了UI和UX是一個(gè)常見的錯(cuò)誤。這并不奇怪，因?yàn)榭s寫是相似的，這足以使一些不熟悉的人混淆。另一個(gè)原因是這兩門學(xué)科是相關(guān)的。 用戶關(guān)注的是如何與網(wǎng)站進(jìn)行交互，這是用戶整體體驗(yàn)的一部分。但UI關(guān)心的是按哪個(gè)按鈕，接下來去哪兒（例如用戶的目標(biāo)是界面清晰度），UX關(guān)心的是整體的設(shè)計(jì)讓用戶感覺。

簡(jiǎn)而言之，UI設(shè)計(jì)的目標(biāo)是創(chuàng)造高效而又迷人的界面，幫助創(chuàng)造一個(gè)良好的整體用戶體驗(yàn)。回顧我們以前的要點(diǎn)，可用性測(cè)試在設(shè)計(jì)界面時(shí)能確保保持專注于整體的經(jīng)驗(yàn)。不要對(duì)設(shè)計(jì)中的Dribbblisation感到內(nèi)疚（Dribbblisation查不出啥意思=_=）。甚至在你開啟Photoshop 或 Sketch之前，你都要了解你的用戶，了解他們的他們的目標(biāo)，欲望，行為，和野心。

如上圖所示，明白用戶體驗(yàn)需要掌握不同的學(xué)科。因?yàn)槟阒皇怯幸粋€(gè)漂亮的界面并不意味著它會(huì)工作得很好，因?yàn)槟阒皇怯幸粋€(gè)功能接口并不意味著人們會(huì)喜歡它的。

我們從第一個(gè)內(nèi)容就談到UX和UI設(shè)計(jì)。當(dāng)進(jìn)行一些用戶研究后，在你可點(diǎn)擊的網(wǎng)站上創(chuàng)造了一個(gè)網(wǎng)站的交互地圖。無(wú)論你使用Keynote或一個(gè)數(shù)字原型工具，總是開始于一個(gè)站點(diǎn)地圖，以致于你可以有衡量總體的經(jīng)驗(yàn)。

從上面你可以看到Barrel NY的設(shè)計(jì)，這個(gè)站點(diǎn)地圖文件為您的網(wǎng)站的信息架構(gòu)。確保每一個(gè)“分支”那時(shí)能通過線框圖或頁(yè)面原型點(diǎn)擊它本身。我們自己已經(jīng)試過，它能通過任何專業(yè)的原型應(yīng)用程序演示。

通過第一個(gè)內(nèi)容之前的線框圖，你應(yīng)該按這些進(jìn)行重要性排序：

1. 內(nèi)容結(jié)構(gòu)

2. 交互設(shè)計(jì)

3. 視覺設(shè)計(jì)

之所以這樣是因?yàn)閮?nèi)容的形式是所有設(shè)計(jì)的基礎(chǔ)，這才是用戶真正關(guān)心的。其次，在交互迭代時(shí)通過低或中高保真原型可以幫助你更好的控制流通的內(nèi)容。第三，或者同時(shí)，你那時(shí)盡可能地改進(jìn)視覺設(shè)計(jì)，盡可能有一種被邀請(qǐng)的感覺（考慮到視覺是我們最強(qiáng)的感覺）。

三．詢問用戶太多的信息

用戶是懶惰的，你添加的形式越多，用戶就會(huì)感到動(dòng)力不足。

像我們描述交互設(shè)計(jì)中的最佳實(shí)踐中那樣，你通常要盡可能創(chuàng)造流暢的體驗(yàn)。例如下圖，只問你想學(xué)的語(yǔ)言就足夠聯(lián)系起信息來建立一個(gè)賬戶。

研究指出，在前幾年實(shí)踐中檢驗(yàn)的虛構(gòu)想象中，有太多的讓用戶注冊(cè)的理論領(lǐng)域。測(cè)試對(duì)比了11種領(lǐng)域，有四種是十分重要的。

11種領(lǐng)域的形成需要以下信息：

名稱、單位、地址、市、州、郵編、電話、傳真、電子郵件、首選聯(lián)系方式、評(píng)論

還包括復(fù)選框，在最后問了客人聽說過的網(wǎng)站。

精簡(jiǎn)的四種領(lǐng)域所需要的信息：

名稱

電話

電子郵件

評(píng)論

當(dāng)然，你可以進(jìn)一步通過刪除電話號(hào)碼和評(píng)論（這通常不是很有幫助）。這取決于你的行業(yè)，一個(gè)電話號(hào)碼可能是領(lǐng)先一步的關(guān)鍵，但是你會(huì)發(fā)現(xiàn)人們對(duì)這些不請(qǐng)自來的電話的猶豫會(huì)多得多。

所以研究的底線是什么？他們發(fā)現(xiàn)，短形式的注冊(cè)人數(shù)超過了長(zhǎng)形式的140%。此外，轉(zhuǎn)換數(shù)近120%是隨著精簡(jiǎn)形式的使用急劇增加的。研究還發(fā)現(xiàn)無(wú)關(guān)的領(lǐng)域?qū)D(zhuǎn)換的質(zhì)量沒有影響。

為了達(dá)到需要正確號(hào)碼的目的，你應(yīng)該研究你的用戶。首先準(zhǔn)確地定義所有必要的數(shù)據(jù)，你需要收集他們。盡管我們不能強(qiáng)調(diào)不夠，但你也不應(yīng)該列出一個(gè)像駕校考官所喜歡的形式，我們也明白沒有神奇的數(shù)字。

事實(shí)上，這是一種權(quán)衡。你應(yīng)該處理優(yōu)先的事項(xiàng)：銷售團(tuán)隊(duì)通常需要更多的信息，而設(shè)計(jì)師為最佳用戶體驗(yàn)戰(zhàn)斗（間接滿足業(yè)務(wù)需求）。權(quán)衡的唯一方法是測(cè)試。例如,Expedia發(fā)現(xiàn)移除一個(gè)字段的表單(公司名稱——它迷惑用戶應(yīng)該輸入什么)導(dǎo)致銷量高漲的12美元。這些類型的結(jié)果也有足夠的理由來證明A / B測(cè)試表單元素，以便進(jìn)一步獲得提示和建議。

你可能知道這些，但我們只是觸及表面。盡管如此,有一些簡(jiǎn)單的規(guī)則要記住,雖然你有你獨(dú)特的方法對(duì)每個(gè)項(xiàng)目進(jìn)行設(shè)計(jì)。

要保持簡(jiǎn)單，愚蠢的簡(jiǎn)約設(shè)計(jì)和扁平化設(shè)計(jì)是如此受歡迎，是因?yàn)樗麄儎內(nèi)チ怂心切┎粠椭脩舻膬?nèi)容。我們建議在對(duì)為人眼的網(wǎng)頁(yè)設(shè)計(jì)中，通過減法，采用內(nèi)容第一的設(shè)計(jì)理念來實(shí)踐和雕塑。

導(dǎo)航——構(gòu)建你的導(dǎo)航移動(dòng)先行”的哲學(xué)。確保足夠的填充,這樣他們可點(diǎn)擊周圍區(qū)域且不會(huì)存在侵犯周圍區(qū)域的情況。更重要的是, 設(shè)計(jì)每個(gè)頁(yè)面可以好像讓用戶有第一次瀏覽

你網(wǎng)站的感覺。一個(gè)“迷失的旅行者”的設(shè)計(jì)思路，保證了你的網(wǎng)站總是提供了明確的方向（用戶的當(dāng)前位置）以及簡(jiǎn)單的導(dǎo)航（在旅程的下一步）。

心理技巧–所有的設(shè)計(jì)都是以心理學(xué)為基礎(chǔ)。你的設(shè)計(jì)必須建立信任、激發(fā)更多的情感。所以得閱讀一些話題，例如色彩心理學(xué),個(gè)性的設(shè)計(jì),交互設(shè)計(jì)的誘人藝術(shù)。我們明白你腦子里有很多的事，所以當(dāng)你還在學(xué)習(xí)這門學(xué)科時(shí)犯了錯(cuò)誤很正常（這是相等的部分藝術(shù)形式）。有疑問的時(shí)候，問問自己用戶會(huì)怎么做，然后慢慢回到業(yè)務(wù)目標(biāo)。（完）

作者：JERRY CAO

譯：PMcaff守望者

注意：本文為PMcaff翻譯，轉(zhuǎn)載請(qǐng)標(biāo)注來源PMcaff產(chǎn)品經(jīng)理社區(qū)

---

更多推薦

回復(fù)“61”——馬化騰內(nèi)部分享：三個(gè)問題說透如何做產(chǎn)品

回復(fù)“62”——鳥哥筆記VS知乎劉錘：一個(gè)運(yùn)營(yíng)牛人的進(jìn)化論

回復(fù)“63”——前蘋果副總裁：20-40-60法則

回復(fù)“64”——鵝廠頂級(jí)產(chǎn)品課程：產(chǎn)品細(xì)節(jié)中的情感化設(shè)計(jì)

回復(fù)“65”——如何用互聯(lián)網(wǎng)思維賣辣條

回復(fù)“66”——馬化騰親身分享：騰訊兵法教你做一款高口碑的產(chǎn)品

回復(fù)“67”——去哪兒產(chǎn)品總監(jiān)：先解構(gòu)，再設(shè)計(jì)，把握產(chǎn)品經(jīng)理的核心競(jìng)爭(zhēng)力

回復(fù)“68”——一份優(yōu)秀的競(jìng)品分析報(bào)告的撰寫方法

回復(fù)“69”——阿里收購(gòu)驚人內(nèi)幕，支付寶出大招顛覆式創(chuàng)新-人人都是ATM

回復(fù)“70”——你的微信朋友圈讓你焦慮了嗎？

原創(chuàng)或推薦文章請(qǐng)發(fā)送至郵箱：xiaoxi@pmcaff.com

PMcaff合作媒體：Chinaz

總結(jié)

以上是生活随笔為你收集整理的【干货】3种常见用户体验错误将扼杀好设计的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。