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