大師都是如何用產(chǎn)品思維做設(shè)計(jì)

2018-10-26    資深UI設(shè)計(jì)者


如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

設(shè)計(jì)師的價(jià)值是什么?

我們?cè)诠ぷ鲉挝簧鲜歉鶳M(產(chǎn)品經(jīng)理)、TD(技術(shù)開發(fā))等同事對(duì)接,可是本質(zhì)上來說,我們的最終boss是用戶本身。換句話來說,我們?cè)趩挝还ぷ鲹Q取的薪資其實(shí)是用戶支付的,是他們覺得我們的產(chǎn)品服務(wù)好才付費(fèi)。


從這個(gè)角度出發(fā),設(shè)計(jì)師的工作就不是PM給了你原型你就依樣畫葫蘆了,因?yàn)橐徊糠諴M會(huì)把重點(diǎn)偏重在商業(yè)價(jià)值上,交互體驗(yàn)層面就沒有花更多時(shí)間去思考。


那么我們作為用戶與產(chǎn)品之間的橋梁,就該擔(dān)當(dāng)起“工程師”的工作,保證橋梁在用戶使用時(shí)不會(huì)發(fā)生崩塌或者顛簸,也就是崩潰、閃退,甚至回過頭來說這橋真TM丑等問題。


所以設(shè)計(jì)師在明確和理解好產(chǎn)品功能形態(tài)后,以產(chǎn)品思維并站在用戶角度去思考才會(huì)設(shè)計(jì)出更好的視覺效果和功能體驗(yàn),設(shè)計(jì)師自身的價(jià)值才能最大的呈現(xiàn)出來,用戶也能投資更多的資源在這款產(chǎn)品身上,公司業(yè)績(jī)也會(huì)蹭蹭上漲,你的身價(jià)也隨之提升(嘴里笑嘻嘻)


產(chǎn)品思維是什么?


產(chǎn)品思維是你在工作中至上而下貫徹始終的宗旨。

我們?cè)谠O(shè)計(jì)前,首先梳理產(chǎn)品原型文檔里的思路,搞清楚為什么會(huì)出現(xiàn)這個(gè)需求,這個(gè)過程不但能夠讓設(shè)計(jì)師了解業(yè)務(wù)發(fā)展,也能為設(shè)計(jì)提供背景參考。


沒有任何設(shè)計(jì)或者功能是能夠單獨(dú)脫離產(chǎn)品本身而存在,譬如不存在想要點(diǎn)外賣卻沒有點(diǎn)外賣的途徑,不存在想要看時(shí)間卻沒有可以計(jì)算時(shí)間的方式。設(shè)計(jì)與功能都是依附于產(chǎn)品本身,這也是我們?yōu)槭裁吹糜卯a(chǎn)品思維去設(shè)計(jì)的原因,總不能想都不想就拿著淘寶那套UI直接搬過來放在微信上面吧。



為什么需要產(chǎn)品思維?


那么產(chǎn)品思維到底能夠帶給設(shè)計(jì)師怎樣的提升?答案是,它能夠讓設(shè)計(jì)師匹配目標(biāo)用戶,結(jié)合場(chǎng)景需要,為他們定制出正確的視覺交互與功能體驗(yàn)。


可能有些設(shè)計(jì)師會(huì)過于執(zhí)著于界面好不好看,確實(shí)視覺設(shè)計(jì)可以使產(chǎn)品更加美麗動(dòng)人,確保其在眾多競(jìng)品中脫穎而出,可是本質(zhì)上它不會(huì)使產(chǎn)品本身更有價(jià)值,譬如為什么現(xiàn)在絕大多數(shù)用戶用微信聊天而不用QQ?這是因?yàn)槲⑿艅偼瞥鰰r(shí)比QQ更加簡(jiǎn)單,輕量,符合移動(dòng)化趨勢(shì),更能針對(duì)社交痛點(diǎn)。人們不會(huì)因?yàn)镼Q更好看甚至可以換主題而用QQ取代微信。(QQ:怪我咯???)

