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