設(shè)計(jì)師如何避免“畫圖仔”命運(yùn)?
設(shè)計(jì)師角色,不僅是畫好圖、做好設(shè)計(jì)執(zhí)行就可以了,更重要的是要去了解產(chǎn)品背景、業(yè)務(wù)目的、用戶人群,掌握產(chǎn)品邏輯與模式,進(jìn)而才能在落實(shí)產(chǎn)品整體性的前提下做出適宜的產(chǎn)品設(shè)計(jì)。
Jack.P(以下簡(jiǎn)稱JP)成為設(shè)計(jì)師之前,以為設(shè)計(jì)師只要畫好圖就好了。但是工作了2年,他發(fā)現(xiàn)不僅畫圖,前前后后的事都要身為「設(shè)計(jì)師」的自己來做。于是他開始試著整理設(shè)計(jì)師的工作流。
01 需求的生命周期
JP發(fā)現(xiàn)需求總是分為兩個(gè)階段:
- 設(shè)計(jì)階段
- 落地階段
在第一階段,需求流程大致如下:
需求通常來源多個(gè)地方,但今天這不是JP整理的重點(diǎn)。他發(fā)現(xiàn),需求經(jīng)過產(chǎn)品的整理后輸出產(chǎn)品文檔交付給設(shè)計(jì)。自己便開始了工作,往往在這一階段會(huì)和產(chǎn)品經(jīng)理有很多互動(dòng):撕逼、溝通、互相拍桌子干仗等。
設(shè)計(jì)方案搞定產(chǎn)品以后,進(jìn)入評(píng)審流程。拉上開發(fā)老哥、業(yè)務(wù)方等相關(guān)人員,聚眾小黑屋為的不是別的,而是精準(zhǔn)地闡述設(shè)計(jì)方案,當(dāng)然也有防止一群人在你背后戳屏幕的場(chǎng)景出現(xiàn)。
小黑屋出來一般只會(huì)得到兩個(gè)結(jié)果:YES開發(fā),NO重做。
前一種是比較順利的,后一種嘛……
千辛萬苦,需求終于進(jìn)入落地階段:
JP以為自己畫完圖就完事了,完了還被開發(fā)老哥拍了拍肩膀,露出了一個(gè)核善的微笑。
“這個(gè)那個(gè),該上傳iconfont的上傳,做切片的切片,把邏輯都寫清楚了,不然今天就一起加班到天亮?!盝P好不容易把圖標(biāo)交付了,發(fā)現(xiàn)自己還得了解測(cè)試時(shí)間,測(cè)試?yán)细缬终f話了:“這個(gè)需求啊,暫定xx日,記得那天要加班發(fā)驗(yàn)收哦?!?/p>
千辛萬苦,終于上線了。上線效果不好,背鍋。數(shù)據(jù)不好,背鍋。
JP終于發(fā)現(xiàn),需求從一開始,就跟設(shè)計(jì)師分不開。換言之,一個(gè)設(shè)計(jì)師不僅要擁有出色的設(shè)計(jì)能力,也要有與之匹配的落地能力。
02 設(shè)計(jì)仔和高級(jí)設(shè)計(jì)師的區(qū)別?
過了幾天,JP整理完工作后突發(fā)其想:不能一直淪為設(shè)計(jì)仔。于是他去請(qǐng)教了前輩Bhs。前輩看他骨骼驚奇,收了他5毛學(xué)費(fèi)緩緩說道:
“設(shè)計(jì)仔和設(shè)計(jì)師的區(qū)別在于沒有自己成體系的設(shè)計(jì)理論支撐。既然請(qǐng)我吃了小布丁也收了學(xué)費(fèi),今日便傳授你三板斧,好自練習(xí)?!?/p>
JP如沐春風(fēng),聽前輩傳授「三板斧」:
- 知產(chǎn)品,懂業(yè)務(wù)
- 掌握需求平衡
- 歸納設(shè)計(jì)需求
1. 知產(chǎn)品,懂業(yè)務(wù)
產(chǎn)品在你加入時(shí)就應(yīng)該了解它到底是做什么的,服務(wù)哪些人。
今后做的任何需求都應(yīng)該以這個(gè)產(chǎn)品的初心來執(zhí)行,如果偏離了這個(gè)原則,那它的失敗是早就埋下的。
產(chǎn)品定位就像物理題里沒提到的一般原則一樣,拋去這個(gè)原則做的任何需求都是徒有其形。
2. 掌握業(yè)務(wù)平衡
產(chǎn)品的需求,往往可以拆解為業(yè)務(wù)訴求和用戶訴求。
業(yè)務(wù)訴求:通俗來講就是商業(yè)訴求。 有的地方會(huì)把業(yè)務(wù)訴求拆解為業(yè)務(wù)目的和業(yè)務(wù)目標(biāo)。
業(yè)務(wù)目的就是為什么要做這個(gè)需求。
業(yè)務(wù)目標(biāo)指的是拿到一些具體結(jié)果,比如KPI上的指標(biāo)。
再細(xì)一點(diǎn),業(yè)務(wù)目的通常通俗易懂,老板要恰飯,產(chǎn)品要盈利。比如XX會(huì)員,它提出讓付費(fèi)的用戶使用更多的功能。而業(yè)務(wù)目標(biāo)是通常是一個(gè)具體目標(biāo),比如開通會(huì)員率占總用戶的10%。
業(yè)務(wù)目標(biāo)相對(duì)苛刻,需要長(zhǎng)期執(zhí)行,也就是我們經(jīng)常說的「拿結(jié)果說話」。
用戶訴求:如何讓我心甘情愿買單?
現(xiàn)在主流產(chǎn)品提倡的用戶體驗(yàn)也是圍繞著用戶訴求,但無非是針對(duì)兩個(gè)情況:
- 讓我有更爽的解決方案。
- 讓我有解決不爽的方案。
用戶體驗(yàn)是基于用戶場(chǎng)景的。比如百度網(wǎng)盤,新用戶注冊(cè)立享2TB云盤儲(chǔ)存空間。雖然幾乎用不完,(如果你有2個(gè)T的資源記得后臺(tái)分享我) 但是白給的我為啥不要?
又比如百度網(wǎng)盤限速,限速了我很不爽啊,但是我要下載文件啊,這時(shí)只能選擇充會(huì)員來達(dá)到下載文件的目的。業(yè)務(wù)平衡又折中的方案就是讓用戶體驗(yàn)會(huì)員下載速度,「試用會(huì)員加速」功能應(yīng)時(shí)而生,引發(fā)用戶購(gòu)買會(huì)員的欲望以間接提高會(huì)員開通率。
當(dāng)然也有持續(xù)的白嫖黨,比如我。
……聽到這里,JP偷偷瞄了前輩一眼,前輩老臉不紅,繼續(xù)往下講——
用戶行為
和業(yè)務(wù)訴求不一樣的地方是,用戶訴求還要仔細(xì)甄別用戶行為是基于什么,促使用戶行為的因素是什么?
最基礎(chǔ)的因素一般從動(dòng)機(jī)、擔(dān)憂、障礙三個(gè)方面入手:
- 動(dòng)機(jī)指的是,用戶能通過這個(gè)需求獲得什么好處?
- 擔(dān)憂指的是,用戶對(duì)個(gè)人信息安全的考慮,平臺(tái)會(huì)不會(huì)跑路,就像Tony老師那樣
- 障礙指的是,用戶對(duì)整個(gè)流程操作是否方便快捷,有無遇到阻礙
3. 歸納設(shè)計(jì)需求
Bhs咬了一口小布丁以后,繼續(xù)說道:
了解好以上信息,我們需要對(duì)具體需求中的側(cè)重點(diǎn)選擇對(duì)應(yīng)的設(shè)計(jì)策略。比如時(shí)間緊迫、Test等,采用mvp上線等方法。
或者是通過對(duì)需求的感知,進(jìn)行視覺映射。比如傳遞安全感,色彩選用、圖形策略、布局清晰等。設(shè)計(jì)的價(jià)值在于心智塑造。
那我該怎么做呢?JP問道。
別急,我這就跟你說。Bhs隨手把小布丁的棒丟進(jìn)了垃圾桶。
03 設(shè)計(jì)師的需求解決方案
設(shè)計(jì)師有自己的體系,會(huì)非常清楚每個(gè)階段自己該做什么:
- 設(shè)計(jì)前:前期溝通
- 設(shè)計(jì)中:設(shè)計(jì)執(zhí)行
- 設(shè)計(jì)后:設(shè)計(jì)交付
1. 設(shè)計(jì)前:前期溝通
先和產(chǎn)品聊聊,了解背景、業(yè)務(wù)目的、用戶人群。
很多設(shè)計(jì)師上來就做圖,這樣是不對(duì)的。
也會(huì)用到很多方法論,比如用戶調(diào)研、問卷等。但只有不明確的需求才需要執(zhí)行調(diào)研。用研方法只是工具箱里的工具,真正決定是否要用的人是設(shè)計(jì)師自己。
溝通同時(shí)可以獲取一些數(shù)據(jù),思考當(dāng)前的數(shù)據(jù)情況為什么是這樣,便于發(fā)現(xiàn)問題。
可能從需求提出來,只是業(yè)務(wù)方的一個(gè)解決方案,但不一定是一個(gè)最優(yōu)的解決方案。
還可以側(cè)敲旁聽項(xiàng)目細(xì)節(jié)信息,時(shí)間的緊迫、指標(biāo)的高低等。
2. 設(shè)計(jì)中:設(shè)計(jì)執(zhí)行
設(shè)計(jì)執(zhí)行可就厲害了,包含了交互設(shè)計(jì)、布局設(shè)計(jì)、Icon設(shè)計(jì)、字體設(shè)計(jì)、動(dòng)效設(shè)計(jì)、質(zhì)感細(xì)節(jié)等。
很多設(shè)計(jì)師上來就盯著頁面,開始找參考。
這樣的設(shè)計(jì)流程是有斷層的,即便方案做完了,也無法在評(píng)審有足夠多的支撐,打回重做。
如果時(shí)間充裕,每次做完了,可以從上述的幾個(gè)方面先審視自己的方案,能否做到自己滿意。
3. 設(shè)計(jì)后:設(shè)計(jì)交付
設(shè)計(jì)做完了,評(píng)審也ok了,還要和開發(fā)做交付工作。
現(xiàn)在有很多工具方便這么做,比如Zeplin、Sketchmeasure之類的,可以非常便利的和開發(fā)對(duì)接。提前做好圖標(biāo)切圖,有利于提高開發(fā)老哥的好感度。
測(cè)試走查一般在上線之前,往往需要半天時(shí)間進(jìn)行設(shè)計(jì)走查,慢工出細(xì)活。
如果項(xiàng)目比較大,還要維護(hù)設(shè)計(jì)文檔的建立,方便其他設(shè)計(jì)師接手你的工作時(shí),符合統(tǒng)一性。
最后,推薦使用Teambition,對(duì)每個(gè)需求建立生命周期。
這樣不會(huì)忘了一些關(guān)鍵需求而手忙腳亂,設(shè)計(jì)師不僅要關(guān)心自己的產(chǎn)出,也要足夠細(xì)膩配合上下游,共同設(shè)計(jì)良好體驗(yàn)的產(chǎn)品。
JP:WC,NB!
Bhs:再接再厲小老弟。
作者:瓦解Pen;公眾號(hào):否定設(shè)計(jì)師,歡迎關(guān)注,一起成長(zhǎng)!
本文由 @瓦解Pen 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
產(chǎn)品原型,也不只是產(chǎn)品在用,設(shè)計(jì)和開發(fā)都需要看。我覺得墨刀對(duì)開發(fā)者很友好,在團(tuán)隊(duì)協(xié)作上面也非常的方便,覺得最好用的就是自帶的示例和方便的動(dòng)效了和手機(jī)預(yù)覽。
對(duì)于移動(dòng)端,墨刀已經(jīng)做的很成熟了。但是很多后臺(tái)或者web,還是axure比較方便。
對(duì)哇,我用起axure沒有墨刀順手。對(duì)了最近墨刀素材廣場(chǎng)里推出了好多后臺(tái)啊web端的原型,也很方便啦,可以直接抄作業(yè)~ ??
哈哈哈, 如果是面向c端,偏前端的話,哪個(gè)順手用哪個(gè)呀!
對(duì)對(duì) 只是工具而已,不是目的~ ??
嗯嗯!