你的設(shè)計(jì)沒有產(chǎn)出價(jià)值？通過(guò)兩個(gè)科學(xué)方法幫你驗(yàn)證

前言

- 首先我們先讀個(gè)小故事 -

小宋和往常一樣早上趕著最后幾分鐘到了公司打卡，坐下后衡量了下今兒的工作量還算輕松，順手翻墻打開behance找找靈感，心里想著下班后是約了女神晚上吃飯，吃完還去看21點(diǎn)場(chǎng)的《復(fù)聯(lián)4》，吃飯時(shí)候還能給她解釋為什么神奇女俠不來(lái)打滅霸，倆人又可以增加一些共同話題，離娶女神的目標(biāo)又跨進(jìn)了一大步。

于是開開心心打開了sketch接著畫昨天沒畫完的圖標(biāo)，項(xiàng)目經(jīng)理急急忙忙的跑過(guò)來(lái)說(shuō)，趕緊一起來(lái)開個(gè)項(xiàng)目進(jìn)展匯報(bào)會(huì)，小宋不情愿的找本子和筆，想著又是漫長(zhǎng)的無(wú)聊的會(huì)議，順道把手機(jī)放進(jìn)兜里一會(huì)可以躲角落刷微博，給劇透《復(fù)聯(lián)4》的人都點(diǎn)舉報(bào)。

剛踏進(jìn)會(huì)議室就看見CEO在C位正坐著，各個(gè)同事正襟危坐表情嚴(yán)肅，整個(gè)氛圍一下子凝重起來(lái)，小宋心里暗罵項(xiàng)目經(jīng)理有老板在也不提前說(shuō)一下，趕緊找了個(gè)遠(yuǎn)離老板的位置坐下，項(xiàng)目經(jīng)理咳嗽了下站起來(lái)說(shuō)：各位都到齊了，本次會(huì)議是因?yàn)槲覀儺a(chǎn)品正式上線后，在數(shù)據(jù)指標(biāo)上都沒有達(dá)到預(yù)期，老板十分重視這個(gè)問(wèn)題，我們針對(duì)團(tuán)隊(duì)工作方式上有哪些可以改進(jìn)的地方進(jìn)行探討，現(xiàn)在按照職能劃分來(lái)說(shuō)一下本周工作內(nèi)容吧，項(xiàng)目掃了一圈看到角落的設(shè)計(jì)師說(shuō)，那先從設(shè)計(jì)師小宋說(shuō)吧。

小宋腦袋嗡了一下哪壺不開提哪壺，想了想說(shuō)：我本周重新畫了個(gè)人中心的圖標(biāo)，又怕顯得工作量不夠繼續(xù)說(shuō)道，晚上我在家自學(xué)動(dòng)效想以后用在產(chǎn)品上。說(shuō)完后會(huì)議室大概有一分鐘的靜寂，小宋一身冷汗，想著項(xiàng)目正式上線后設(shè)計(jì)的工作量急劇減少，走查發(fā)現(xiàn)圖標(biāo)差了幾像素的問(wèn)題找研發(fā)，反饋說(shuō)要排期發(fā)版本才能解決，可這些問(wèn)題也不能怪我呀。

CEO打破了沉寂說(shuō)，設(shè)計(jì)的同學(xué)也需要關(guān)注項(xiàng)目的關(guān)鍵目標(biāo)，關(guān)注產(chǎn)品的用戶體驗(yàn)，通過(guò)一些手段來(lái)驗(yàn)證你的設(shè)計(jì)產(chǎn)出是有價(jià)值的。小宋假裝推眼鏡擦了下額頭的汗認(rèn)認(rèn)真真在本上寫下了“驗(yàn)證設(shè)計(jì)產(chǎn)出的價(jià)值”幾個(gè)字，因?yàn)閺奈聪脒^(guò)驗(yàn)證能和設(shè)計(jì)創(chuàng)意組合在一起。

- 故事完 -

