這次是為集團旗下公司以及外部經(jīng)銷商提供管理運營服務和車輛收售渠道的后臺系統(tǒng)。

需求接到，熟悉產(chǎn)品基本業(yè)務流程幫助視覺風格定調(diào)；第二研究對標用戶行為，分析產(chǎn)品功能點以及用戶痛點，可以幫助快速了解交互邏輯以及優(yōu)化交互流程。

【登陸頁】

通常登陸頁是最花時間琢磨的。由于我們這款產(chǎn)品用戶群體并不是匿名而來，而是有穩(wěn)定用戶群體，因此登陸頁的設計要更注重功能性便捷性：

1.登陸頁

• 登陸頁選用“商務場景”作為沉浸式背景圖，突出產(chǎn)品功能TO B屬性；而用戶進入這個網(wǎng)頁是有特定目的的——管理后臺，所以我們不需要炫酷的界面樣式，這不是使用者的訴求。

• 登陸窗口為掃碼登錄和密碼登錄兩種模式，剔除多余樣式干擾，以最簡潔的頁面突出流程，方便用戶直線思維操作，掃碼—登錄、用戶名—密碼—登錄。

2.工作臺

   未開通店鋪前首頁展示：

• 未開通微店鋪前是沒有數(shù)據(jù)顯示的。放置banner，廣告語簡潔有力地突出我們服務優(yōu)勢“免費做推廣”，吸引用戶。

• 由于推廣活動周期長，加之用戶群體的B端特性，在大活動推廣上決定摒除色彩艷麗的彈窗提醒，以免造成用戶視覺疲勞和產(chǎn)品厭惡感；以單獨一欄給予充分空間展示，清爽簡潔的圖標搭配活動標題。
  

    開通店鋪后首頁展示：

• 開通店鋪后，以展示店鋪內(nèi)基本信息為主。

• 原頭部banner處展示用戶身份名片，與小程序連接，微信掃描二維碼可以在公眾號里查看平臺內(nèi)車源信息。

• 右邊以管理電鋪內(nèi)信息為主，車源更新、員工管理和用戶反饋都在這一模塊操作

  

  
  

  
  

  
  

  
  

      主體內(nèi)容部分展示對比：

• 下圖是店鋪開通前后對比。未開通時我們將每個模塊功能以文字形式簡要介紹，配以相關(guān)背景圖吸引用戶點擊；開通后各模塊以數(shù)據(jù)形式展示。

  
  

•  “車源” 和 “分銷車源”，將搜索度最高前三款以輪播形式展示，方便用戶及時調(diào)整銷售策略；

  
  

• “尋車” 功能是方便各商家在平臺上發(fā)起資源共享，文字展示車型更容易減少用戶學習時間，一眼看出重點；

  
  

• “代采購” 的數(shù)據(jù)有三樣，直接展示便于店家統(tǒng)計；

  
  

• “常用聯(lián)系人” 顯示最常用的五個，該功能使用頻率高，可直接點擊修改；

  
  

• “常用車型” 是收集用戶發(fā)布最多的車型，以快捷鍵方式展示，方便用戶一鍵發(fā)布節(jié)省填寫信息時間。
  

           

      發(fā)車源交互優(yōu)化設計：

• 由于發(fā)車源的界面過于冗長，有大量的信息需要填寫，在二期迭代的時候根據(jù)這個痛點做了很多優(yōu)化方案，以下是一期和二期的對比

  
  

                              

• 一期設計（左）雖然考慮到了信息流過長原因，在左側(cè)添加了快捷鍵幫助定點展示，可用戶始終是“懶”的，一個沒招待好，可能就棄你而去；

• 所以在二期迭代上，我們將原來的長頁面做成了窗口形式。頁面的字數(shù)越多，越給人以不透氣的封閉感，容易造成不友好的用戶體驗；將信息內(nèi)容精簡，以彈窗形式分批展現(xiàn)，無形中減輕了用戶壓力，避免第一眼就“打退堂鼓”的情況發(fā)生；

  
  

  
  

  
  

  下面展示下迭代后的卡片式信息流：

  
  

  
  

  

產(chǎn)品定義功能，解決產(chǎn)品是否有價值；而交互的友好程度，視覺的美觀程度，直接關(guān)系用戶是否愿意使用該產(chǎn)品。設計師不單純是做界面美化的，把自己當作小白用戶發(fā)現(xiàn)問題，再作為專業(yè)人士從技術(shù)上解決問題。了解用戶痛點，“想盡辦法”提高用戶轉(zhuǎn)化率，這樣才能讓自己在項目中得到自我提升。