這就是為什么一個(gè)有效針對(duì)痛點(diǎn)的產(chǎn)品能夠成功的原因。就算真的有同學(xué)朋友說你設(shè)計(jì)的東西不好看,你也不要沮喪,每個(gè)人看問題的角度,深度都不同。外行看設(shè)計(jì),才會(huì)看好不好看,內(nèi)行看設(shè)計(jì),看視覺體驗(yàn)舒不舒適,業(yè)務(wù)功能需求有沒有合理呈現(xiàn),商業(yè)價(jià)值有沒有實(shí)現(xiàn)。所以當(dāng)你是以產(chǎn)品思維作為宗旨去設(shè)計(jì),那么無論你怎么設(shè)計(jì),都不會(huì)出現(xiàn)太大的紕漏,因?yàn)槟阋呀?jīng)用正確的方式為目標(biāo)用戶探索出一條能夠真正解決問題的道路了。



如何培養(yǎng)產(chǎn)品思維?


可以從以下5個(gè)方面培養(yǎng)。1. 體驗(yàn)思維 - 2. 邏輯思維 - 3. 數(shù)據(jù)思維 - 4. 商業(yè)思維 - 5. 結(jié)構(gòu)化思維。下面簡(jiǎn)單說明一下,后期有機(jī)會(huì)再每一點(diǎn)單獨(dú)細(xì)講。


1.體驗(yàn)思維


這是身為設(shè)計(jì)師最基礎(chǔ)的部分,很多設(shè)計(jì)師拿到需求后就直接找素材上手做,這樣的工作方式是錯(cuò)誤的。設(shè)計(jì)師是需要做用研,構(gòu)建用戶模型,洞悉行為習(xí)慣,興趣愛好的。為某個(gè)人進(jìn)行設(shè)計(jì),才能針對(duì)性地設(shè)計(jì)出好的方案。就像你給女朋友過生日,你清楚她喜歡的東西才能用最小的成本讓她情緒最大化地釋放,她喜歡蝙蝠俠你卻送了它一個(gè)小丑手辦,她能不發(fā)脾氣嗎….. 你還想指望她說小丑很帥嗎(兩個(gè)都喜歡的當(dāng)我沒說過...)所以當(dāng)你了解了目標(biāo)人群,那么為他定制產(chǎn)品的時(shí)候,才會(huì)事半功倍。什么?你問我怎么做?方法其實(shí)很簡(jiǎn)單,三點(diǎn):a. 用戶畫像 - b. 使用場(chǎng)景 - c. 閉環(huán)設(shè)計(jì)

這里介紹一個(gè)”5W2H“法則,來幫助大家快速應(yīng)到到實(shí)際場(chǎng)景里。


a. 用戶畫像

這是有效讓設(shè)計(jì)師避免自我yy,以客觀的態(tài)度代入目標(biāo)用戶的身份去了解他們?nèi)巳旱奶匦浴⑾埠?、痛點(diǎn)、作息、手機(jī)使用情況的方法。建立模型后,才能更有效針性地為他們定制服務(wù),決不能因?yàn)槲沂且粋€(gè)站在潮流尖端的cool designer就把目標(biāo)用戶都當(dāng)做是有這方面追求的人是吧(滑稽臉)


這里根據(jù)這個(gè)法則做出的一張用戶畫像的模型給大家參考一下


b. 使用場(chǎng)景

有兩層意思,第1點(diǎn):是用戶使用產(chǎn)品時(shí)的真實(shí)場(chǎng)景,譬如大多數(shù)人會(huì)習(xí)慣夜晚看新聞、貼吧或者資訊類軟件,所以才會(huì)有黑暗模式的出現(xiàn)。第2點(diǎn):同樣是評(píng)論,會(huì)出現(xiàn)在公共場(chǎng)景和個(gè)人場(chǎng)景,那么就必然會(huì)有樣式不同的情況。但這些情況都有個(gè)共同屬性,就是我在什么樣的場(chǎng)景下去使用產(chǎn)品。設(shè)計(jì)師如果不能定位這種場(chǎng)景,就很可能被投訴用戶體驗(yàn)差,用得懵逼自然就會(huì)卸載拜拜。


c.閉環(huán)設(shè)計(jì)

用戶在使用產(chǎn)品時(shí),會(huì)不會(huì)出現(xiàn)斷層的情況,例如我在注冊(cè)流程,獲取驗(yàn)證碼超時(shí)了,卻沒有重新獲取的途徑,那么這里的流失率可想而知是多么恐怖。閉環(huán)設(shè)計(jì)就是產(chǎn)品使用過程,或者具體到某一功能上,我都能實(shí)現(xiàn)下一步,我無論怎么操作,我都能在主流程上面繼續(xù)暢游。

