編輯導語：設計師在進行產品設計時，總會被問到這個設計的價值是什么，在不同的場景下判斷的標準也不一樣，比如可以從商業價值、用戶體驗等方面衡量；本文作者對如何正確挖掘設計價值進行思考，我們一起來看一下吧。

01?寫在前面

你們在日常工作中是否會有這樣的思考，設計能給業務帶來多大的價值？或者你從現在的工作中能夠感受到多少價值？難道設計的價值還只單單停留在完成對原型稿的視覺表現，去撕逼各種產品細節的審美挑剔嗎？

答案顯而不是。作為設計師，需要在日常工作中養成系統化的設計思路，站在業務以及用戶體驗的角度去思考問題，從產品底層邏輯出發去充分理解業務，挖掘設計的機會點，通過設計的手段來助力業務的增長。本文將以58生活圈小程序從0到1的設計過程為例，來跟大家聊聊設計師如何在項目中發揮自身的價值。

02?項目前期

1. 了解產品定位&價值

為了做出貼近業務目標的設計，項目前期設計師對于產品的定位及業務底層邏輯的深刻理解很有必要，要思考我們為什么要做這個產品？用戶又能通過我們的產品得到什么？

如今信息暢通的互聯網時代，各大社交電商平臺不斷涌入本地生活領域，58本地服務到店業務隨著方向性的調整，推出了全新的生活圈小程序。產品主要定位吃喝玩樂與生活服務的優惠折扣平臺，聚合優惠活動信息的同時引入更多優質的供應鏈進行合作，通過社交電商渠道來為用戶提供優質特價的產品。

這樣一來我們就明確了生活圈產品的價值：用戶在我們的平臺可以享受到各種實惠低價的商品與服務，同時也可以升級為達人用戶，實現自用省錢，分銷能夠賺取傭金。

2. 分析運營模式

社交電商加私域流量是平臺目前主要的運營模式：一方面通過微信公眾號向本地用戶推送文章，并在公眾號內嵌入平臺，用戶可以點擊跳轉至小程序內進行購買；另一方面基于達人分銷的社交分享，通過達人用戶在微信內進行裂變式的傳播，同時我們也為達人提供持續穩定的收益，激勵賦能達人。

在分享經濟的時代下，隨著消費習慣的變化，并借助微信的紅利并通過裂變拉動新的增長，最終打通整個微信生態圈內流量、轉化、變現的閉環模式。微信生態無疑是一個承載社交電商的理想平臺。

3. 洞察目標用戶

緊接著我們對目標用戶進行了調研分析，當前我們的用戶群體特征具體表現為：以25-39歲的新中產為主，整體趨于年輕化；高頻次交易屬性；具備高消費能力；對價格敏感度較高等等。

產品是最終服務于用戶的，不同產品面對不同人群的需求也是不一樣的，所以我們需要深入了解用戶，知道用戶真正需要的是什么？只有這樣才能更好地聚焦設計策略，將產品的核心價值及服務傳遞給用戶，從而提升用戶的使用體驗。

4. 梳理購買行為路徑

用戶購買決策的過程看似只是簡單的商品購買，然而其實是一個系統化的決策過程，整條關鍵路徑中從商品瀏覽（信息獲?。┑搅私馍唐罚ㄔ斍檎J知）再到支付成功（購買決策）經歷了幾個關鍵節點，由開始到最后呈現出一個漏斗狀的情形，轉化率越來越低。

因此在產品設計之前我們對用戶決策的關鍵路徑進行了相應梳理：主要為購買前，購買中以及購買后這幾個階段，同時圍繞著每個環節去強化用戶內心感知，挖掘設計上的機會點。

在這幾個階段我們主要解決的問題可以歸納為以下三點：

1. 購買前：如何讓用戶更加便捷高效地尋找到商品；
2. 購買中：如何將產品的核心價值傳達給用戶，讓用戶購買地更順暢；
3. 購買后：如何讓用戶買后有所保障，在復購率的提升上做些推動和嘗試。

03?設計目標推導

至此，產品整體的設計思路就已經很明確了，如果前期我們沒有對業務進行宏觀層面的拆解與分析，設計師在后期可能就會找不準設計的發力點，從而導致設計沒有貼合實際的業務場景。

圍繞著這些背景，經過多次溝通最終設計和產品同學達成了一致，本次的主要設計目標為：

1. 提升用戶信息閱讀效率；
2. 提升用戶購買決策效率；
3. 提升用戶服務保障感知。

04?設計方案落地

