2019-10-25 資深UI設(shè)計者
先問一個問題：怎么樣衡量一個設(shè)計好與不好？工作中實踐越多次，越會發(fā)現(xiàn)華麗的設(shè)計稿并不是體現(xiàn)設(shè)計師專業(yè)能力的唯一標(biāo)準(zhǔn)。普通設(shè)計師和高級設(shè)計師區(qū)別在于，設(shè)計方案是否具備完整設(shè)計思路；設(shè)計對于業(yè)務(wù)有沒有真正的價值體現(xiàn)；以及設(shè)計方案的推動落地的完整性到底有多少。設(shè)計越往后走，越考驗產(chǎn)品思維，設(shè)計思維，以及設(shè)計推動能力。這是產(chǎn)品設(shè)計師需要關(guān)注的核心三要素。
設(shè)計師在工作中接到設(shè)計需求會不自覺的第一時間想著如何去進(jìn)行視覺表達(dá)，視覺表達(dá)確實非常重要，也是公司對于設(shè)計師的核心價值的定位之一，但視覺表達(dá)只是其中設(shè)計專業(yè)本職工作中的一個環(huán)節(jié)。設(shè)計師還要應(yīng)該能夠站在產(chǎn)品、設(shè)計、技術(shù)等不同維度去思考設(shè)計方案的可行性。產(chǎn)品打磨-視覺呈現(xiàn)-落地執(zhí)行，在這三個核心點里面設(shè)計師分別有不同的定位和價值所在。
一. 產(chǎn)品“雙標(biāo)”滿足
產(chǎn)品打磨包含產(chǎn)品規(guī)劃，內(nèi)容組成，界面布局，交互梳理等等…所有環(huán)節(jié)的工作是為了符合產(chǎn)品最終的目標(biāo)。產(chǎn)品所有的能力會核心圍繞兩個點：1商業(yè)變現(xiàn) 2用戶需求滿足。這兩個目標(biāo)在產(chǎn)品執(zhí)行的環(huán)節(jié)有時候會有一些沖突，在產(chǎn)品打磨階段設(shè)計師通過怎樣的方式，做到既滿足產(chǎn)品商業(yè)目標(biāo)又滿足用戶體驗需求？可以按照以下幾個步驟進(jìn)行分析尋求切入點：
這里用騰訊動漫付費模塊舉例說明： 項目背景是騰訊動漫產(chǎn)品要做付費體系升級設(shè)計，接到需求先有由產(chǎn)品源頭一步步深入，逐步展開設(shè)計方案的規(guī)劃。
01 產(chǎn)品目標(biāo)確認(rèn)
通過對項目背景的解讀和產(chǎn)品方案的深入了解，以及總結(jié)當(dāng)前存在的一些問題，可以明確得到項目中產(chǎn)品核心目是什么。付費升級核心原因是付費轉(zhuǎn)化低，用戶付費意愿不夠強烈。此次升級的核心目標(biāo)是促進(jìn)內(nèi)容消費，提升付費率。
02 分析用戶路徑
確認(rèn)目標(biāo)之后從哪個模塊兒開始進(jìn)行首要需要考慮的。對于現(xiàn)有現(xiàn)有功能的升級，建議核心從產(chǎn)品本身著手，可以根據(jù)用戶行為分析，獲取用戶常規(guī)使用路徑，找到用戶使用場景下的核心目的，從而去挖掘用戶在付費路徑下的訴求點，根據(jù)訴求點找到付費升級的觸點。這里我們羅列了用戶閱讀產(chǎn)品的路徑。
03 觀察用戶核心需求是否被滿足
用戶在每個場景下都會有“痛點”和“癢點”。比如在閱讀前，核心目是想快點看到漫畫內(nèi)容；閱讀過程中，想要及時宣泄對漫畫的故事情節(jié)的感受；閱讀后，希望找到更多相關(guān)內(nèi)容或者能夠和內(nèi)容有更多的互動。目前產(chǎn)品在這三個關(guān)鍵的路徑節(jié)點都存在一些問題，閱讀前對于付費缺乏正向引導(dǎo)，閱讀過程中互相行為較少，閱讀后沒有更多延展內(nèi)容可供消費等。
04 洞察設(shè)計切入點
根據(jù)用戶在閱讀 “前 中 后” 關(guān)鍵路徑的節(jié)點的不同情緒反饋，我們可以做出找到相應(yīng)情感滿足切入點，并且制定解決方案
05 制定設(shè)計方案
將之前找到的設(shè)計情感切入點用交互和視覺的形式呈現(xiàn)出來，盡可能完整的表達(dá)清晰。下面展示是關(guān)于付費升級優(yōu)化的完整視頻DEMO。整個方案采用趣味情感化形式為核心設(shè)計思路，逐步去引導(dǎo)用戶付費。讓用戶在趣味互動中完成產(chǎn)品的商業(yè)轉(zhuǎn)化目標(biāo)。
https://v.youku.com/v_show/id_XNDM0NDg1MzY2MA==.html
二. 設(shè)計呈現(xiàn)的“差異化”
視覺呈現(xiàn)是設(shè)計師們都比較擅長的工作，但不同專業(yè)高度要求下方案最終呈現(xiàn)出的效果是完全不一樣的。好的設(shè)計方案，需要在設(shè)計上做出明顯的“差異化”，這里的差異化是指要區(qū)別于常規(guī)輸出一般的水平。差異化的可以從多個點入手：
優(yōu)質(zhì)的設(shè)計美感：
美感是作為設(shè)計師首先需要培養(yǎng)的技能之一，也是在后續(xù)職業(yè)生涯的一直需要用到的技能。設(shè)計師被神職化的很大一個原因就是因為設(shè)計師的美感比一般人要好，有懂得欣賞美、鑒別美、以及創(chuàng)造美的能力。單一從視覺層面，設(shè)計作品是合格品還是精品，最終取決于畫面的精美程度。項目不分大小，再小的一個項目都可以做出精致品質(zhì)，這也是體現(xiàn)設(shè)計師專業(yè)度的核心衡量之一。
完整設(shè)計思路：
設(shè)計方案的完整性也能夠很好的設(shè)計師專業(yè)度的差異化，幾張圖的設(shè)計稿和一個有完整設(shè)計思路的設(shè)計方案在品質(zhì)上自然是明顯差別的。設(shè)計師不光需要將設(shè)計呈現(xiàn)出來，更需要有嚴(yán)謹(jǐn)?shù)脑O(shè)計思路并且表達(dá)出來讓受眾到你的設(shè)計想法。設(shè)計前期分析、中期執(zhí)行、后期落地以及迭代優(yōu)化，能夠讓設(shè)計師有意識的鍛煉和提升自己的設(shè)計思維，對于設(shè)計師能力提升有必然的幫助。
獨特創(chuàng)意：
設(shè)計差異化呈現(xiàn)上，創(chuàng)意是一個非常好的切入點。行業(yè)大趨勢的前提下，現(xiàn)在同類產(chǎn)品越來越趨于同質(zhì)化，受眾使用產(chǎn)品的時候都會有一些常規(guī)認(rèn)知，關(guān)于功能的、交互操作的、內(nèi)容組成的等等，淘寶和京東、大眾和美團(tuán)、甚至QQ音樂和網(wǎng)易音樂在產(chǎn)品使用體驗上都有高度重合的地方，這些已經(jīng)在用戶心智中形成習(xí)以為常的認(rèn)知感受。如果能夠在用戶的常規(guī)認(rèn)知里，用創(chuàng)意手法呈現(xiàn)出超出他們預(yù)期的內(nèi)容使其驚喜，產(chǎn)品設(shè)計就會有明顯差異化體現(xiàn)。
善用情感化：
具備美感的設(shè)計能讓作品看起來有高級感，但更為高級且有效的是能夠引起用戶情感共鳴的設(shè)計。設(shè)計是主觀的，對于設(shè)計每個人都有自己的想法，也正是因為主觀的設(shè)計感受，能讓設(shè)計在情感化打造方面可以有很多的嘗試方向。能夠引起受眾主觀情感上的共鳴和認(rèn)同的設(shè)計，會形成產(chǎn)品的核心記憶點之一。設(shè)計師對于情感化設(shè)計往往會有一些誤區(qū)，認(rèn)為圖形可愛，色彩羨慕，動效流暢且能夠形成一套視覺體系，就能夠算情感設(shè)計。真正的情感設(shè)計是需要從用戶角度出發(fā)，挖掘用戶的認(rèn)知領(lǐng)域和喜歡，從而去進(jìn)行符合用戶情感訴求的呈現(xiàn)。
三. 方案推動的效能管理
設(shè)計方案輸出只是整個產(chǎn)品生產(chǎn)流程中的一個核心環(huán)節(jié)，產(chǎn)品上線后體驗如何最終取決于落地實現(xiàn)的程度。在方案落地支持過程中，效率協(xié)調(diào)和實現(xiàn)能力是保證設(shè)計方案貫徹一致執(zhí)行的關(guān)鍵因素：
協(xié)作
產(chǎn)品設(shè)計師工作協(xié)調(diào)分為內(nèi)部協(xié)作和外部協(xié)作。內(nèi)部協(xié)作即設(shè)計師之間的溝通協(xié)同，主要內(nèi)容是如何保持設(shè)計語言一致性，除了制定設(shè)計規(guī)范，還可以建立公共控件庫，線上調(diào)用?？丶炷軌蚴乖O(shè)計師協(xié)作無學(xué)習(xí)成本，設(shè)計師輸出設(shè)計稿效率也能夠大大提升，同時保一致性。
外部協(xié)作主要是和下游的技術(shù)同事直接的工作對接，設(shè)計方案的交接方式以及開發(fā)獲取信息的效率很關(guān)鍵。在開發(fā)接收設(shè)計方案的時候，盡能力降低獲取成本以及理解成本。比如設(shè)計稿的標(biāo)注，在標(biāo)注上設(shè)計師一般會花很長時間，開發(fā)也需要逐步查看，偶爾還會有標(biāo)注遺漏的地方。我們團(tuán)隊會直接采用插件，設(shè)計稿及時同步，并且開發(fā)可以自己隨時查看每個元素的標(biāo)注信息，便捷。
這里推薦兩款協(xié)調(diào)軟件：一款是InVision可以在sketch里進(jìn)行控件協(xié)同調(diào)用，所有想用的元素直接源文件調(diào)用，不需要再問同事要源文件！另一款是Zeplin技術(shù)同學(xué)可以直接查看元素屬性以及間距等，設(shè)計師解放雙手不再需要標(biāo)注！
官網(wǎng)鏈接：
https://login.invisionapp.com/auth/sign-in
實現(xiàn)能力
專業(yè)技術(shù)之間的壁壘，也會成為設(shè)計方案實現(xiàn)的阻力。同樣的界面，設(shè)計人員用設(shè)計軟件實現(xiàn)，技術(shù)人員用邏輯代碼實現(xiàn)，實現(xiàn)的方式和成本存在很大的差異性，所以往往設(shè)計師認(rèn)為很簡單的需求在開發(fā)層面的確非常難實現(xiàn)。當(dāng)然，不是所有需求都是無解的，設(shè)計師在技術(shù)實現(xiàn)層面還是可以做一些事情：
01 方案前置溝通
設(shè)計一個新的功能的時候，如果有非常規(guī)的設(shè)計方案，可以提前和技術(shù)人員溝通實現(xiàn)的難易程度，讓技術(shù)人員有前期預(yù)判和預(yù)演的時間。并且，可以將設(shè)計做成簡易DEMO方便技術(shù)人員快速理解，避免雙方存在信息不對等的情況。
02 搭建開發(fā)控件庫
開發(fā)控件庫和設(shè)計規(guī)范一樣，是最基礎(chǔ)但應(yīng)用最為頻繁的模塊兒。開發(fā)控件庫可以將最基礎(chǔ)的元素形成固有規(guī)范，所有開發(fā)實現(xiàn)都用同一套規(guī)范，以確保實現(xiàn)的高度一致性，同時也能夠提升實現(xiàn)效率和設(shè)計還原。設(shè)計可以輔助開發(fā)一起制定開發(fā)控件庫，確?？丶旌驮O(shè)計規(guī)格的一致性。
03 尋求技術(shù)語言共通性
盡量將設(shè)計方案轉(zhuǎn)化為技術(shù)能夠理解和復(fù)用的形式進(jìn)行對接。除了靜態(tài)設(shè)計稿的標(biāo)注，設(shè)計和技術(shù)實現(xiàn)最大的難點在于動態(tài)交互的實現(xiàn)上，對于動態(tài)設(shè)計，將設(shè)計方案轉(zhuǎn)換為代碼文件交付給技術(shù)實現(xiàn)，這樣能確保功能的正常實現(xiàn)同時減少后期設(shè)計還原性的偏差。
以上初步總結(jié)的關(guān)于產(chǎn)品設(shè)計師在設(shè)計過程中從前期產(chǎn)品規(guī)劃到中期設(shè)計執(zhí)行再到后期開發(fā)落地應(yīng)該注意的一些核心點：
第一條，設(shè)計方案既要滿足產(chǎn)品目標(biāo)又同時要兼顧用戶體驗；
第二條，優(yōu)秀的設(shè)計師，會保持設(shè)計方案的“差異化”；
第三條，設(shè)計師職責(zé)除了確保設(shè)計方案完整性，更重要的是推動設(shè)計方案的完整落地。
在產(chǎn)品設(shè)計過程中，設(shè)計師需要關(guān)注還有很多關(guān)鍵點，這里也歡迎大家一起補充交流，正是這些關(guān)鍵點，將設(shè)計師的思維逐步打開，使其成為一個具有全鏈路思維的設(shè)計人才。
文章來源：UI中國
藍(lán)藍(lán)設(shè)計的小編 http://www.teruid.com
