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