這是設(shè)計(jì)師職場(chǎng)中常見的問(wèn)題，不懂得量化工作產(chǎn)出，在匯報(bào)工作上經(jīng)常感性表述，想哪兒說(shuō)哪兒，臺(tái)下聽眾一片茫然；

產(chǎn)品上線后經(jīng)常以美觀度為第一考量標(biāo)準(zhǔn)，提出的建議不被采納，久而久之也放棄了對(duì)產(chǎn)品的關(guān)注，造成惡心循環(huán)，甚至在作品集里都羞于放真實(shí)上線的界面，覺得不是按照自己創(chuàng)意做出來(lái)的界面。

針對(duì)這種糟糕的情況，在這兒分享兩個(gè)維度的方法來(lái)驗(yàn)證你的設(shè)計(jì)產(chǎn)出價(jià)值，這兩個(gè)維度分別是用戶體驗(yàn)和產(chǎn)品目標(biāo)。

一. 通過(guò)用戶體驗(yàn)的角度

- main idea -

大廠都在用的“界面瀏覽測(cè)試”目的是為了量化視覺方案的合理性，并且站在用戶的角度上驗(yàn)證頁(yè)面的功能、頁(yè)面重點(diǎn)分配是不是有做好的一個(gè)實(shí)用工具。

 / 頁(yè)面中什么地方最吸引你？/

驗(yàn)證視覺傳達(dá)是否合理且符合產(chǎn)品的預(yù)期

我們來(lái)舉個(gè)例子，這是兩個(gè)電商APP的個(gè)人中心頁(yè)面，從最基礎(chǔ)的視覺層級(jí)拆分，還原交互原型的邏輯。

（兩個(gè)電商APP的個(gè)人中心頁(yè)面）

（視覺拆分后的A和B界面）

A頁(yè)面：

我們通過(guò)視覺拆分，發(fā)現(xiàn)A的個(gè)人中心除開最重的用戶信息區(qū)域及運(yùn)營(yíng)位后，發(fā)現(xiàn)抽獎(jiǎng)信息的視覺效果要大于全部訂單（面性圖標(biāo)>線性圖標(biāo)）。

B頁(yè)面：

我們看看B的個(gè)人中心的功能入口圖標(biāo)是我的訂單大于拼團(tuán)等入口的視覺效果；雖然都是線性圖標(biāo)，但明顯我的訂單欄目這四個(gè)圖標(biāo)在線條粗細(xì)及顏色上均做了突出強(qiáng)調(diào)。

分析結(jié)果：

我們?cè)趥€(gè)人中心最高頻使用的就是“我的訂單”欄目為了查看商品到哪兒了，所以A的視覺重點(diǎn)分配合理性要弱于B的產(chǎn)品。

作為設(shè)計(jì)師在頁(yè)面設(shè)計(jì)時(shí)要達(dá)到產(chǎn)品預(yù)期，就要關(guān)注頁(yè)面的層次和強(qiáng)弱關(guān)系，才能給用戶在使用時(shí)更快的做出選擇。

（圖標(biāo)的強(qiáng)弱比較）

 / 你認(rèn)為這個(gè)頁(yè)面的作用是什么？ / 

界面是以功能傳遞為主，不僅只是展示視覺審美

我們繼續(xù)來(lái)舉例子，這是兩個(gè)電商APP的購(gòu)物詳情頁(yè)，繼續(xù)從最單純的視覺拆分，還原交互原型的邏輯。

（兩個(gè)電商APP的購(gòu)物詳情頁(yè)）

通過(guò)視覺拆分，B產(chǎn)品的APP以教科書形式的商品詳情頁(yè)首屏內(nèi)容展示。

商品詳情頁(yè)的作用就是通過(guò)商品細(xì)節(jié)的展示后，用好評(píng)購(gòu)買量等增加信任，再加上促銷信息使用戶下單購(gòu)買。

