產(chǎn)品設(shè)計(jì)核心三要素

2019-10-25    資深UI設(shè)計(jì)者

先問一個問題:怎么樣衡量一個設(shè)計(jì)好與不好?工作中實(shí)踐越多次,越會發(fā)現(xiàn)華麗的設(shè)計(jì)稿并不是體現(xiàn)設(shè)計(jì)師專業(yè)能力的唯一標(biāo)準(zhǔn)。普通設(shè)計(jì)師和高級設(shè)計(jì)師區(qū)別在于,設(shè)計(jì)方案是否具備完整設(shè)計(jì)思路;設(shè)計(jì)對于業(yè)務(wù)有沒有真正的價值體現(xiàn);以及設(shè)計(jì)方案的推動落地的完整性到底有多少。設(shè)計(jì)越往后走,越考驗(yàn)產(chǎn)品思維,設(shè)計(jì)思維,以及設(shè)計(jì)推動能力。這是產(chǎn)品設(shè)計(jì)師需要關(guān)注的核心三要素。


設(shè)計(jì)師在工作中接到設(shè)計(jì)需求會不自覺的第一時間想著如何去進(jìn)行視覺表達(dá),視覺表達(dá)確實(shí)非常重要,也是公司對于設(shè)計(jì)師的核心價值的定位之一,但視覺表達(dá)只是其中設(shè)計(jì)專業(yè)本職工作中的一個環(huán)節(jié)。設(shè)計(jì)師還要應(yīng)該能夠站在產(chǎn)品、設(shè)計(jì)、技術(shù)等不同維度去思考設(shè)計(jì)方案的可行性。產(chǎn)品打磨-視覺呈現(xiàn)-落地執(zhí)行,在這三個核心點(diǎn)里面設(shè)計(jì)師分別有不同的定位和價值所在。 


  一. 產(chǎn)品“雙標(biāo)”滿足   

產(chǎn)品打磨包含產(chǎn)品規(guī)劃,內(nèi)容組成,界面布局,交互梳理等等…所有環(huán)節(jié)的工作是為了符合產(chǎn)品最終的目標(biāo)。產(chǎn)品所有的能力會核心圍繞兩個點(diǎn):1商業(yè)變現(xiàn) 2用戶需求滿足。這兩個目標(biāo)在產(chǎn)品執(zhí)行的環(huán)節(jié)有時候會有一些沖突,在產(chǎn)品打磨階段設(shè)計(jì)師通過怎樣的方式,做到既滿足產(chǎn)品商業(yè)目標(biāo)又滿足用戶體驗(yàn)需求?可以按照以下幾個步驟進(jìn)行分析尋求切入點(diǎn): 


Image title



這里用騰訊動漫付費(fèi)模塊舉例說明: 項(xiàng)目背景是騰訊動漫產(chǎn)品要做付費(fèi)體系升級設(shè)計(jì),接到需求先有由產(chǎn)品源頭一步步深入,逐步展開設(shè)計(jì)方案的規(guī)劃。 


 01 產(chǎn)品目標(biāo)確認(rèn)  

通過對項(xiàng)目背景的解讀和產(chǎn)品方案的深入了解,以及總結(jié)當(dāng)前存在的一些問題,可以明確得到項(xiàng)目中產(chǎn)品核心目是什么。付費(fèi)升級核心原因是付費(fèi)轉(zhuǎn)化低,用戶付費(fèi)意愿不夠強(qiáng)烈。此次升級的核心目標(biāo)是促進(jìn)內(nèi)容消費(fèi),提升付費(fèi)率。 


Image title



 02 分析用戶路徑  

確認(rèn)目標(biāo)之后從哪個模塊兒開始進(jìn)行首要需要考慮的。對于現(xiàn)有現(xiàn)有功能的升級,建議核心從產(chǎn)品本身著手,可以根據(jù)用戶行為分析,獲取用戶常規(guī)使用路徑,找到用戶使用場景下的核心目的,從而去挖掘用戶在付費(fèi)路徑下的訴求點(diǎn),根據(jù)訴求點(diǎn)找到付費(fèi)升級的觸點(diǎn)。這里我們羅列了用戶閱讀產(chǎn)品的路徑。 