在明確了設計目標之后，最后一部分就是就是設計落地了，正確的設計始終是圍繞著產品策略來執行的，并通過深耕設計解決方案來為用戶打造優質的購買體驗，那么我們將從以下幾個維度來進行視覺方案的設計：

1. 提升用戶信息閱讀效率

1）少即是多貫穿始終

其實設計師往往被要求在僅限的頁面空間里盡可能展示更多信息，然而在這樣的訴求下我們的界面常常會失去很多留白空間，導致信息密度會很大，這樣反而會影響用戶的閱讀效率，甚至降低用戶瀏覽欲望。

因此在首頁的設計策略上我們對各模塊內容之間保持充分的留白空間，簡化分割線的運用，讓界面更加簡潔清爽；

而對于信息傳達的效率而言，我們運用了卡片化的設計來組織各模塊的功能結構，卡片使頁面信息更加聚焦，能幫助用戶在瀏覽中更快更高效地識別有效信息；同時配合使用大圓角的設計語言，讓頁面視覺上更具有親和力，也符合我們年輕的用戶基調。

2）頁面層級化繁為簡

用戶獲取信息的效率主要由層級關系間的秩序來主導的，我們依托于卡片的基礎框架，通過對不同圖形、顏色，字體，字號的運用，對首頁各功能模塊進行優先級的區分，為用戶打造不同的閱讀感受。金剛位圖標統一采用漸變色的填充樣式，提高色彩飽和度，搭配輕質感風格，使核心業務功能更加突出，便于用戶快速識別到有效信息。

3）大圖突顯內容質量

由于經常產品對于頁面空間利用的苛刻，我們的圖片比例常常會被壓縮得很小很窄，從而犧牲了圖片質量。那么為了更好地幫助用戶去閱讀圖片的信息內容，我們統一對列表頁瀑布流的圖片設計坑位進行了擴大展示，來突出圖片的品質和吸引力。

2. 提升用戶購買決策效率

1）強化關鍵內容信息

詳情頁是商品價值與信息的洼地，用戶需要在眾多內容中做出決策，那么對詳情頁重要信息的突出則是提升用戶決策效率的關鍵。在套餐商品詳情的設計策略上我們主要做了以下幾件事：

1. 強化價格信息的視覺重心，重點突出折扣價對比；
2. 在價格下方同時露出立減金額的標簽，同樣是1000元的商品，直降100元和打9折在數額上雖然沒有任何區別，但是用戶會覺得直降100元的優惠力度更大，更好地提升用戶的感知價值；
3. 增加用戶購買記錄的氣泡提示，給用戶一種值得買的心理暗示，利用從眾心理去刺激用戶下單購買；3.底部新增分享賺錢懸浮按鈕，對用戶進行利益引導，刺激用戶行為。

而話費充值詳情在設計上也是采用了相同的策略，強化突出價格內容。此外我們增加了限時限量標簽指示，短時效的限定會給予用戶更強烈的緊迫感，讓用戶產生機不可失時不再來的氛圍，讓用戶對商品產生稀缺的感應，利用搶購心理，促使用戶快速地決策。

2）簡化支付行為路徑

當支付流程的路徑相對較深時，可能會導致用戶產生操作效率較低的認知，容易中斷操作流程，從導致用戶的流失。

因此在產品設計上我們借助微信生態便捷支付的屬性，減少了頁面之間過多的層級跳轉，以達到簡化支付路徑的目的，讓用戶的購買行為更加地順暢，進一步提升用戶決策效率，下圖主要以套餐商品的支付流程為例說明。

3. 提升用戶服務保障感知

1）增強服務保障體驗

售后服務體驗的好壞在一定程度上影響著用戶留存以及復購意向，當用戶下單后遇到問題需要進行退款時，產品能做的就是提供及時的糾錯措施，讓用戶可以快速地解決問題，提升購買后的服務保障感。

為了增強功能操作的簡潔度，整個退款流程頁面我們延續了卡片式的視覺容器來承載內容信息，保證視覺體驗一致性，使用戶認知減負。

05?寫在最后

以上就是58生活圈從0到1的產品設計背后的思考過程，從項目前期的分析到設計目標的確認，再到后續拆分到不同維度去進行功能設計的落地，最終完整地呈現在用戶面前。

作為設計師，我覺得最重要的就是跳出畫圖仔的桎梏，拓寬自己的邊界，將設計從表現和執行抽離往前后延展，在整個設計過程過中，往前深挖需求和業務目標，往后做到把控和沉淀，發揮設計師最大的價值，做出對業務和用戶體驗都好的設計。

作者：胡希，視覺設計師

本文來源于人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@胡希

題圖來自pexels，基于CC0協議