任務(wù)流程:詳解產(chǎn)品設(shè)計(jì)的骨架
我曾經(jīng)接觸過這么一款電子商務(wù)類產(chǎn)品:功能龐大、業(yè)務(wù)邏輯復(fù)雜,但需求文檔詳細(xì)、考慮細(xì)密周全。開發(fā)過后產(chǎn)品也被證明確實(shí)可以使用,沒有什么bug,當(dāng)時(shí)就準(zhǔn)備馬上上線了。然而就在這時(shí),產(chǎn)品卻突然被領(lǐng)導(dǎo)駁回并中止開發(fā)了,原因?yàn)楹危?/p>
領(lǐng)導(dǎo)的意見很簡單:用戶體驗(yàn)太差。確實(shí),我看了半天頁面,也沒搞懂該怎么使用,不知道該先點(diǎn)哪個(gè),后點(diǎn)哪個(gè),擺在我面前的是一大堆摸不著頭腦的功能。造成這種原因只因設(shè)計(jì)時(shí)缺失了重要的一步——任務(wù)流程設(shè)計(jì)。
一般來說,用戶使用這種產(chǎn)品有明確的目的(不同于瀏覽新聞網(wǎng)站),那么就必須要在頁面上給予用戶適當(dāng)?shù)囊龑?dǎo),使用戶能快速完成任務(wù)。當(dāng)然在完成任務(wù)之前用戶可能也會(huì)走一些彎路(比如先收藏,或先充值等等)。實(shí)際上,設(shè)計(jì)這類產(chǎn)品就好比設(shè)計(jì)一個(gè)迷宮,支線有很多條,但只有一條主線通向終點(diǎn)。和設(shè)計(jì)迷宮的方法一樣,要先設(shè)計(jì)那條主線,再從容設(shè)計(jì)支線,脈絡(luò)清晰了,才能正確架構(gòu)起整個(gè)產(chǎn)品的功能和內(nèi)容。
設(shè)計(jì)主線(主行為流)就是把雜亂無章的功能點(diǎn)根據(jù)用戶的期望及目標(biāo)以正確的次序組織起來的過程,告訴用戶需要先做什么,再做什么。如果沒有任務(wù)流程圖,就好像把所有路線胡亂組合到一起一樣,那么用戶可能就永遠(yuǎn)走不出去了。
是否設(shè)計(jì)支線(次要行為流),要看是否能對(duì)用戶完成主行為流有必要的幫助(迷宮的支線越少,整體復(fù)雜度越低,越有助于用戶迅速完成任務(wù),過猶不及)。
策劃和開發(fā)團(tuán)隊(duì)心中的產(chǎn)品可能是這樣的:
就像這個(gè)迷宮一樣,產(chǎn)品功能的排放雜亂無章,沒有主次、先后之分。因?yàn)樗麄儗?duì)功能和業(yè)務(wù)邏輯太過熟悉,每到一個(gè)地點(diǎn)就會(huì)憑借環(huán)境迅速判斷下一步該怎么走,所有的功能和操作一視同仁。
而用戶期望的產(chǎn)品是這樣的:
用戶希望不用思考,就能借助引導(dǎo)順利完成任務(wù)。
那么交互設(shè)計(jì)師眼中的產(chǎn)品是什么樣呢?
交互設(shè)計(jì)師既要理解策劃團(tuán)隊(duì)的意圖,又必須從用戶角度思考。關(guān)鍵的一點(diǎn)是確定主行為流。確定了主行為流,就可以以此為線索,理清思路,進(jìn)而規(guī)劃產(chǎn)品的整體界面設(shè)計(jì)。
總之,規(guī)劃一個(gè)產(chǎn)品,從整體到局部、從抽象到具體,是不會(huì)有錯(cuò)的。而如果不經(jīng)過整體規(guī)劃,直接從細(xì)節(jié)入手會(huì)怎樣呢?
不注重整體性,又想把事情做好的人,必然會(huì)過早的限于細(xì)節(jié)當(dāng)中。這樣的后果無非就是盲人摸象。團(tuán)隊(duì)中如果每個(gè)人都是這種情況,那后果就更為嚴(yán)重。這就是開會(huì)時(shí)大家經(jīng)常各抒己見卻毫無結(jié)果的原因。
另一個(gè)后果:過于關(guān)注功能細(xì)節(jié),造成產(chǎn)品臃腫,概念繁雜,且增加了很多不必要的出口。實(shí)際上,整體結(jié)構(gòu)清楚的話,用戶僅借助導(dǎo)航和適當(dāng)引導(dǎo)就能順利完成各種操作,而不需要各種如“救命稻草”般的繁雜出口。否則,產(chǎn)品就成了一團(tuán)亂麻。對(duì)于迷宮來說,每連接一條路或增加一條路,就有可能使迷宮的復(fù)雜程度呈幾何級(jí)數(shù)增長。
但愿這種事情永遠(yuǎn)都不再發(fā)生,但是如果發(fā)生了,請(qǐng)交互設(shè)計(jì)師勇敢的上前迎接挑戰(zhàn)吧。
為什么需要交互設(shè)計(jì)師(Why)
交互設(shè)計(jì)師能夠在理解業(yè)務(wù)的基礎(chǔ)上,站在用戶的角度上進(jìn)行思考,把復(fù)雜晦澀的業(yè)務(wù)邏輯需求“翻譯”成用戶容易理解的界面,最終引導(dǎo)用戶快速完成任務(wù),使策劃方和用戶皆大歡喜。
交互設(shè)計(jì)師需要做什么(What)
◆了解網(wǎng)站需求及用戶目標(biāo)
◆了解功能及業(yè)務(wù)邏輯
◆設(shè)計(jì)任務(wù)流程
◆設(shè)計(jì)信息架構(gòu)
◆制作頁面原型
交互設(shè)計(jì)師需要怎么做(How)
綜上:
一個(gè)稱職的交互設(shè)計(jì)師不是盲目的滿足用戶需求,而是引導(dǎo)用戶去做對(duì)企業(yè)和對(duì)用戶自身都有益并且最重要的事情,同時(shí)給用戶帶來良好的體驗(yàn),達(dá)到“雙贏”的局面。
在這個(gè)基礎(chǔ)上像設(shè)計(jì)迷宮一樣去設(shè)計(jì)任務(wù)流程,在頁面上有針對(duì)性的引導(dǎo)用戶,帶領(lǐng)用戶迅速完成企業(yè)和用戶雙方期望完成的任務(wù)。任務(wù)流程如同產(chǎn)品的骨架,支撐起整個(gè)產(chǎn)品,是無法省去的一步。
【編輯推薦】