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