這種體驗(yàn)思維下的產(chǎn)品,能夠讓用戶更容易理解如何操作,因?yàn)槎鄶?shù)情況下用戶不會(huì)意識(shí)到是自己犯錯(cuò),都會(huì)認(rèn)為是產(chǎn)品的鍋,所以啊,不換位思考地去做設(shè)計(jì),都是耍流氓(那個(gè)外星人榨汁機(jī),excuse me?你是希望我通過運(yùn)動(dòng)才能換取果汁??)


2.邏輯思維


這點(diǎn)很好理解,我們?cè)O(shè)計(jì)界面時(shí)要做到承上啟下,符合用戶習(xí)慣操作,讓用戶在產(chǎn)品中航行時(shí)不會(huì)觸礁。例子1:放大顯示的交互,返回的時(shí)候就縮小回去,而不是變成左右切換;例子2:有一個(gè)活動(dòng)的文案,”免費(fèi)課10選2,3天后結(jié)束”,那么用戶就會(huì)疑惑,你是3天后沒有這個(gè)活動(dòng)呢?還是課還可以買,只是不能免費(fèi)10選2呢?所以自己設(shè)計(jì)時(shí)要每個(gè)方面都要去思考,不是PM或者運(yùn)營(yíng)給了你文案你就復(fù)制粘貼,你作為產(chǎn)品與用戶之間的橋梁,想要傳達(dá)的思想,都要按照邏輯有序地清晰地輸出給用戶,這樣才會(huì)顯得邏輯清晰,明明白白,整整有序。


3.數(shù)據(jù)思維


解釋一下,數(shù)據(jù)是產(chǎn)品上線后,通過對(duì)想要看數(shù)據(jù)的頁面、按鈕、icon等元素預(yù)先埋入統(tǒng)計(jì)點(diǎn),觀察它們數(shù)字的變化,曲線的走勢(shì),來找問題出現(xiàn)的原因,從而思考迭代的優(yōu)化方案。常用的頁面訪問率、停留時(shí)長(zhǎng),點(diǎn)擊率,購買轉(zhuǎn)化率,加載時(shí)長(zhǎng)等,都是作為我們迭代的數(shù)據(jù)參考,有助于產(chǎn)品和設(shè)計(jì)研究出更好的解決方案。

雖然數(shù)據(jù)給我們帶來很多實(shí)際依據(jù),但它不是檢驗(yàn)真理的唯一標(biāo)準(zhǔn),不要看見數(shù)字低就覺得這功能要砍掉、詳情頁要重做,不一定是設(shè)計(jì)問題導(dǎo)致的啊,也不一定是用戶不需要這個(gè)功能啊,具體情況還是得具體分析。就譬如ios淘寶上,你刷寶貝列表,刷到第6、7屏了,你想回到頂部,線上有兩種方案,第一是點(diǎn)擊手機(jī)狀態(tài)欄的位置,會(huì)自動(dòng)回到第一屏,你點(diǎn)擊右下角的“回頂部”也是回到第一屏,如果你看到右下角的點(diǎn)擊率低下,你會(huì)砍掉這個(gè)功能嗎?我想不會(huì)吧,畢竟不是每個(gè)ios用戶都知道狀態(tài)欄可以回頂,也不是每個(gè)用戶都只劃一兩屏,提供給你的數(shù)字不是唯一標(biāo)準(zhǔn),只是個(gè)指數(shù)參考,切記不要反過來被數(shù)據(jù)控制了你。


4.商業(yè)思維(運(yùn)營(yíng)思維)


增長(zhǎng)需求就是一個(gè)很好的商業(yè)思維例子。我們最終還是要面對(duì)用戶,然后讓用戶為我們創(chuàng)造收益,所以可能期間很多產(chǎn)品需求,都是為了增加公司盈利。世間萬物都是一把雙刃劍,有時(shí)候?yàn)榱死?,為了促銷真的不一定都有良好的體驗(yàn),這時(shí)候如果不能完美地解決增長(zhǎng)的同時(shí)又能照顧好舒適體驗(yàn),那么我們就得權(quán)衡利弊和權(quán)重。

可能你會(huì)覺得購買頁首屏明明很舒適,可是加了個(gè)會(huì)員欄,又加了個(gè)砍價(jià)按鈕,又加了廣告鏈接,變得亂七八糟,一直鉆牛角尖跟PM說你這樣傷害用戶體驗(yàn)啊,可事實(shí)上,你導(dǎo)致了項(xiàng)目延期,功能被其他競(jìng)品搶先推出,損失的可能就是一個(gè)天文數(shù)字了。如果你不去了解商業(yè),那又怎么能讓自己的設(shè)計(jì)創(chuàng)造出商業(yè)價(jià)值呢?