Image title



 03 觀察用戶核心需求是否被滿足 

 用戶在每個場景下都會有“痛點(diǎn)”和“癢點(diǎn)”。比如在閱讀前,核心目是想快點(diǎn)看到漫畫內(nèi)容;閱讀過程中,想要及時宣泄對漫畫的故事情節(jié)的感受;閱讀后,希望找到更多相關(guān)內(nèi)容或者能夠和內(nèi)容有更多的互動。目前產(chǎn)品在這三個關(guān)鍵的路徑節(jié)點(diǎn)都存在一些問題,閱讀前對于付費(fèi)缺乏正向引導(dǎo),閱讀過程中互相行為較少,閱讀后沒有更多延展內(nèi)容可供消費(fèi)等。 


Image title



 04 洞察設(shè)計(jì)切入點(diǎn)  

根據(jù)用戶在閱讀 “前 中 后” 關(guān)鍵路徑的節(jié)點(diǎn)的不同情緒反饋,我們可以做出找到相應(yīng)情感滿足切入點(diǎn),并且制定解決方案 


Image title



 05 制定設(shè)計(jì)方案  

將之前找到的設(shè)計(jì)情感切入點(diǎn)用交互和視覺的形式呈現(xiàn)出來,盡可能完整的表達(dá)清晰。下面展示是關(guān)于付費(fèi)升級優(yōu)化的完整視頻DEMO。整個方案采用趣味情感化形式為核心設(shè)計(jì)思路,逐步去引導(dǎo)用戶付費(fèi)。讓用戶在趣味互動中完成產(chǎn)品的商業(yè)轉(zhuǎn)化目標(biāo)。 


https://v.youku.com/v_show/id_XNDM0NDg1MzY2MA==.html


 二. 設(shè)計(jì)呈現(xiàn)的“差異化”   

視覺呈現(xiàn)是設(shè)計(jì)師們都比較擅長的工作,但不同專業(yè)高度要求下方案最終呈現(xiàn)出的效果是完全不一樣的。好的設(shè)計(jì)方案,需要在設(shè)計(jì)上做出明顯的“差異化”,這里的差異化是指要區(qū)別于常規(guī)輸出一般的水平。差異化的可以從多個點(diǎn)入手:


Image title



優(yōu)質(zhì)的設(shè)計(jì)美感

美感是作為設(shè)計(jì)師首先需要培養(yǎng)的技能之一,也是在后續(xù)職業(yè)生涯的一直需要用到的技能。設(shè)計(jì)師被神職化的很大一個原因就是因?yàn)樵O(shè)計(jì)師的美感比一般人要好,有懂得欣賞美、鑒別美、以及創(chuàng)造美的能力。單一從視覺層面,設(shè)計(jì)作品是合格品還是精品,最終取決于畫面的精美程度。項(xiàng)目不分大小,再小的一個項(xiàng)目都可以做出精致品質(zhì),這也是體現(xiàn)設(shè)計(jì)師專業(yè)度的核心衡量之一。


Image title



完整設(shè)計(jì)思路:

設(shè)計(jì)方案的完整性也能夠很好的設(shè)計(jì)師專業(yè)度的差異化,幾張圖的設(shè)計(jì)稿和一個有完整設(shè)計(jì)思路的設(shè)計(jì)方案在品質(zhì)上自然是明顯差別的。設(shè)計(jì)師不光需要將設(shè)計(jì)呈現(xiàn)出來,更需要有嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)思路并且表達(dá)出來讓受眾到你的設(shè)計(jì)想法。設(shè)計(jì)前期分析、中期執(zhí)行、后期落地以及迭代優(yōu)化,能夠讓設(shè)計(jì)師有意識的鍛煉和提升自己的設(shè)計(jì)思維,對于設(shè)計(jì)師能力提升有必然的幫助。 


Image title



獨(dú)特創(chuàng)意:

