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

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

作為一個(gè)數(shù)字設(shè)計(jì)師，不可能同時(shí)滿足所有人的訴求?？蛻艉屠嬲哂袝r(shí)會(huì)誤解設(shè)計(jì)的過(guò)程。他們或許知道后端開發(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ò)誤。沒(méi)有人不會(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)歷過(guò)的事實(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è)沒(méi)有廢話的觀眾。上面圖片大膽地運(yùn)用了豐富的顏色，高清晰度的圖像，干凈利落的視頻介紹配上男性畫外音，這些都降吸引著戶外達(dá)人(或者周末達(dá)人)。網(wǎng)站了解敘事的力量，展示的產(chǎn)品是一群朋友之間的野營(yíng)旅行。但是它不走極端設(shè)計(jì)技巧：動(dòng)畫和視頻足夠用來(lái)捕捉你的興趣，且讓插圖解釋如何實(shí)際使用燒烤。豐富的燒烤文化動(dòng)畫向所有設(shè)備提供了一致的體驗(yàn)。通過(guò)運(yùn)行谷歌移動(dòng)端的一個(gè)測(cè)試工具，網(wǎng)站甚至在移動(dòng)優(yōu)化方面獲得了一個(gè)很好的分?jǐn)?shù)。既然我們已經(jīng)探索了視覺的案例研究，讓我們腳踏實(shí)地了解在設(shè)計(jì)過(guò)程中的更多技巧。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è)試來(lái)測(cè)試不同的設(shè)計(jì)元素，如顏色，按鈕，文本，圖像等等。二.別把UX弄錯(cuò)成UI像我們?cè)赪ebUI的最佳實(shí)踐第1章說(shuō)了，用戶體驗(yàn)不等于UI?；旌狭薝I和UX是一個(gè)常見的錯(cuò)誤。這并不奇怪，因?yàn)榭s寫是相似的，這足以使一些不熟悉的人混淆。另一個(gè)原因是這兩門學(xué)科是相關(guān)的。用戶關(guān)注的是如何與網(wǎng)站進(jìn)行交互，這是用戶整體體驗(yàn)的一部分。但UI關(guān)心的是按哪個(gè)按鈕，接下來(lái)去哪兒(例如用戶的目標(biāo)是界面清晰度)，UX關(guān)心的是整體的設(shè)計(jì)讓用戶感覺。簡(jiǎn)而言之，UI設(shè)計(jì)的目標(biāo)是創(chuàng)造高效而又迷人的界面，幫助創(chuàng)造一個(gè)良好的整體用戶體驗(yàn)?；仡櫸覀円郧暗囊c(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)。從上面你可以看到BarrelNY的設(shè)計(jì)，這個(gè)站點(diǎn)地圖文件為您的網(wǎng)站的信息架構(gòu)。確保每一個(gè)“分支”那時(shí)能通過(guò)線框圖或頁(yè)面原型點(diǎn)擊它本身。我們自己已經(jīng)試過(guò)，它能通過(guò)任何專業(yè)的原型應(yīng)用程序演示。通過(guò)第一個(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í)通過(guò)低或中高保真原型可以幫助你更好的控制流通的內(nèi)容。第三，或者同時(shí)，你那時(shí)盡可能地改進(jìn)視覺設(shè)計(jì)，盡可能有一種被邀請(qǐng)的感覺(考慮到視覺是我們最強(qiáng)的感覺)。三.詢問(wèn)用戶太多的信息用戶是懶惰的，你添加的形式越多，用戶就會(huì)感到動(dòng)力不足。像我們描述交互設(shè)計(jì)中的最佳實(shí)踐中那樣，你通常要盡可能創(chuàng)造流暢的體驗(yàn)。例如下圖，只問(wèn)你想學(xué)的語(yǔ)言就足夠聯(lián)系起信息來(lái)建立一個(gè)賬戶。研究指出，在前幾年實(shí)踐中檢驗(yàn)的虛構(gòu)想象中，有太多的讓用戶注冊(cè)的理論領(lǐng)域。測(cè)試對(duì)比了11種領(lǐng)域，有四種是十分重要的。11種領(lǐng)域的形成需要以下信息：名稱、單位、地址、市、州、郵編、電話、傳真、電子郵件、首選聯(lián)系方式、評(píng)論，還包括復(fù)選框，在最后問(wèn)了客人聽說(shuō)過(guò)的網(wǎng)站。精簡(jiǎn)的四種領(lǐng)域所需要的信息：名稱、電話、電子郵件，評(píng)論。當(dāng)然，你可以進(jìn)一步通過(guò)刪除電話號(hào)碼和評(píng)論(這通常不是很有幫助)。這取決于你的行業(yè)，一個(gè)電話號(hào)碼可能是領(lǐng)先一步的關(guān)鍵，但是你會(huì)發(fā)現(xiàn)人們對(duì)這些不請(qǐng)自來(lái)的電話的猶豫會(huì)多得多。所以研究的底線是什么？他們發(fā)現(xiàn)，短形式的注冊(cè)人數(shù)超過(guò)了長(zhǎng)形式的140%。此外，轉(zhuǎn)換數(shù)近120%是隨著精簡(jiǎn)形式的使用急劇增加的。研究還發(fā)現(xiàn)無(wú)關(guān)的領(lǐng)域?qū)D(zhuǎn)換的質(zhì)量沒(méi)有影響。為了達(dá)到需要正確號(hào)碼的目的，你應(yīng)該研究你的用戶。首先準(zhǔn)確地定義所有必要的數(shù)據(jù)，你需要收集他們。盡管我們不能強(qiáng)調(diào)不夠，但你也不應(yīng)該列出一個(gè)像駕校考官所喜歡的形式，我們也明白沒(méi)有神奇的數(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é)果也有足夠的理由來(lái)證明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ì)中，通過(guò)減法，采用內(nèi)容第一的設(shè)計(jì)理念來(lái)實(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ì)都是以