酷播亮新聞
文章為58商家通項目設計總結，一起來學習下。
“58商家通”是基於58同城本地服務業務下商家日常經營管理的移動端產品。 隨著產品的迭代完善，由1.0版本中基於商機線索建立B與C之間的連接方式，轉向2.0版本商家主動經營管理線上店舖的概念。
“線上店鋪”是互聯網時代商家宣傳推廣、獲取客源、了解用戶需求、掌握行業資訊等經營活動的重要集合場地。 原有產品架構以消息、電話、帖子等信息連接為主的維度展開，未涉及到“店鋪”這個集合場地的概念。
對此，我們對商業產品的主要業務邏輯進行再梳理，充分了解商家的經營流程。 決定將原App“我的”個人中心頁面調整為“店鋪”頁面。 結合PM部門以提升核心功能的使用量的產品目標，歸納整理出需要設計完成的具體任務：
- 有層次的處理功能優先級，加強核心功能操作引導；
- 全新店鋪概念的傳遞；
- 產品拓展性，及不同身份商家所面臨的功能差異性。
需求拆解
理清功能優先級，確定頁面結構
劃分功能關聯性及優先級，結合產品策略制定的服務重點，梳理頁面結構。
梳理功能層級： 我們打散了所有功能，按屬性及用戶的操作頻率進行分組，分別是獲取客源的高頻操作、新用戶必要完成引導操作、日常維護管理的基礎操作。
完善頁面交互： 內容上保留了基本的店鋪信息，既可以促進商家信息的完善，也能夠傳遞出它的統領頁面的地位。 就像實體店面的招牌一樣。 另外考慮產品逐步成長完善，平台會不斷的推出運營活動來提升商家活躍度，因此首屏核心區域保留了較為突出運營位。
處理頁面節奏： 從原型呈現來看這是一個功能入口眾多的頁面，為了能夠更好的突出產品戰略方向的重點功能，我們通過調整佈局結構，將商家高頻操作的重點功能變為橫向雙卡片式佈局，加 大功能入口的頁面佔比，豐富了頁面節奏。
傳遞店鋪概念
新的店鋪概念的傳遞，主要是視覺呈現層面上的思考。
頁面色彩的定調： 設計之初，同PM和UE部們的伙伴，進行充分的溝通，從不同的角度出發，對於店鋪概念的理解進行頭腦風暴。 歸納出相應的視覺關鍵詞：貼近生活、溫暖、好彩頭。
貼近生活：用戶群體特徵是生活服務領域的商家。
溫暖：希望為商家打造生意經營的助手管家，而非一款冷冰冰的工具產品。
好彩頭：商家的直觀目的是獲取收益的最大化。 希望產品貼合商家生意興隆的心理預期。
頁面氛圍的渲染： 通過圖片抽離顏色的方式，將關鍵詞可視化，確定了相應的主輔色。 原型頭部的店鋪信息區有統領頁面的作用，也奠定了頁面的色彩氛圍。 處理上採用大面積的主色漸變，結合懸浮的同色系圖案，保證不影響文字閱讀的前提下 ，豐富畫面空間感和質感。
功能入口的差異化處理： 功能入口的處理上主要分為兩個部分，獲取客源：商家使用頻率最高的操作（即前面提到的調整為橫向卡片佈局的部分）。 新手引導/日常操作：新用戶必要引導教育和老用戶的日常維護相對低頻的操作功能。
獲取客源部分是商家獲得生意的主動操作功能，並且原型裡增加了該功能頁面佔比。 那麼，視覺處理上採用低飽和度較為溫和的色塊手法。 沒有用過強的刺激色彩引導點擊。 而是照顧到頁面的整體平衡感。
新手引導和日常維護icon的差異化處理。 “新手必要功能”視覺上需要加強引導的部分，手法上採用色塊化的面性圖標，沿用微漸變的方式，來增強視覺衝擊力，並考慮將這一部分操作任務化，強調已完成和未 完成的狀態。 “日常工具部分”功能種類繁多，但操作優先級相對較低。 處理時重點考慮模塊的整體感。 色彩上將主色飽和度做了適當降低；形式上統一採用3px粗細的線條兩端全圓角；在整體頁面中既不單薄也不過於笨重。
以上，通過不同形式的視覺處理方式，來營造新店舖的氛圍，以及有層次的處理不同優先級的功能入口。 實現了設計需要完成的前兩項任務。 接下來是考慮到商家通用戶群體的多樣性，以及產品後期的可拓展性。
產品拓展性及功能差異性
商家通本身處於成長階段，產品部門會不時的迸發出新的功能進行驗證。 以及，商家通的用戶群體依據身份（VIP和非VIP）的不同在功能權限上有很大的差異性。 考慮到這些，我們決定整體設計採用可自由組合的卡片式佈局，實現千人千面的模塊化方案。 這樣既保障了不同身份的使用者都能有較好的產品體驗，又為產品隨時調整策略提供便利，同時也將開發成本將到最低。
設計結果
店舖首頁改版上線後各方面數據均有不錯的發展趨勢。 PM訴求的核心功能訪客足跡、放心服務、店鋪動態等較之前均有大幅度提高。 其中，放心服務帶來直接收入增長3倍多。 訪客足跡超出預期30%多，功能使用率占到50%以上。 另外，店鋪基礎信息外漏後，信息完善，Logo上傳等起到了很大的促進作用。 為建立商家差異化等級體繫起到積極作用。
反思總結
不難看出店舖首頁改版達到可觀的預期效果，為商家搭建起一個經營管理店舖的基礎線上平台。 但我們也意識到，當商家對於店鋪概念不在陌生時，基礎信息模塊佔比將造成空間上的浪費，後期將為戰略級的商家等級體係作出更妥善的設計。
另外，一個完善的店鋪所要走的路還很長，需要有效的監管商家的服務水平，從平台的角度出發獎優懲劣，確保優質商家的權益得以保證。 接下來我們整個團隊將共同努力，不斷的優化產品體驗，帶給商家一個好用，易用，不斷提升收益的商家通。
作者：王帥，視覺設計師
本文來源於人人都是產品經理合作媒體@58用戶體驗設計中心（微信公眾號@58UXD），作者@王帥
題圖來自PEXELS，基於CC0協議