還有一點(diǎn)可能大家會(huì)意想不到,那就是把自己看成一件商品,我這件商品要怎么做才能體現(xiàn)出更高的價(jià)值,也就是我值多少錢。實(shí)際項(xiàng)目與自己YY的練習(xí)不一樣,充滿各種溝通、時(shí)間、約束條件等問題。如果我能抓住優(yōu)先級(jí),把過多的需求拆分好幾期,熟悉同類競(jìng)品狀況,了解其他產(chǎn)品優(yōu)勢(shì)之處,每一個(gè)步驟想得透徹,就算老板來質(zhì)問,你都能迎刃而解,那么你的專業(yè)度就體現(xiàn)出來了,即使可能你內(nèi)心覺得這并不是你想要的設(shè)計(jì),但我相信肯定是當(dāng)下需求的合適解決方案。


5.結(jié)構(gòu)化思維(項(xiàng)目思維)


結(jié)構(gòu)化思維,是需要一定經(jīng)驗(yàn)才能培養(yǎng)出來的,簡(jiǎn)單的來說就是要有統(tǒng)籌大局的思維。不是叫你開發(fā),運(yùn)營(yíng),產(chǎn)品,審核,商務(wù)都去熟悉,而是說要去了解與配合。


有些設(shè)計(jì)師覺得,接到需求,按時(shí)交付就行了,對(duì)于何時(shí)上線,開發(fā)過程中遇到什么問題,是否需要設(shè)計(jì)方案得及時(shí)作出調(diào)整,實(shí)際上線后又出現(xiàn)什么問題…如果通通都不去了解,那這樣你就真的僅僅是設(shè)計(jì)產(chǎn)出的工具而已,因?yàn)槟銢]有擔(dān)當(dāng)起設(shè)計(jì)師該有的體面與責(zé)任。如果你想提高設(shè)計(jì)在公司中的重要性和話語權(quán),如果你想在老板眼中占有一席之地,那你就要積極推動(dòng)項(xiàng)目,在別人眼中大發(fā)光彩。


另外一點(diǎn)是設(shè)計(jì)中的技巧,當(dāng)你遇到一個(gè)需求點(diǎn)覺得模棱兩可,比較尷尬的時(shí)候,你可以用結(jié)構(gòu)化思維幫助你理清思路,這是我常用的手段,舉一個(gè)關(guān)于首頁是否加入聽課進(jìn)度的例子。

答案顯然而見,方法其實(shí)很簡(jiǎn)單,你把需求點(diǎn)以定論的方式擺在至高點(diǎn),然后層層遞進(jìn)地列出用戶會(huì)遇到的所有情況,然后在每一種情況下的最后寫出到底該不該實(shí)現(xiàn)這個(gè)需求。結(jié)構(gòu)出來后,答案也就一目了然(拿去給PM看,嘿嘿估計(jì)又得夸我是小能手~)



總結(jié)


通篇下來看,如果你還被人說你就是畫個(gè)icon而已嘛,那你就把這篇文章丟過去給他看?。ㄞD(zhuǎn)發(fā)就是最好的支持...怪不好意思的嘿嘿)你會(huì)發(fā)現(xiàn)我們其實(shí)通過圖形,色彩,排版來開發(fā)我們的思維,不斷實(shí)現(xiàn)自我提升來為公司創(chuàng)造更龐大的財(cái)富。

我們是設(shè)計(jì)師不是美工,繼續(xù)做著“好看”的設(shè)計(jì)已經(jīng)不是當(dāng)下互聯(lián)網(wǎng)時(shí)代需要的了,正如著名設(shè)計(jì)師菲利普·史塔克說過“我們是設(shè)計(jì)師,不是藝術(shù)家”(我也說得出啊…..)


我們利用互聯(lián)網(wǎng)為用戶設(shè)計(jì)產(chǎn)品,本質(zhì)上就是了解他們的生活、習(xí)慣,痛點(diǎn)和人性本身,收好自己的“固執(zhí)美”并且用著產(chǎn)品思維去設(shè)計(jì)檢驗(yàn),那么最終帶來商業(yè)價(jià)值的設(shè)計(jì)才是我們要做的正確設(shè)計(jì)。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ù)。

分享本文至:

日歷

鏈接

個(gè)人資料

存檔