在功能傳遞上A產(chǎn)品明顯要弱于B產(chǎn)品的頁(yè)面。

（視覺拆分后的A和B界面）

在商品展示區(qū)域的比例上，現(xiàn)在大多數(shù)電商APP的圖片比例都是1:1，像A產(chǎn)品2:1的比例并不能展示出商品的細(xì)節(jié)，且沒有圖片輪播，大大降低了用戶的信任度。

 / 你是否會(huì)使用它提供的功能？ / 

驗(yàn)證產(chǎn)品優(yōu)點(diǎn)是否傳遞清楚，驗(yàn)證產(chǎn)品是否有差異化

當(dāng)你做的產(chǎn)品是類似于淘寶的電商APP，除了在品牌色上與主流電商APP保持差異，在功能上是否有一些創(chuàng)新？以體現(xiàn)產(chǎn)品的定位，創(chuàng)造核心差異點(diǎn)。

二 . 通過(guò)產(chǎn)品目標(biāo)的角度

- main idea -

通過(guò)識(shí)別目標(biāo)推導(dǎo)用戶表現(xiàn)，通過(guò)產(chǎn)品設(shè)計(jì)策略來(lái)驗(yàn)證數(shù)據(jù)指標(biāo)，通過(guò)6步模塊化方法，用數(shù)據(jù)目標(biāo)推動(dòng)產(chǎn)品升級(jí)。

我們來(lái)舉個(gè)例子，公司上線的APP在老帶新注冊(cè)量上明顯低于競(jìng)品.

項(xiàng)目策略是通過(guò)運(yùn)營(yíng)手段讓老用戶帶來(lái)新用戶。

這個(gè)大的目標(biāo)如何分解到設(shè)計(jì)師具體工作呢？我們按照6步模塊化方法來(lái)分解這個(gè)項(xiàng)目：

 / 6步模塊法 / 

1.數(shù)據(jù)目標(biāo)

設(shè)計(jì)師們也開始使用專業(yè)詞匯來(lái)表述這個(gè)目標(biāo)就是：老帶新推薦用戶注冊(cè)量提高

2.目標(biāo)用戶分析

在APP上高頻購(gòu)買商品的老用戶

3.具體問(wèn)題描述

產(chǎn)品希望提高新用戶注冊(cè)轉(zhuǎn)化率，但是老用戶習(xí)慣用完APP后就關(guān)閉了，老用戶希望得到更多的優(yōu)惠獎(jiǎng)勵(lì)

4.用戶表現(xiàn)

老用戶不會(huì)主動(dòng)推薦給朋友使用

5.產(chǎn)品設(shè)計(jì)策略

老用戶：增加分享邀請(qǐng)有禮入口，增加拼團(tuán)優(yōu)惠

新用戶：新人專享大紅包，新人包郵福利，一元購(gòu)

6.衡量指標(biāo)

新客戶邀請(qǐng)UV提升，注冊(cè)轉(zhuǎn)化率提升，邀請(qǐng)有禮PV提升

設(shè)計(jì)師應(yīng)當(dāng)明白

通過(guò)這樣的流程分解，作為設(shè)計(jì)師開始理解項(xiàng)目目前的問(wèn)題，由被動(dòng)填鴨式的接受任務(wù)變成主動(dòng)理解項(xiàng)目，還能用專業(yè)經(jīng)驗(yàn)提出優(yōu)化設(shè)計(jì)精細(xì)度，此時(shí)設(shè)計(jì)師的工作是與團(tuán)隊(duì)目標(biāo)是一致的。

就像組隊(duì)打Boss，每個(gè)人的技能用的很熟練，并且還不是一盤散沙，目標(biāo)高度統(tǒng)一就是干掉這個(gè)怪。

設(shè)計(jì)師正式打怪之老用戶篇

- 回顧打怪策略 -

老用戶：增加分享邀請(qǐng)有禮入口，增加拼團(tuán)優(yōu)惠

