如何快速找出存在問題的交互設(shè)計(jì)
2011-08-26 文章來源: 深達(dá)設(shè)計(jì)
如何快速找出存在問題的交互設(shè)計(jì)
當(dāng)我們在沒有數(shù)據(jù)，沒有時(shí)間去了解具體情況，沒有多余的精力和資金做各種測試，在構(gòu)思階段想要驗(yàn)證自己想法的時(shí)候，如何用最快速的方法發(fā)現(xiàn)有問題的設(shè)計(jì)并把他扼殺在搖籃中？接下來的內(nèi)容應(yīng)該對你有所幫助。
我寫正文前，我希望大家能夠明白不好的設(shè)計(jì)是有多種原因造成的，我寫這篇文章的目的是想探討下如何快速的鑒別出不好的設(shè)計(jì)，并避免這樣的設(shè)計(jì)發(fā)生在自己身上。但有時(shí)候明知道是不好的設(shè)計(jì)卻還是發(fā)生在自己身上了——原因你懂的。下面說正題：
我拿來舉例子的這一家網(wǎng)站算是比較著名的威客網(wǎng)站，就是發(fā)布任務(wù)接任務(wù)的網(wǎng)站。我是第一次去這家網(wǎng)站。我來描述一下我當(dāng)時(shí)的感受（換位意淫是個(gè)很有用的方法，想象自己是一個(gè)怎樣的人，然后開始意淫自己遇到這樣的情況會怎么想，當(dāng)然更正規(guī)的是角色分析——創(chuàng)建虛擬用戶角色）：
一個(gè)看上去像搜索的功能
首先，當(dāng)我打開這個(gè)頁面的時(shí)候，第一反應(yīng)是淘寶，因?yàn)閁I實(shí)在是很像。加上左邊的那些分類導(dǎo)航，和頁面正中央那些幾乎不包含任何信息的圖片。我一時(shí)沒弄明白這個(gè)網(wǎng)站是干什么的。
然后，在當(dāng)我想要干點(diǎn)什么的時(shí)候，我發(fā)現(xiàn)了右上角那個(gè)大大的搜索框，在搜索框里跳動(dòng)的文字我沒明白是想說明什么，為什么搜索的右邊又是叫發(fā)布內(nèi)容呢？所以我就搜索了一個(gè)2關(guān)鍵字組合：“程序 設(shè)計(jì)”。點(diǎn)擊發(fā)布任務(wù)，期待出現(xiàn)搜索結(jié)果……
點(diǎn)擊按鈕跳轉(zhuǎn)到一個(gè)任務(wù)提交表單
結(jié)果出現(xiàn)的內(nèi)容出乎我的意料，原來是把我輸入的內(nèi)容帶入到了發(fā)布任務(wù)的標(biāo)題的輸入框里。我第一反應(yīng)就是這個(gè)設(shè)計(jì)實(shí)在是太糟糕了。注意，當(dāng)你有這樣感覺的時(shí)候，可能是設(shè)計(jì)出問題了，但僅僅只是可能。
當(dāng)我經(jīng)過分析和思考之后認(rèn)為這個(gè)設(shè)計(jì)確實(shí)是有問題的，但當(dāng)我這樣確定之后我的第一反應(yīng)是問人。因?yàn)槲页Ｕf：“我們常常認(rèn)為別人是白癡，其實(shí)沒準(zhǔn)自己才是白癡”所以我一般都假設(shè)這個(gè)設(shè)計(jì)是有精妙之處而未被我發(fā)現(xiàn)的。同時(shí)因?yàn)槲覍@個(gè)網(wǎng)站也沒有足夠的了解，肯定有很多地方考慮的不周到的地方。當(dāng)我詢問了這個(gè)產(chǎn)品的知情人，所以我可以確定我的猜測大體上是沒錯(cuò)的了。
我接下主要針對這一個(gè)設(shè)計(jì)我認(rèn)為存在的問題進(jìn)行闡述。
經(jīng)過我的分析我得出的結(jié)論是：
1、這樣的設(shè)計(jì)沒有任何好處，包括不能減少用戶操作
2、這樣的設(shè)計(jì)有壞處，會造成歧義（比如我就理解成了搜索）和思維混亂（這到底是用來干什么的）。
不要覺得這個(gè)結(jié)論是廢話，因?yàn)槟壳暗挠脩趔w驗(yàn)的提升主要是集中在2方面（其他方面，比如響應(yīng)速度，界面美觀等部分都比較顯而易見，解決方案也比較容易評價(jià)）
1、符合用戶心理預(yù)期——就是很流行的那句：don’t make me think（別讓用戶思考）
2、減少用戶操作
雖然針對不同的人群這兩方面的權(quán)重是不一樣的（現(xiàn)在大家都重視第一條，主要是那本書害的），可這個(gè)設(shè)計(jì)既不符合用戶心理預(yù)期，又不能減少用戶操作所以一定是有問題的。
篇幅的關(guān)系，我在下一篇會分步驟詳細(xì)說明我得出這些結(jié)論的詳細(xì)分析過程和原因。
一個(gè)既高興又悲痛的消息：我上篇所說的問題網(wǎng)站已經(jīng)修正了。高興的是問題解決了，少了一個(gè)明顯的錯(cuò)誤；悲痛的是，我這還沒寫完他那就已經(jīng)修正了，可我還是得繼續(xù)寫完這篇
快速找出存在問題的交互設(shè)計(jì)第一步就是計(jì)算這個(gè)任務(wù)完成的操作次數(shù)（多半是點(diǎn)擊次數(shù)）。因?yàn)檫@個(gè)是最簡單的判斷，你只要數(shù)數(shù)就可以了。如果發(fā)現(xiàn)減少了用戶的點(diǎn)擊次數(shù)，那么只要不影響用戶的理解，這就是個(gè)好設(shè)計(jì)。相反的如果增加了用戶的點(diǎn)擊次數(shù)，那么前提一定是之前的設(shè)計(jì)容易產(chǎn)生誤解，否則這就是一個(gè)爛設(shè)計(jì)。（你如果忘記了這個(gè)方案具體是怎么樣的可以參考：如何快速找出存在問題的交互設(shè)計(jì)（上篇））
一個(gè)看上去像搜索的功能
點(diǎn)擊按鈕跳轉(zhuǎn)到一個(gè)任務(wù)提交表單
所以針對這個(gè)方案我們先來數(shù)數(shù)：
目前的方案：輸入任務(wù)→點(diǎn)擊按鈕（跳轉(zhuǎn)頁面）→補(bǔ)充內(nèi)容→點(diǎn)擊按鈕
常規(guī)方案：點(diǎn)擊按鈕（跳轉(zhuǎn)頁面）→輸入任務(wù)+補(bǔ)充內(nèi)容→點(diǎn)擊按鈕
可以看出在單純的點(diǎn)擊上是沒有任何優(yōu)化的。
然后進(jìn)入第二步：推測這個(gè)設(shè)計(jì)是否對用戶理解有幫助。
一般將表單拆分到多個(gè)頁面是出于引導(dǎo)或者是表單內(nèi)容太多，減輕用戶心理負(fù)擔(dān)的作用?？偣簿?條數(shù)據(jù)，所以不存在減輕用戶心理負(fù)擔(dān)的作用。那么多半是引導(dǎo)的作用。
那么這個(gè)設(shè)計(jì)是否能給用戶引導(dǎo)呢？
首先這個(gè)設(shè)計(jì)在外觀上違反了通用的表單形式，而是模仿搜索引擎的外觀。如果非要這么設(shè)計(jì)，首先就應(yīng)該在輸入框前加上描述性文字，讓其盡可能的與搜索引擎區(qū)分開。
其次里面變化的描述文字有誤導(dǎo)作用“比如：品牌logo設(shè)計(jì)”；“比如：找資源，找人才”。這是暗示我在輸入框里輸入什么呢？“比如”兩個(gè)字讓我個(gè)人感覺后面的文字像是在舉例子。是讓我直接輸入找資源，找人才？
最后無論你有多少文字描述，都遠(yuǎn)不如在一個(gè)表單里效果好，因?yàn)轫撁嫔系娜魏卧囟紩蔀槲覀儾聹y的依據(jù)。我相信下面的圖，我什么都不說，你也能猜出那兩個(gè)框分別是什么。所以，頁面上的所有元素都能起到互相解釋的作用。他們并不是獨(dú)立存在的。
你猜猜這兩個(gè)框都是干嘛的？我相信你一定猜的出
有時(shí)候我們確實(shí)是需要引導(dǎo)，引導(dǎo)的原則應(yīng)該是：最簡單的操作去吸引用戶付出最大的代價(jià)進(jìn)入下一步。這個(gè)填寫任務(wù)名稱很顯然不符合最簡單的操作這個(gè)標(biāo)準(zhǔn)，所以是不可以用來做引導(dǎo)的。
各位可以嘗試下我這個(gè)方法，應(yīng)該能過濾不少明顯的錯(cuò)誤設(shè)計(jì)。用這個(gè)方法比較不出的設(shè)計(jì)才是值得用各種方法測試，參考各種數(shù)據(jù)，去花時(shí)間研究的。
這個(gè)威客網(wǎng)站的最新方案
另外說句網(wǎng)站現(xiàn)在這個(gè)方案，“我有需求”是廢話，倒不如加上一句：數(shù)百萬專業(yè)人才幫助您完成任務(wù)——發(fā)表任務(wù)最怕的是沒人做，這句是打消發(fā)表任務(wù)的人的顧慮，慫恿用戶點(diǎn)擊。當(dāng)然理論上所有方案都是可以不斷完善的，找毛病容易，給方案難。所以我所有提出的意見都會給出一個(gè)我個(gè)人認(rèn)為比較好的替代方案。