設(shè)計(jì)差異化呈現(xiàn)上,創(chuàng)意是一個非常好的切入點(diǎn)。行業(yè)大趨勢的前提下,現(xiàn)在同類產(chǎn)品越來越趨于同質(zhì)化,受眾使用產(chǎn)品的時候都會有一些常規(guī)認(rèn)知,關(guān)于功能的、交互操作的、內(nèi)容組成的等等,淘寶和京東、大眾和美團(tuán)、甚至QQ音樂和網(wǎng)易音樂在產(chǎn)品使用體驗(yàn)上都有高度重合的地方,這些已經(jīng)在用戶心智中形成習(xí)以為常的認(rèn)知感受。如果能夠在用戶的常規(guī)認(rèn)知里,用創(chuàng)意手法呈現(xiàn)出超出他們預(yù)期的內(nèi)容使其驚喜,產(chǎn)品設(shè)計(jì)就會有明顯差異化體現(xiàn)。 


Image title



善用情感化:

具備美感的設(shè)計(jì)能讓作品看起來有高級感,但更為高級且有效的是能夠引起用戶情感共鳴的設(shè)計(jì)。設(shè)計(jì)是主觀的,對于設(shè)計(jì)每個人都有自己的想法,也正是因?yàn)橹饔^的設(shè)計(jì)感受,能讓設(shè)計(jì)在情感化打造方面可以有很多的嘗試方向。能夠引起受眾主觀情感上的共鳴和認(rèn)同的設(shè)計(jì),會形成產(chǎn)品的核心記憶點(diǎn)之一。設(shè)計(jì)師對于情感化設(shè)計(jì)往往會有一些誤區(qū),認(rèn)為圖形可愛,色彩羨慕,動效流暢且能夠形成一套視覺體系,就能夠算情感設(shè)計(jì)。真正的情感設(shè)計(jì)是需要從用戶角度出發(fā),挖掘用戶的認(rèn)知領(lǐng)域和喜歡,從而去進(jìn)行符合用戶情感訴求的呈現(xiàn)。 


Image title


三. 方案推動的效能管理 

 

設(shè)計(jì)方案輸出只是整個產(chǎn)品生產(chǎn)流程中的一個核心環(huán)節(jié),產(chǎn)品上線后體驗(yàn)如何最終取決于落地實(shí)現(xiàn)的程度。在方案落地支持過程中,效率協(xié)調(diào)和實(shí)現(xiàn)能力是保證設(shè)計(jì)方案貫徹一致執(zhí)行的關(guān)鍵因素:


 協(xié)作  

產(chǎn)品設(shè)計(jì)師工作協(xié)調(diào)分為內(nèi)部協(xié)作和外部協(xié)作。內(nèi)部協(xié)作即設(shè)計(jì)師之間的溝通協(xié)同,主要內(nèi)容是如何保持設(shè)計(jì)語言一致性,除了制定設(shè)計(jì)規(guī)范,還可以建立公共控件庫,線上調(diào)用??丶炷軌蚴乖O(shè)計(jì)師協(xié)作無學(xué)習(xí)成本,設(shè)計(jì)師輸出設(shè)計(jì)稿效率也能夠大大提升,同時保一致性。


外部協(xié)作主要是和下游的技術(shù)同事直接的工作對接,設(shè)計(jì)方案的交接方式以及開發(fā)獲取信息的效率很關(guān)鍵。在開發(fā)接收設(shè)計(jì)方案的時候,盡能力降低獲取成本以及理解成本。比如設(shè)計(jì)稿的標(biāo)注,在標(biāo)注上設(shè)計(jì)師一般會花很長時間,開發(fā)也需要逐步查看,偶爾還會有標(biāo)注遺漏的地方。我們團(tuán)隊(duì)會直接采用插件,設(shè)計(jì)稿及時同步,并且開發(fā)可以自己隨時查看每個元素的標(biāo)注信息,便捷。


這里推薦兩款協(xié)調(diào)軟件:一款是InVision可以在sketch里進(jìn)行控件協(xié)同調(diào)用,所有想用的元素直接源文件調(diào)用,不需要再問同事要源文件!另一款是Zeplin技術(shù)同學(xué)可以直接查看元素屬性以及間距等,設(shè)計(jì)師解放雙手不再需要標(biāo)注!


