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

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

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


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


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

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


Image title



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


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

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


Image title



 02 分析用戶(hù)路徑  

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

Image title



 03 觀察用戶(hù)核心需求是否被滿(mǎn)足 

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


Image title



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

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


Image title



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

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


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


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

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


Image title



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

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


Image title



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

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


Image title



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

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


Image title



善用情感化:

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


Image title


三. 方案推動(dòng)的效能管理 

 

設(shè)計(jì)方案輸出只是整個(gè)產(chǎn)品生產(chǎn)流程中的一個(gè)核心環(huán)節(jié),產(chǎn)品上線(xiàn)后體驗(yàn)如何最終取決于落地實(shí)現(xiàn)的程度。在方案落地支持過(guò)程中,效率協(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ì)語(yǔ)言一致性,除了制定設(shè)計(jì)規(guī)范,還可以建立公共控件庫(kù),線(xiàn)上調(diào)用??丶?kù)能夠使設(shè)計(jì)師協(xié)作無(wú)學(xué)習(xí)成本,設(shè)計(jì)師輸出設(shè)計(jì)稿效率也能夠大大提升,同時(shí)保一致性。


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


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


Image title



官網(wǎng)鏈接: 

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

https://zeplin.io/


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

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


01 方案前置溝通

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


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

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


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

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


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

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

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

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


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

文章來(lái)源:UI中國(guó)

日歷

鏈接

個(gè)人資料

存檔