打造用戶體驗(yàn)最忌諱的致命傷

打造用戶體驗(yàn)最忌諱的致命傷

作為一個數(shù)字設(shè)計師，不可能同時滿足所有人的訴求?？蛻艉屠嬲哂袝r會誤解設(shè)計的過程。他們或許知道后端開發(fā)和網(wǎng)頁的用戶體驗(yàn)設(shè)計是兩種不同的學(xué)科，所以，作為設(shè)計師，應(yīng)該成為個無所不知的天才。考慮到這一點(diǎn)，當(dāng)你接觸一些相對較新的用戶體驗(yàn)設(shè)計時，你肯定會犯一些錯誤。沒有人不會失誤，因?yàn)橐恍╉?xiàng)目復(fù)雜得令人難以置信。為了幫助重申一些基本點(diǎn)。我們匯集了一些最常見的錯誤，這些小貼士幫助你避免在常見的用戶體驗(yàn)中犯錯誤。一.為自己設(shè)計我們應(yīng)該對一些“天才心態(tài)”感到愧疚。當(dāng)你在一些創(chuàng)造性的領(lǐng)域工作時，你一些根深蒂固的觀念總是試圖排擠掉一些你自己經(jīng)歷過的事實(shí)。但是作為一位成功的設(shè)計師，你必須要逃出自我沉醉。你并不是去證明任何事情都與你的設(shè)計相關(guān)。你唯一的目標(biāo)是幫助用戶創(chuàng)造一次難忘的經(jīng)歷。當(dāng)然，你不總是希望與用戶需求產(chǎn)生距離。設(shè)計師總覺得對自己的作品有一種父母的責(zé)任感。但你必須確保要對用戶負(fù)責(zé)，而不是你的自我。最好的方法是學(xué)習(xí)如何充滿激情地了解他人的工作。讓我們看看韋伯烤架燒烤文化網(wǎng)站的一個自信設(shè)計例子。作為一個例子，擁抱是一個沒有廢話的觀眾。上面圖片大膽地運(yùn)用了豐富的顏色，高清晰度的圖像，干凈利落的視頻介紹配上男性畫外音，這些都降吸引著戶外達(dá)人(或者周末達(dá)人)。網(wǎng)站了解敘事的力量，展示的產(chǎn)品是一群朋友之間的野營旅行。但是它不走極端設(shè)計技巧：動畫和視頻足夠用來捕捉你的興趣，且讓插圖解釋如何實(shí)際使用燒烤。豐富的燒烤文化動畫向所有設(shè)備提供了一致的體驗(yàn)。通過運(yùn)行谷歌移動端的一個測試工具，網(wǎng)站甚至在移動優(yōu)化方面獲得了一個很好的分?jǐn)?shù)。既然我們已經(jīng)探索了視覺的案例研究，讓我們腳踏實(shí)地了解在設(shè)計過程中的更多技巧。1.在設(shè)計的每個階段都要想到用戶。2.創(chuàng)建用戶旅行地圖，想想網(wǎng)站將怎樣被不同的用戶組使用。3.進(jìn)一步對買家角色進(jìn)行了解，了解不同用戶群體的導(dǎo)航網(wǎng)站，看看他們從網(wǎng)站和公司中需要什么。4.UI識別方面的困難是為了創(chuàng)建初始框架使他符合用戶體驗(yàn)的做法。例如用戶映射和旅行。5.盡可能多的進(jìn)行實(shí)際設(shè)備測試。如果項(xiàng)目是足夠大的，與用戶進(jìn)行實(shí)地研究。(至少，你應(yīng)該運(yùn)行調(diào)節(jié)或自由的可用性測試。)6.進(jìn)行A/B測試來測試不同的設(shè)計元素，如顏色，按鈕，文本，圖像等等。二.別把UX弄錯成UI像我們在WebUI的最佳實(shí)踐第1章說了，用戶體驗(yàn)不等于UI?；旌狭薝I和UX是一個常見的錯誤。這并不奇怪，因?yàn)榭s寫是相似的，這足以使一些不熟悉的人混淆。另一個原因是這兩門學(xué)科是相關(guān)的。用戶關(guān)注的是如何與網(wǎng)站進(jìn)行交互，這是用戶整體體驗(yàn)的一部分。但UI關(guān)心的是按哪個按鈕，接下來去哪兒(例如用戶的目標(biāo)是界面清晰度)，UX關(guān)心的是整體的設(shè)計讓用戶感覺。簡而言之，UI設(shè)計的目標(biāo)是創(chuàng)造高效而又迷人的界面，幫助創(chuàng)造一個良好的整體用戶體驗(yàn)?；仡櫸覀円郧暗囊c(diǎn)，可用性測試在設(shè)計界面時能確保保持專注于整體的經(jīng)驗(yàn)。不要對設(shè)計中的Dribbblisation感到內(nèi)疚(Dribbblisation查不出啥意思=_=)。甚至在你開啟Photoshop或Sketch之前，你都要了解你的用戶，了解他們的他們的目標(biāo)，欲望，行為，和野心。如上圖所示，明白用戶體驗(yàn)需要掌握不同的學(xué)科。因?yàn)槟阒皇怯幸粋€漂亮的界面并不意味著它會工作得很好，因?yàn)槟阒皇怯幸粋€功能接口并不意味著人們會喜歡它的。我們從第一個內(nèi)容就談到UX和UI設(shè)計。當(dāng)進(jìn)行一些用戶研究后，在你可點(diǎn)擊的網(wǎng)站上創(chuàng)造了一個網(wǎng)站的交互地圖。無論你使用Keynote或一個數(shù)字原型工具，總是開始于一個站點(diǎn)地圖，以致于你可以有衡量總體的經(jīng)驗(yàn)。從上面你可以看到BarrelNY的設(shè)計，這個站點(diǎn)地圖文件為您的網(wǎng)站的信息架構(gòu)。確保每一個“分支”那時能通過線框圖或頁面原型點(diǎn)擊它本身。我們自己已經(jīng)試過，它能通過任何專業(yè)的原型應(yīng)用程序演示。通過第一個內(nèi)容之前的線框圖，你應(yīng)該按這些進(jìn)行重要性排序：1.內(nèi)容結(jié)構(gòu)2.交互設(shè)計3.視覺設(shè)計之所以這樣是因?yàn)閮?nèi)容的形式是所有設(shè)計的基礎(chǔ)，這才是用戶真正關(guān)心的。其次，在交互迭代時通過低或中高保真原型可以幫助你更好的控制流通的內(nèi)容。第三，或者同時，你那時盡可能地改進(jìn)視覺設(shè)計，盡可能有一種被邀請的感覺(考慮到視覺是我們最強(qiáng)的感覺)。三.詢問用戶太多的信息用戶是懶惰的，你添加的形式越多，用戶就會感到動力不足。像我們描述交互設(shè)計中的最佳實(shí)踐中那樣，你通常要盡可能創(chuàng)造流暢的體驗(yàn)。例如下圖，只問你想學(xué)的語言就足夠聯(lián)系起信息來建立一個賬戶。研究指出，在前幾年實(shí)踐中檢驗(yàn)的虛構(gòu)想象中，有太多的讓用戶注冊的理論領(lǐng)域。測試對比了11種領(lǐng)域，有四種是十分重要的。11種領(lǐng)域的形成需要以下信息：名稱、單位、地址、市、州、郵編、電話、傳真、電子郵件、首選聯(lián)系方式、評論，還包括復(fù)選框，在最后問了客人聽說過的網(wǎng)站。精簡的四種領(lǐng)域所需要的信息：名稱、電話、電子郵件，評論。當(dāng)然，你可以進(jìn)一步通過刪除電話號碼和評論(這通常不是很有幫助)。這取決于你的行業(yè)，一個電話號碼可能是領(lǐng)先一步的關(guān)鍵，但是你會發(fā)現(xiàn)人們對這些不請自來的電話的猶豫會多得多。所以研究的底線是什么？他們發(fā)現(xiàn)，短形式的注冊人數(shù)超過了長形式的140%。此外，轉(zhuǎn)換數(shù)近120%是隨著精簡形式的使用急劇增加的。研究還發(fā)現(xiàn)無關(guān)的領(lǐng)域?qū)D(zhuǎn)換的質(zhì)量沒有影響。為了達(dá)到需要正確號碼的目的，你應(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)隊通常需要更多的信息，而設(shè)計師為最佳用戶體驗(yàn)戰(zhàn)斗(間接滿足業(yè)務(wù)需求)。權(quán)衡的唯一方法是測試。例如，Expedia發(fā)現(xiàn)移除一個字段的表單(公司名稱——它迷惑用戶應(yīng)該輸入什么)導(dǎo)致銷量高漲的12美元。這些類型的結(jié)果也有足夠的理由來證明A/B測試表單元素，以便進(jìn)一步獲得提示和建議。你可能知道這些，但我們只是觸及表面。盡管如此，有一些簡單的規(guī)則要記住，雖然你有你獨(dú)特的方法對每個項(xiàng)目進(jìn)行設(shè)計。要保持簡單，愚蠢的簡約設(shè)計和扁平化設(shè)計是如此受歡迎，是因?yàn)樗麄儎內(nèi)チ怂心切┎粠椭脩舻膬?nèi)容。我們建議在對為人眼的網(wǎng)頁設(shè)計中，通過減法，采用內(nèi)容第一的設(shè)計理念來實(shí)踐和雕塑。導(dǎo)航——構(gòu)建你的導(dǎo)航移動先行”的哲學(xué)。確保足夠的填充，這樣他們可點(diǎn)擊周圍區(qū)域且不會存在侵犯周圍區(qū)域的情況。更重要的是，設(shè)計每個頁面可以好像讓用戶有第一次瀏覽你網(wǎng)站的感覺。一個“迷失的旅行者”的設(shè)計思路，保證了你的網(wǎng)站總是提供了明確的方向(用戶的當(dāng)前位置)以及簡單的導(dǎo)航(在旅程的下一步)。心理技巧所有的設(shè)計都是以