Image title



官網(wǎng)鏈接: 

https://login.invisionapp.com/auth/sign-in   

https://zeplin.io/


實(shí)現(xiàn)能力   

專業(yè)技術(shù)之間的壁壘,也會成為設(shè)計(jì)方案實(shí)現(xiàn)的阻力。同樣的界面,設(shè)計(jì)人員用設(shè)計(jì)軟件實(shí)現(xiàn),技術(shù)人員用邏輯代碼實(shí)現(xiàn),實(shí)現(xiàn)的方式和成本存在很大的差異性,所以往往設(shè)計(jì)師認(rèn)為很簡單的需求在開發(fā)層面的確非常難實(shí)現(xiàn)。當(dāng)然,不是所有需求都是無解的,設(shè)計(jì)師在技術(shù)實(shí)現(xiàn)層面還是可以做一些事情:


01 方案前置溝通

設(shè)計(jì)一個新的功能的時候,如果有非常規(guī)的設(shè)計(jì)方案,可以提前和技術(shù)人員溝通實(shí)現(xiàn)的難易程度,讓技術(shù)人員有前期預(yù)判和預(yù)演的時間。并且,可以將設(shè)計(jì)做成簡易DEMO方便技術(shù)人員快速理解,避免雙方存在信息不對等的情況。


02 搭建開發(fā)控件庫

開發(fā)控件庫和設(shè)計(jì)規(guī)范一樣,是最基礎(chǔ)但應(yīng)用最為頻繁的模塊兒。開發(fā)控件庫可以將最基礎(chǔ)的元素形成固有規(guī)范,所有開發(fā)實(shí)現(xiàn)都用同一套規(guī)范,以確保實(shí)現(xiàn)的高度一致性,同時也能夠提升實(shí)現(xiàn)效率和設(shè)計(jì)還原。設(shè)計(jì)可以輔助開發(fā)一起制定開發(fā)控件庫,確保控件庫和設(shè)計(jì)規(guī)格的一致性。


03 尋求技術(shù)語言共通性

盡量將設(shè)計(jì)方案轉(zhuǎn)化為技術(shù)能夠理解和復(fù)用的形式進(jìn)行對接。除了靜態(tài)設(shè)計(jì)稿的標(biāo)注,設(shè)計(jì)和技術(shù)實(shí)現(xiàn)最大的難點(diǎn)在于動態(tài)交互的實(shí)現(xiàn)上,對于動態(tài)設(shè)計(jì),將設(shè)計(jì)方案轉(zhuǎn)換為代碼文件交付給技術(shù)實(shí)現(xiàn),這樣能確保功能的正常實(shí)現(xiàn)同時減少后期設(shè)計(jì)還原性的偏差。


以上初步總結(jié)的關(guān)于產(chǎn)品設(shè)計(jì)師在設(shè)計(jì)過程中從前期產(chǎn)品規(guī)劃到中期設(shè)計(jì)執(zhí)行再到后期開發(fā)落地應(yīng)該注意的一些核心點(diǎn):

第一條,設(shè)計(jì)方案既要滿足產(chǎn)品目標(biāo)又同時要兼顧用戶體驗(yàn);

第二條,優(yōu)秀的設(shè)計(jì)師,會保持設(shè)計(jì)方案的“差異化”;

第三條,設(shè)計(jì)師職責(zé)除了確保設(shè)計(jì)方案完整性,更重要的是推動設(shè)計(jì)方案的完整落地。


在產(chǎn)品設(shè)計(jì)過程中,設(shè)計(jì)師需要關(guān)注還有很多關(guān)鍵點(diǎn),這里也歡迎大家一起補(bǔ)充交流,正是這些關(guān)鍵點(diǎn),將設(shè)計(jì)師的思維逐步打開,使其成為一個具有全鏈路思維的設(shè)計(jì)人才。 

文章來源:UI中國

分享本文至:

日歷

鏈接

個人資料

存檔