現(xiàn)在分解任務(wù)到設(shè)計(jì)師的具體工作看下優(yōu)秀案例，對(duì)于老用戶增加邀請(qǐng)有禮的曝光入口。

（每日優(yōu)鮮增加“邀請(qǐng)有禮”的入口）

前面也講了個(gè)人中心是用戶經(jīng)常會(huì)點(diǎn)擊的Tab，每日優(yōu)鮮使用了很顯眼的“0元吃小龍蝦”banner和邀請(qǐng)得紅包icon共2個(gè)入口吸引用戶點(diǎn)擊進(jìn)入邀請(qǐng)有禮專題。

（老用戶邀請(qǐng)好友自己也會(huì)得紅包）

在老用戶邀請(qǐng)好友的同時(shí)，自己也會(huì)得到同樣的紅包，這就提高了老用戶邀請(qǐng)積極性，巧妙的是邀請(qǐng)1到9位好友均有相應(yīng)的獎(jiǎng)勵(lì)，這就刺激了用戶邀請(qǐng)多位好友來(lái)注冊(cè)使用APP的積極性。

設(shè)計(jì)師打怪之新用戶篇

- 回顧打怪策略 -

新用戶：新人專享大紅包，新人包郵福利，一元購(gòu)

對(duì)于新用戶點(diǎn)擊了分享鏈接，打開了APP看到的首頁(yè)界面和登陸后是不一樣的，新人在首頁(yè)看到優(yōu)惠信息加上已有的優(yōu)惠券，很容易促使下單，提高了注冊(cè)率。

（新用戶未登錄和登錄的界面）

設(shè)計(jì)師打怪之獲客篇

在獲客這方面，我們就做了兩件事：一個(gè)是社交化，一個(gè)是會(huì)員制。

——每日優(yōu)鮮CEO徐正在混沌大學(xué)的演講時(shí)說(shuō)

用戶使用過(guò)APP覺得配送快、商品好通過(guò)口碑傳播促使轉(zhuǎn)發(fā)給朋友使用，為照顧到用戶面子，在分享機(jī)制上還做了區(qū)分：

往微信群里分享的優(yōu)惠券鏈接和往朋友圈分享的日簽，日簽加上一些文鄒鄒感性的文案，有些人就愿意往朋友圈轉(zhuǎn)發(fā)。

同樣提高會(huì)員開通轉(zhuǎn)化率，也可以用同樣的套路分解。

自我思考

當(dāng)你拿到任務(wù)時(shí)理清楚為什么這么做？便會(huì)干起來(lái)信心十足，還會(huì)主動(dòng)想能用動(dòng)效把按鈕做的更有點(diǎn)擊欲。

這樣你和整個(gè)項(xiàng)目組的目標(biāo)是統(tǒng)一的，相信會(huì)因?yàn)槟愕膶I(yè)能力感到折服，而不是任人宰割的小美工了。

總結(jié)

作為工作多年的設(shè)計(jì)師，更愿意大家在職場(chǎng)團(tuán)隊(duì)中擁有獨(dú)當(dāng)一面的能力，愿意去宣傳自己的設(shè)計(jì)作品。

其他職能的同事可能不理解你畫的這個(gè)圖標(biāo)有多么牛逼，但是能理解你因?yàn)橐_(dá)成共同目標(biāo)做了多少專業(yè)上的努力。

在這兒分享通過(guò)用戶體驗(yàn)和產(chǎn)品目標(biāo)的兩個(gè)維度去驗(yàn)證設(shè)計(jì)師產(chǎn)出的價(jià)值，希望有所幫助，若有表述不當(dāng)?shù)牡胤秸?qǐng)留言討論。

那么小宋到底有沒有娶到女神呢？

相關(guān)參考：《EDC設(shè)計(jì)進(jìn)階課》、混沌大學(xué)《新零售布局與思考》、《OKR工作法》

文章來(lái)源：奈斯的設(shè)計(jì)