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ù)開(kāi)發(fā)）等同事對(duì)接，可是本質(zhì)上來(lái)說(shuō)，我們的最終boss是用戶本身。換句話來(lái)說(shuō)，我們?cè)趩挝还ぷ鲹Q取的薪資其實(shí)是用戶支付的，是他們覺(jué)得我們的產(chǎn)品服務(wù)好才付費(fèi)。
從這個(gè)角度出發(fā)，設(shè)計(jì)師的工作就不是PM給了你原型你就依樣畫(huà)葫蘆了，因?yàn)橐徊糠諴M會(huì)把重點(diǎn)偏重在商業(yè)價(jià)值上，交互體驗(yàn)層面就沒(méi)有花更多時(shí)間去思考。
那么我們作為用戶與產(chǎn)品之間的橋梁，就該擔(dān)當(dāng)起“工程師”的工作，保證橋梁在用戶使用時(shí)不會(huì)發(fā)生崩塌或者顛簸，也就是崩潰、閃退，甚至回過(guò)頭來(lái)說(shuō)這橋真TM丑等問(wèn)題。
所以設(shè)計(jì)師在明確和理解好產(chǎn)品功能形態(tài)后，以產(chǎn)品思維并站在用戶角度去思考才會(huì)設(shè)計(jì)出更好的視覺(jué)效果和功能體驗(yàn)，設(shè)計(jì)師自身的價(jià)值才能最大的呈現(xiàn)出來(lái)，用戶也能投資更多的資源在這款產(chǎn)品身上，公司業(yè)績(jī)也會(huì)蹭蹭上漲，你的身價(jià)也隨之提升（嘴里笑嘻嘻）
產(chǎn)品思維是什么？
產(chǎn)品思維是你在工作中至上而下貫徹始終的宗旨。
我們?cè)谠O(shè)計(jì)前，首先梳理產(chǎn)品原型文檔里的思路，搞清楚為什么會(huì)出現(xiàn)這個(gè)需求，這個(gè)過(guò)程不但能夠讓設(shè)計(jì)師了解業(yè)務(wù)發(fā)展，也能為設(shè)計(jì)提供背景參考。
沒(méi)有任何設(shè)計(jì)或者功能是能夠單獨(dú)脫離產(chǎn)品本身而存在，譬如不存在想要點(diǎn)外賣卻沒(méi)有點(diǎn)外賣的途徑，不存在想要看時(shí)間卻沒(méi)有可以計(jì)算時(shí)間的方式。設(shè)計(jì)與功能都是依附于產(chǎn)品本身，這也是我們?yōu)槭裁吹糜卯a(chǎn)品思維去設(shè)計(jì)的原因，總不能想都不想就拿著淘寶那套UI直接搬過(guò)來(lái)放在微信上面吧。
為什么需要產(chǎn)品思維？
那么產(chǎn)品思維到底能夠帶給設(shè)計(jì)師怎樣的提升？答案是，它能夠讓設(shè)計(jì)師匹配目標(biāo)用戶，結(jié)合場(chǎng)景需要，為他們定制出正確的視覺(jué)交互與功能體驗(yàn)。
可能有些設(shè)計(jì)師會(huì)過(guò)于執(zhí)著于界面好不好看，確實(shí)視覺(jué)設(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é)朋友說(shuō)你設(shè)計(jì)的東西不好看，你也不要沮喪，每個(gè)人看問(wèn)題的角度，深度都不同。外行看設(shè)計(jì)，才會(huì)看好不好看，內(nèi)行看設(shè)計(jì)，看視覺(jué)體驗(yàn)舒不舒適，業(yè)務(wù)功能需求有沒(méi)有合理呈現(xiàn)，商業(yè)價(jià)值有沒(méi)有實(shí)現(xiàn)。所以當(dāng)你是以產(chǎn)品思維作為宗旨去設(shè)計(jì)，那么無(wú)論你怎么設(shè)計(jì)，都不會(huì)出現(xiàn)太大的紕漏，因?yàn)槟阋呀?jīng)用正確的方式為目標(biāo)用戶探索出一條能夠真正解決問(wèn)題的道路了。
如何培養(yǎng)產(chǎn)品思維？
可以從以下5個(gè)方面培養(yǎng)。1. 體驗(yàn)思維 - 2. 邏輯思維 - 3. 數(shù)據(jù)思維 - 4. 商業(yè)思維 - 5. 結(jié)構(gòu)化思維。下面簡(jiǎn)單說(shuō)明一下，后期有機(jī)會(huì)再每一點(diǎn)單獨(dú)細(xì)講。
1.體驗(yàn)思維
這是身為設(shè)計(jì)師最基礎(chǔ)的部分，很多設(shè)計(jì)師拿到需求后就直接找素材上手做，這樣的工作方式是錯(cuò)誤的。設(shè)計(jì)師是需要做用研，構(gòu)建用戶模型，洞悉行為習(xí)慣，興趣愛(ài)好的。為某個(gè)人進(jìn)行設(shè)計(jì)，才能針對(duì)性地設(shè)計(jì)出好的方案。就像你給女朋友過(guò)生日，你清楚她喜歡的東西才能用最小的成本讓她情緒最大化地釋放，她喜歡蝙蝠俠你卻送了它一個(gè)小丑手辦，她能不發(fā)脾氣嗎….. 你還想指望她說(shuō)小丑很帥嗎（兩個(gè)都喜歡的當(dāng)我沒(méi)說(shuō)過(guò)...）所以當(dāng)你了解了目標(biāo)人群，那么為他定制產(chǎn)品的時(shí)候，才會(huì)事半功倍。什么？你問(wèn)我怎么做？方法其實(shí)很簡(jiǎn)單，三點(diǎn)：a. 用戶畫(huà)像 - b. 使用場(chǎng)景 - c. 閉環(huán)設(shè)計(jì)
這里介紹一個(gè)”5W2H“法則，來(lái)幫助大家快速應(yīng)到到實(shí)際場(chǎng)景里。
a. 用戶畫(huà)像
這是有效讓設(shè)計(jì)師避免自我yy，以客觀的態(tài)度代入目標(biāo)用戶的身份去了解他們?nèi)巳旱奶匦?、喜好、痛點(diǎn)、作息、手機(jī)使用情況的方法。建立模型后，才能更有效針性地為他們定制服務(wù)，決不能因?yàn)槲沂且粋€(gè)站在潮流尖端的cool designer就把目標(biāo)用戶都當(dāng)做是有這方面追求的人是吧（滑稽臉）
這里根據(jù)這個(gè)法則做出的一張用戶畫(huà)像的模型給大家參考一下
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í)了，卻沒(méi)有重新獲取的途徑，那么這里的流失率可想而知是多么恐怖。閉環(huán)設(shè)計(jì)就是產(chǎn)品使用過(guò)程，或者具體到某一功能上，我都能實(shí)現(xiàn)下一步，我無(wú)論怎么操作，我都能在主流程上面繼續(xù)暢游。
這種體驗(yàn)思維下的產(chǎn)品，能夠讓用戶更容易理解如何操作，因?yàn)槎鄶?shù)情況下用戶不會(huì)意識(shí)到是自己犯錯(cuò)，都會(huì)認(rèn)為是產(chǎn)品的鍋，所以啊，不換位思考地去做設(shè)計(jì)，都是耍流氓（那個(gè)外星人榨汁機(jī)，excuse me？你是希望我通過(guò)運(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天后沒(méi)有這個(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)品上線后，通過(guò)對(duì)想要看數(shù)據(jù)的頁(yè)面、按鈕、icon等元素預(yù)先埋入統(tǒng)計(jì)點(diǎn)，觀察它們數(shù)字的變化，曲線的走勢(shì)，來(lái)找問(wèn)題出現(xiàn)的原因，從而思考迭代的優(yōu)化方案。常用的頁(yè)面訪問(wèn)率、停留時(shí)長(zhǎng)，點(diǎn)擊率，購(gòu)買轉(zhuǎn)化率，加載時(shí)長(zhǎng)等，都是作為我們迭代的數(shù)據(jù)參考，有助于產(chǎn)品和設(shè)計(jì)研究出更好的解決方案。
雖然數(shù)據(jù)給我們帶來(lái)很多實(shí)際依據(jù)，但它不是檢驗(yàn)真理的唯一標(biāo)準(zhǔn)，不要看見(jiàn)數(shù)字低就覺(jué)得這功能要砍掉、詳情頁(yè)要重做，不一定是設(shè)計(jì)問(wèn)題導(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ù)參考，切記不要反過(guò)來(lái)被數(shù)據(jù)控制了你。
4.商業(yè)思維（運(yùn)營(yíng)思維）
增長(zhǎng)需求就是一個(gè)很好的商業(yè)思維例子。我們最終還是要面對(duì)用戶，然后讓用戶為我們創(chuàng)造收益，所以可能期間很多產(chǎn)品需求，都是為了增加公司盈利。世間萬(wàn)物都是一把雙刃劍，有時(shí)候?yàn)榱死拢瑸榱舜黉N真的不一定都有良好的體驗(yàn)，這時(shí)候如果不能完美地解決增長(zhǎng)的同時(shí)又能照顧好舒適體驗(yàn)，那么我們就得權(quán)衡利弊和權(quán)重。
可能你會(huì)覺(jué)得購(gòu)買頁(yè)首屏明明很舒適，可是加了個(gè)會(huì)員欄，又加了個(gè)砍價(jià)按鈕，又加了廣告鏈接，變得亂七八糟，一直鉆牛角尖跟PM說(shuō)你這樣傷害用戶體驗(yàn)啊，可事實(shí)上，你導(dǎo)致了項(xiàng)目延期，功能被其他競(jìng)品搶先推出，損失的可能就是一個(gè)天文數(shù)字了。如果你不去了解商業(yè)，那又怎么能讓自己的設(shè)計(jì)創(chuàng)造出商業(yè)價(jià)值呢？
還有一點(diǎn)可能大家會(huì)意想不到，那就是把自己看成一件商品，我這件商品要怎么做才能體現(xiàn)出更高的價(jià)值，也就是我值多少錢(qián)。實(shí)際項(xiàng)目與自己YY的練習(xí)不一樣，充滿各種溝通、時(shí)間、約束條件等問(wèn)題。如果我能抓住優(yōu)先級(jí)，把過(guò)多的需求拆分好幾期，熟悉同類競(jìng)品狀況，了解其他產(chǎn)品優(yōu)勢(shì)之處，每一個(gè)步驟想得透徹，就算老板來(lái)質(zhì)問(wèn)，你都能迎刃而解，那么你的專業(yè)度就體現(xiàn)出來(lái)了，即使可能你內(nèi)心覺(jué)得這并不是你想要的設(shè)計(jì)，但我相信肯定是當(dāng)下需求的合適解決方案。
5.結(jié)構(gòu)化思維（項(xiàng)目思維）
結(jié)構(gòu)化思維，是需要一定經(jīng)驗(yàn)才能培養(yǎng)出來(lái)的，簡(jiǎn)單的來(lái)說(shuō)就是要有統(tǒng)籌大局的思維。不是叫你開(kāi)發(fā)，運(yùn)營(yíng)，產(chǎn)品，審核，商務(wù)都去熟悉，而是說(shuō)要去了解與配合。
有些設(shè)計(jì)師覺(jué)得，接到需求，按時(shí)交付就行了，對(duì)于何時(shí)上線，開(kāi)發(fā)過(guò)程中遇到什么問(wèn)題，是否需要設(shè)計(jì)方案得及時(shí)作出調(diào)整，實(shí)際上線后又出現(xiàn)什么問(wèn)題…如果通通都不去了解，那這樣你就真的僅僅是設(shè)計(jì)產(chǎn)出的工具而已，因?yàn)槟銢](méi)有擔(dān)當(dāng)起設(shè)計(jì)師該有的體面與責(zé)任。如果你想提高設(shè)計(jì)在公司中的重要性和話語(yǔ)權(quán)，如果你想在老板眼中占有一席之地，那你就要積極推動(dòng)項(xiàng)目，在別人眼中大發(fā)光彩。
另外一點(diǎn)是設(shè)計(jì)中的技巧，當(dāng)你遇到一個(gè)需求點(diǎn)覺(jué)得模棱兩可，比較尷尬的時(shí)候，你可以用結(jié)構(gòu)化思維幫助你理清思路，這是我常用的手段，舉一個(gè)關(guān)于首頁(yè)是否加入聽(tīng)課進(jìn)度的例子。
答案顯然而見(jiàn)，方法其實(shí)很簡(jiǎn)單，你把需求點(diǎn)以定論的方式擺在至高點(diǎn)，然后層層遞進(jìn)地列出用戶會(huì)遇到的所有情況，然后在每一種情況下的最后寫(xiě)出到底該不該實(shí)現(xiàn)這個(gè)需求。結(jié)構(gòu)出來(lái)后，答案也就一目了然（拿去給PM看，嘿嘿估計(jì)又得夸我是小能手~）
總結(jié)
通篇下來(lái)看，如果你還被人說(shuō)你就是畫(huà)個(gè)icon而已嘛，那你就把這篇文章丟過(guò)去給他看?。ㄞD(zhuǎn)發(fā)就是最好的支持...怪不好意思的嘿嘿）你會(huì)發(fā)現(xiàn)我們其實(shí)通過(guò)圖形，色彩，排版來(lái)開(kāi)發(fā)我們的思維，不斷實(shí)現(xiàn)自我提升來(lái)為公司創(chuàng)造更龐大的財(cái)富。
我們是設(shè)計(jì)師不是美工，繼續(xù)做著“好看”的設(shè)計(jì)已經(jīng)不是當(dāng)下互聯(lián)網(wǎng)時(shí)代需要的了，正如著名設(shè)計(jì)師菲利普·史塔克說(shuō)過(guò)“我們是設(shè)計(jì)師，不是藝術(shù)家”（我也說(shuō)得出啊…..）
我們利用互聯(lián)網(wǎng)為用戶設(shè)計(jì)產(chǎn)品，本質(zhì)上就是了解他們的生活、習(xí)慣，痛點(diǎn)和人性本身，收好自己的“固執(zhí)美”并且用著產(chǎn)品思維去設(shè)計(jì)檢驗(yàn)，那么最終帶來(lái)商業(yè)價(jià)值的設(shè)計(jì)才是我們要做的正確設(shè)計(jì)。
藍(lán)藍(lán)設(shè)計(jì)( www.teruid.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ù)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.teruid.com