2017-7-17 資深UI設(shè)計(jì)者
我上周參加了一個工作坊,也算是ThoughtWorks與我所在團(tuán)隊(duì)的交流活動。如果你有了解過IXDC,你能夠在15年的活動中找到四個由他們團(tuán)隊(duì)組織的工作坊,其在一個就與我上周參加的那個相同——《從1到100》。如果我今天把這篇文章發(fā)出去,就算是這個工作坊的劇透了吧(也是經(jīng)過他們允許了的)。
這個工作坊講的是一個完整的設(shè)計(jì)方法,即拿到一個項(xiàng)目需求,如何從設(shè)計(jì)思考(DesignThinking)開始,確定用戶畫像,構(gòu)建場景地圖,頭腦風(fēng)暴,繪制故事版,設(shè)計(jì)產(chǎn)品,直至用戶測試。他們把整個流程分為四個階段:
因?yàn)橄挛牡倪^程會有點(diǎn)長,所以先把我個人的評價(jià)寫在前面。
好處
壞處
結(jié)論
這個工作坊非常適合想要了解和體驗(yàn)設(shè)計(jì)流程的人,但是如果不提前做點(diǎn)功課未必能夠當(dāng)場聽得懂并了解其意義。因?yàn)楣?jié)奏很快,能動力較低的人還是不要勉強(qiáng)自己參加了,很容易迷失。
我的一位組員(也是工作上的導(dǎo)師)感嘆走完這套流程后,得出的方案和最開始自己悶頭想的方案差不了多少(我也這么認(rèn)為)。這是不是說明所謂設(shè)計(jì)流程并無意義?
我作為經(jīng)常走這種設(shè)計(jì)流程的人,想要提醒大家其實(shí)并不是這樣的。這種工作坊參加后,有可能反倒讓你覺得設(shè)計(jì)流程沒有意義。這是因?yàn)榱鞒讨械年P(guān)鍵點(diǎn),即調(diào)研部分遺漏了,所以導(dǎo)致最終得出的方案不可能脫離自己的思維局限。簡單來講,你沒有獲取到新的信息,自然不會得出新的結(jié)論。
例如本次工作坊的用戶訪談階段,我們因?yàn)闀r間場地問題,只是小組之間相互訪談了一下。這就是問題所在了,因?yàn)槲覀冞@幫設(shè)計(jì)師年齡、背景、習(xí)慣差不多,而且很多都是生活在同一個圈子里的,我們的思維行動方式?jīng)]有很大的差異。所以我們?nèi)枌Ψ?,和自己悶頭想并無區(qū)別。但是這個世界上的人形形色色,諸如廣場舞大媽、素食主義者、教徒、低齡兒童、土豪等普通設(shè)計(jì)師不能夠理解的的人群大有所在,而他們統(tǒng)統(tǒng)有可能是我們需要關(guān)注的用戶。如果沒有設(shè)計(jì)調(diào)研,我們的設(shè)計(jì)就很有可能局限于自己淺薄的人生閱歷,止步于眼前的井口。
所以這里就牽扯到了設(shè)計(jì)調(diào)研的意義,即突破設(shè)計(jì)師本人的思維局限,真正為目標(biāo)用戶而設(shè)計(jì)。
任務(wù)
工作坊的任務(wù)就是小組協(xié)作,為餐館里食品浪費(fèi)的問題提供解決方案。這里說的浪費(fèi)主要指吃不完、不打包這類現(xiàn)象。解決方案的形式雖然沒有明說,但是介于還有原型測試步驟,可見少了一句潛臺詞——最好設(shè)計(jì)一款I(lǐng)T產(chǎn)品。
步驟一:用戶訪談
既然現(xiàn)在已經(jīng)了解了你的老板/甲方想要什么(解決食品浪費(fèi)問題),那么接下來顯然就時要了解用戶想要什么了。這一步驟中,只需要解決四個問題即可:
關(guān)于訪談內(nèi)容,PPT給出了這樣一個提綱(但是為了加快進(jìn)度,每組只設(shè)計(jì)了3個問題):
我們小組是這么做的:
統(tǒng)計(jì)結(jié)果前兩問高度相似,畢竟我們中很多人平時都一起吃飯的不是嗎?
步驟二:用戶畫像
用戶畫像什么的還需要解釋嗎?我這里就扔一張PPT上的圖例吧:
我們小組是這么做的(我下次再也不忘記拍照了,這是重畫的):
步驟三:體驗(yàn)地圖
簡單來說,就是把用戶在與我們設(shè)計(jì)相關(guān)的場景中,可能發(fā)生的行為整理列出。以下是PPT給出的例子。
蛋蛋的體驗(yàn)地圖:
花花的體驗(yàn)地圖:
步驟四:解決痛點(diǎn)
根據(jù)體驗(yàn)地圖的場景步驟,為用戶可能遇到的痛點(diǎn)想象解決方案。因?yàn)槊總€人都可以提出很多想法,所以最終需要通過三個維度(創(chuàng)意、可信性和實(shí)用性)的評分來進(jìn)行取舍:
我們小組的最終想法:
步驟五:故事版
將你的創(chuàng)意通過繪圖講故事的方式表現(xiàn)出來。
我們小組的故事版:
步驟六:用戶測試
工作坊時間預(yù)留不夠,這部分沒有做,所以我只放兩張PPT了:
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com