使用者的角度出發精准行銷 企業線上優化專案總結

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

存在的問題

1.老版企業線上視覺風格相對現有網站整體風格已有些過時，整體與網站改版後簡潔風格不夠協調。

2.系統自動發出的消息彈框，對流覽旺鋪的買家使用者造成較大幹擾。

優化目標

1.增加買賣雙方體驗，特別是減少對買家的干擾。

2.企業線上與現有旺鋪樣式統一，視覺風格更為簡潔。 未讀消息提示框位置調整，不遮擋旺鋪主體區域。

用例模型和角色關係

之前：

之後：

可以明顯得看出，系統不再提供設置自動發送消息到前臺的功能，也就是說，訪客在流覽旺鋪過程中，彈出的對話方塊一定是賣家主動發起的消息，而不是系統設置的系統消息，減少了無端的干擾，從而改善了買家使用者體驗。

交互功能改良之後，下面進行視覺上的優化。

視覺目標：更商務 更簡潔

初步風格制訂

從目前設計中盛行的微漸變出發，拋棄了老版中採用較大色塊及強烈漸變的風格，這樣視覺上會顯得更平一些。 運用情緒板，提取了認為比較適合的顏色，用於最初風格的設計，為了在整體頁面中對企業線上的角色進行一些弱化，飽和度上也有所減弱。

設計了起初3個版本，經過討論，決定第2款風格更加接近簡潔，與網站風格更協調的目標。

風格確定下來，是第一步，在其基礎上進行下面的優化擴展。

不同顏色的確定

之前企業線上皮膚共有12套，顏色過於豐富，為了達到更為簡潔，整體協調的目標，在顏色上進行了調整和篩選。 努力做到在滿足讓使用者有多種選擇的同時，又不至於出現顏色過於雜亂而產生困惑的情況，於是收集了當前關於企業線上顏色版本使用的相應資料。

最終保留了使用數最高的前5位顏色，另外增加了一款灰色系，將灰色版本設置為預設選項。 這六款顏色分別是灰，藍，綠，紅，橙，紫。 在顏色的選擇上，進行了多次調整，既考慮之前老版的用色，又參考現有旺鋪範本庫中不同顏色類型，與之前確定風格版本的顏色飽和度相近，儘量選取與該色系旺鋪各版本都能較好協調搭配的顏色。

位置調整

企業線上是基於web瀏覽器的即時通訊工具。 目前即時通訊工具的形式多樣，它的展示形式是以網頁為媒介。 常見的即時通訊工具的web版本，如webqq 、web版百度HI，這類線上IM主要的功能局限于即時的交流溝通，側重點在消息與檔案傳輸等少數功能。 針對社區、論壇以及普通網頁開發的即時聊天外掛程式。

比如xtalk，使用者打開網站後，可以看到在網站右下角生成的一個聊天視窗，可以跟同時流覽該網站的使用者進行即時的交流。 這種Web IM外掛程式旨在提高網站使用者的活躍度，使用者在獲取網站資訊同時，還能同時和對同樣話題感興趣進行即時交流，深入挖掘網站的互動潛力。

展現方式主要有浮動清單式，浮動圖示式，浮動視窗方法和固定圖示方式。 為了對主體區域減少干擾，很多收起或隱藏到頁面的頂部、右側和底部。

比如facebook的聊天工具，是採用固定方式，位於頁面右下方。

由於現在的誠信通使用者在旺鋪中可設置行銷海報，這塊banner位置就位於頁面右下方，會形成干擾，同時從使用者的使用習慣出發，考慮放在頁面最右側，只是企業線上區域的消息提示彈出框位置從左側調整到上方， 不遮擋旺鋪和offerdetail的主體內容，只有對於1024px解析度情況下，預設為收起狀態，大於1024px情況下則預設為展開狀況，這樣既對主體區域減少干擾，又使客戶方便點擊，隨時與賣家進行溝通。

彈出對話方塊位置調整，之前彈框預設位置沒有固定，現在調整為與企業線上頂部平齊，更好體現整體性，更加整齊規範。

最終效果：

黃頁：

旺鋪：

小結：

從使用者的角度出發，用資料做依據，在純粹的視覺設計和使用者體驗之間找到一個平衡點，過程可能會需要一些取捨。 不能忽視每一個小細節，有時候這些細小之處正是決定使用者體驗是否完美的關鍵。