你們?cè)谌粘９ぷ髦惺欠駮?huì)有這樣的思考，設(shè)計(jì)能給業(yè)務(wù)帶來(lái)多大的價(jià)值？或者你從現(xiàn)在的工作中能夠感受到多少價(jià)值？難道設(shè)計(jì)的價(jià)值還只單單停留在完成對(duì)原型稿的視覺(jué)表現(xiàn)，去撕逼各種產(chǎn)品細(xì)節(jié)的審美挑剔嗎？答案顯而不是。作為設(shè)計(jì)師，需要在日常工作中養(yǎng)成系統(tǒng)化的設(shè)計(jì)思路，站在業(yè)務(wù)以及用戶體驗(yàn)的角度去思考問(wèn)題，從產(chǎn)品底層邏輯出發(fā)去充分理解業(yè)務(wù)，挖掘設(shè)計(jì)的機(jī)會(huì)點(diǎn)，通過(guò)設(shè)計(jì)的手段來(lái)助力業(yè)務(wù)的增長(zhǎng)。本文將以 58 生活圈小程序從 0 到 1 的設(shè)計(jì)過(guò)程為例，來(lái)跟大家聊聊設(shè)計(jì)師如何在項(xiàng)目中發(fā)揮自身的價(jià)值。
1. 了解產(chǎn)品定位&價(jià)值
為了做出貼近業(yè)務(wù)目標(biāo)的設(shè)計(jì)，項(xiàng)目前期設(shè)計(jì)師對(duì)于產(chǎn)品的定位及業(yè)務(wù)底層邏輯的深刻理解很有必要，要思考我們?yōu)槭裁匆鲞@個(gè)產(chǎn)品？用戶又能通過(guò)我們的產(chǎn)品得到什么？
如今信息暢通的互聯(lián)網(wǎng)時(shí)代，各大社交電商平臺(tái)不斷涌入本地生活領(lǐng)域，58 本地服務(wù)到店業(yè)務(wù)隨著方向性的調(diào)整，推出了全新的生活圈小程序。產(chǎn)品主要定位吃喝玩樂(lè)與生活服務(wù)的優(yōu)惠折扣平臺(tái)，聚合優(yōu)惠活動(dòng)信息的同時(shí)引入更多優(yōu)質(zhì)的供應(yīng)鏈進(jìn)行合作，通過(guò)社交電商渠道來(lái)為用戶提供優(yōu)質(zhì)特價(jià)的產(chǎn)品。
這樣一來(lái)我們就明確了生活圈產(chǎn)品的價(jià)值：用戶在我們的平臺(tái)可以享受到各種實(shí)惠低價(jià)的商品與服務(wù)，同時(shí)也可以升級(jí)為達(dá)人用戶，實(shí)現(xiàn)自用省錢(qián)，分銷(xiāo)能夠賺取傭金。
2. 分析運(yùn)營(yíng)模式
社交電商加私域流量是平臺(tái)目前主要的運(yùn)營(yíng)模式：一方面通過(guò)微信公眾號(hào)向本地用戶推送文章，并在公眾號(hào)內(nèi)嵌入平臺(tái)，用戶可以點(diǎn)擊跳轉(zhuǎn)至小程序內(nèi)進(jìn)行購(gòu)買(mǎi)；另一方面基于達(dá)人分銷(xiāo)的社交分享，通過(guò)達(dá)人用戶在微信內(nèi)進(jìn)行裂變式的傳播，同時(shí)我們也為達(dá)人提供持續(xù)穩(wěn)定的收益，激勵(lì)賦能達(dá)人。在分享經(jīng)濟(jì)的時(shí)代下，隨著消費(fèi)習(xí)慣的變化，并借助微信的紅利并通過(guò)裂變拉動(dòng)新的增長(zhǎng)，最終打通整個(gè)微信生態(tài)圈內(nèi)流量、轉(zhuǎn)化、變現(xiàn)的閉環(huán)模式。微信生態(tài)無(wú)疑是一個(gè)承載社交電商的理想平臺(tái)。
3. 洞察目標(biāo)用戶
緊接著我們對(duì)目標(biāo)用戶進(jìn)行了調(diào)研分析，當(dāng)前我們的用戶群體特征具體表現(xiàn)為：以 25-39 歲的新中產(chǎn)為主，整體趨于年輕化；高頻次交易屬性；具備高消費(fèi)能力；對(duì)價(jià)格敏感度較高等等。產(chǎn)品是最終服務(wù)于用戶的，不同產(chǎn)品面對(duì)不同人群的需求也是不一樣的，所以我們需要深入了解用戶，知道用戶真正需要的是什么？只有這樣才能更好地聚焦設(shè)計(jì)策略，將產(chǎn)品的核心價(jià)值及服務(wù)傳遞給用戶，從而提升用戶的使用體驗(yàn)。
4. 梳理購(gòu)買(mǎi)行為路徑
用戶購(gòu)買(mǎi)決策的過(guò)程看似只是簡(jiǎn)單的商品購(gòu)買(mǎi)，然而其實(shí)是一個(gè)系統(tǒng)化的決策過(guò)程，整條關(guān)鍵路徑中從商品瀏覽（信息獲取）到了解商品（詳情認(rèn)知）再到支付成功（購(gòu)買(mǎi)決策）經(jīng)歷了幾個(gè)關(guān)鍵節(jié)點(diǎn)，由開(kāi)始到最后呈現(xiàn)出一個(gè)漏斗狀的情形，轉(zhuǎn)化率越來(lái)越低。因此在產(chǎn)品設(shè)計(jì)之前我們對(duì)用戶決策的關(guān)鍵路徑進(jìn)行了相應(yīng)梳理：主要為購(gòu)買(mǎi)前，購(gòu)買(mǎi)中以及購(gòu)買(mǎi)后這幾個(gè)階段，同時(shí)圍繞著每個(gè)環(huán)節(jié)去強(qiáng)化用戶內(nèi)心感知，挖掘設(shè)計(jì)上的機(jī)會(huì)點(diǎn)。在這幾個(gè)階段我們主要解決的問(wèn)題可以歸納為以下三點(diǎn)：1.購(gòu)買(mǎi)前：如何讓用戶更加便捷高效地尋找到商品；2.購(gòu)買(mǎi)中：如何將產(chǎn)品的核心價(jià)值傳達(dá)給用戶，讓用戶購(gòu)買(mǎi)地更順暢；3.購(gòu)買(mǎi)后：如何讓用戶買(mǎi)后有所保障，在復(fù)購(gòu)率的提升上做些推動(dòng)和嘗試。
至此，產(chǎn)品整體的設(shè)計(jì)思路就已經(jīng)很明確了，如果前期我們沒(méi)有對(duì)業(yè)務(wù)進(jìn)行宏觀層面的拆解與分析，設(shè)計(jì)師在后期可能就會(huì)找不準(zhǔn)設(shè)計(jì)的發(fā)力點(diǎn)，從而導(dǎo)致設(shè)計(jì)沒(méi)有貼合實(shí)際的業(yè)務(wù)場(chǎng)景。圍繞著這些背景，經(jīng)過(guò)多次溝通最終設(shè)計(jì)和產(chǎn)品同學(xué)達(dá)成了一致，本次的主要設(shè)計(jì)目標(biāo)為：1.提升用戶信息閱讀效率；2.提升用戶購(gòu)買(mǎi)決策效率；3.提升用戶服務(wù)保障感知。
在明確了設(shè)計(jì)目標(biāo)之后，最后一部分就是就是設(shè)計(jì)落地了，正確的設(shè)計(jì)始終是圍繞著產(chǎn)品策略來(lái)執(zhí)行的，并通過(guò)深耕設(shè)計(jì)解決方案來(lái)為用戶打造優(yōu)質(zhì)的購(gòu)買(mǎi)體驗(yàn)，那么我們將從以下幾個(gè)維度來(lái)進(jìn)行視覺(jué)方案的設(shè)計(jì)：
1. 提升用戶信息閱讀效率
少即是多貫穿始終：其實(shí)設(shè)計(jì)師往往被要求在僅限的頁(yè)面空間里盡可能展示更多信息，然而在這樣的訴求下我們的界面常常會(huì)失去很多留白空間，導(dǎo)致信息密度會(huì)很大，這樣反而會(huì)影響用戶的閱讀效率，甚至降低用戶瀏覽欲望。因此在首頁(yè)的設(shè)計(jì)策略上我們對(duì)各模塊內(nèi)容之間保持充分的留白空間，簡(jiǎn)化分割線的運(yùn)用，讓界面更加簡(jiǎn)潔清爽；而對(duì)于信息傳達(dá)的效率而言，我們運(yùn)用了卡片化的設(shè)計(jì)來(lái)組織各模塊的功能結(jié)構(gòu)，卡片使頁(yè)面信息更加聚焦，能幫助用戶在瀏覽中更快更高效地識(shí)別有效信息；同時(shí)配合使用大圓角的設(shè)計(jì)語(yǔ)言，讓頁(yè)面視覺(jué)上更具有親和力，也符合我們年輕的用戶基調(diào)。
頁(yè)面層級(jí)化繁為簡(jiǎn)：用戶獲取信息的效率主要由層級(jí)關(guān)系間的秩序來(lái)主導(dǎo)的，我們依托于卡片的基礎(chǔ)框架，通過(guò)對(duì)不同圖形、顏色，字體，字號(hào)的運(yùn)用，對(duì)首頁(yè)各功能模塊進(jìn)行優(yōu)先級(jí)的區(qū)分，為用戶打造不同的閱讀感受。金剛位圖標(biāo)統(tǒng)一采用漸變色的填充樣式，提高色彩飽和度，搭配輕質(zhì)感風(fēng)格，使核心業(yè)務(wù)功能更加突出，便于用戶快速識(shí)別到有效信息。
大圖突顯內(nèi)容質(zhì)量：由于經(jīng)常產(chǎn)品對(duì)于頁(yè)面空間利用的苛刻，我們的圖片比例常常會(huì)被壓縮得很小很窄，從而犧牲了圖片質(zhì)量。那么為了更好地幫助用戶去閱讀圖片的信息內(nèi)容，我們統(tǒng)一對(duì)列表頁(yè)瀑布流的圖片設(shè)計(jì)坑位進(jìn)行了擴(kuò)大展示，來(lái)突出圖片的品質(zhì)和吸引力。
2. 提升用戶購(gòu)買(mǎi)決策效率
強(qiáng)化關(guān)鍵內(nèi)容信息：詳情頁(yè)是商品價(jià)值與信息的洼地，用戶需要在眾多內(nèi)容中做出決策，那么對(duì)詳情頁(yè)重要信息的突出則是提升用戶決策效率的關(guān)鍵。在套餐商品詳情的設(shè)計(jì)策略上我們主要做了以下幾件事：1.強(qiáng)化價(jià)格信息的視覺(jué)重心，重點(diǎn)突出折扣價(jià)對(duì)比；2.在價(jià)格下方同時(shí)露出立減金額的標(biāo)簽，同樣是 1000 元的商品，直降 100 元和打 9 折在數(shù)額上雖然沒(méi)有任何區(qū)別，但是用戶會(huì)覺(jué)得直降 100 元的優(yōu)惠力度更大，更好地提升用戶的感知價(jià)值；3.增加用戶購(gòu)買(mǎi)記錄的氣泡提示，給用戶一種值得買(mǎi)的心理暗示，利用從眾心理去刺激用戶下單購(gòu)買(mǎi)；4.底部新增分享賺錢(qián)懸浮按鈕，對(duì)用戶進(jìn)行利益引導(dǎo)，刺激用戶行為。
而話費(fèi)充值詳情在設(shè)計(jì)上也是采用了相同的策略，強(qiáng)化突出價(jià)格內(nèi)容。此外我們?cè)黾恿讼迺r(shí)限量標(biāo)簽指示，短時(shí)效的限定會(huì)給予用戶更強(qiáng)烈的緊迫感，讓用戶產(chǎn)生機(jī)不可失時(shí)不再來(lái)的氛圍，讓用戶對(duì)商品產(chǎn)生稀缺的感應(yīng)，利用搶購(gòu)心理，促使用戶快速地決策。
簡(jiǎn)化支付行為路徑：當(dāng)支付流程的路徑相對(duì)較深時(shí)，可能會(huì)導(dǎo)致用戶產(chǎn)生操作效率較低的認(rèn)知，容易中斷操作流程，從而導(dǎo)致用戶的流失。因此在產(chǎn)品設(shè)計(jì)上我們借助微信生態(tài)便捷支付的屬性，減少了頁(yè)面之間過(guò)多的層級(jí)跳轉(zhuǎn)，以達(dá)到簡(jiǎn)化支付路徑的目的，讓用戶的購(gòu)買(mǎi)行為更加地順暢，進(jìn)一步提升用戶決策效率，下圖主要以套餐商品的支付流程為例說(shuō)明。
3. 提升用戶服務(wù)保障感知
增強(qiáng)服務(wù)保障體驗(yàn)：售后服務(wù)體驗(yàn)的好壞在一定程度上影響著用戶留存以及復(fù)購(gòu)意向，當(dāng)用戶下單后遇到問(wèn)題需要進(jìn)行退款時(shí)，產(chǎn)品能做的就是提供及時(shí)的糾錯(cuò)措施，讓用戶可以快速地解決問(wèn)題，提升購(gòu)買(mǎi)后的服務(wù)保障感。為了增強(qiáng)功能操作的簡(jiǎn)潔度，整個(gè)退款流程頁(yè)面我們延續(xù)了卡片式的視覺(jué)容器來(lái)承載內(nèi)容信息，保證視覺(jué)體驗(yàn)一致性，使用戶認(rèn)知減負(fù)。
以上就是 58 生活圈從 0 到 1 的產(chǎn)品設(shè)計(jì)背后的思考過(guò)程，從項(xiàng)目前期的分析到設(shè)計(jì)目標(biāo)的確認(rèn)，再到后續(xù)拆分到不同維度去進(jìn)行功能設(shè)計(jì)的落地，最終完整地呈現(xiàn)在用戶面前。上線后的各項(xiàng)業(yè)務(wù)數(shù)據(jù)也比較樂(lè)觀，之后我們也會(huì)持續(xù)地探索優(yōu)化，為用戶提供更好更有價(jià)值的服務(wù)。作為設(shè)計(jì)師，我覺(jué)得最重要的就是跳出畫(huà)圖仔的桎梏，拓寬自己的邊界，將設(shè)計(jì)從表現(xiàn)和執(zhí)行抽離往前后延展，在整個(gè)設(shè)計(jì)過(guò)程過(guò)中，往前深挖需求和業(yè)務(wù)目標(biāo)，往后做到把控和沉淀，發(fā)揮設(shè)計(jì)師最大的價(jià)值，做出對(duì)業(yè)務(wù)和用戶體驗(yàn)都好的設(shè)計(jì)。
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任，
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。