存在的問題

　　1.老版企業(yè)在線視覺風(fēng)格相對現(xiàn)有網(wǎng)站整體風(fēng)格已有些過時，整體與網(wǎng)站改版后簡潔風(fēng)格不夠協(xié)調(diào)。

　　2.系統(tǒng)自動發(fā)出的消息彈框，對瀏覽旺鋪的買家用戶造成較大干擾。

　　優(yōu)化目標(biāo)

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

　　2.企業(yè)在線與現(xiàn)有旺鋪樣式統(tǒng)一，視覺風(fēng)格更為簡潔。未讀消息提示框位置調(diào)整，不遮擋旺鋪主體區(qū)域。

　　用例模型和角色關(guān)系

　　之前：

　　之后：

　　可以明顯得看出，系統(tǒng)不再提供設(shè)置自動發(fā)送消息到前臺的功能，也就是說，訪客在瀏覽旺鋪過程中，彈出的對話框一定是賣家主動發(fā)起的消息，而不是系統(tǒng)設(shè)置的系統(tǒng)消息，減少了無端的干擾，從而改善了買家用戶體驗。

　　交互功能改良之后，下面進行視覺上的優(yōu)化。

　　視覺目標(biāo)：更商務(wù) 更簡潔

　　初步風(fēng)格制訂

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

　　設(shè)計了起初3個版本，經(jīng)過討論，決定第2款風(fēng)格更加接近簡潔，與網(wǎng)站風(fēng)格更協(xié)調(diào)的目標(biāo)。

　　風(fēng)格確定下來，是第一步，在其基礎(chǔ)上進行下面的優(yōu)化擴展。

　　不同顏色的確定

　　之前企業(yè)在線皮膚共有12套，顏色過于豐富，為了達(dá)到更為簡潔，整體協(xié)調(diào)的目標(biāo)，在顏色上進行了調(diào)整和篩選。努力做到在滿足讓用戶有多種選擇的同時，又不至于出現(xiàn)顏色過于雜亂而產(chǎn)生困惑的情況，于是收集了當(dāng)前關(guān)于企業(yè)在線顏色版本使用的相應(yīng)數(shù)據(jù)。

　　最終保留了使用數(shù)高的前5位顏色，另外增加了一款灰色系，將灰色版本設(shè)置為默認(rèn)選項。這六款顏色分別是灰，藍(lán)，綠，紅，橙，紫。在顏色的選擇上，進行了多次調(diào)整，既考慮之前老版的用色，又參考現(xiàn)有旺鋪模板庫中不同顏色類型，與之前確定風(fēng)格版本的顏色飽和度相近，盡量選取與該色系旺鋪各版本都能較好協(xié)調(diào)搭配的顏色。

　　位置調(diào)整

　　企業(yè)在線是基于web瀏覽器的即時通訊工具。目前即時通訊工具的形式多樣，它的展示形式是以網(wǎng)頁為媒介。常見的即時通訊工具的web版本，如webqq 、web版百度HI，這類在線IM主要的功能局限于即時的交流溝通，側(cè)重點在消息與文件傳輸?shù)壬贁?shù)功能。針對社區(qū)、論壇以及普通網(wǎng)頁開發(fā)的即時聊天插件。

　　比如xtalk，用戶打開網(wǎng)站后，可以看到在網(wǎng)站右下角生成的一個聊天窗口，可以跟同時瀏覽該網(wǎng)站的用戶進行即時的交流。這種Web IM插件旨在提高網(wǎng)站用戶的活躍度，用戶在獲取網(wǎng)站信息同時，還能同時和對同樣話題感興趣進行即時交流，深入挖掘網(wǎng)站的互動潛力。

　　展現(xiàn)方式主要有浮動列表式，浮動圖標(biāo)式，浮動窗口方法和固定圖標(biāo)方式。為了對主體區(qū)域減少干擾，很多收起或隱藏到頁面的頂部、右側(cè)和底部。

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

　　由于現(xiàn)在的誠信通用戶在旺鋪中可設(shè)置營銷海報，這塊banner位置就位于頁面右下方，會形成干擾，同時從用戶的使用習(xí)慣出發(fā)，考慮放在頁面最右側(cè)，只是企業(yè)在線區(qū)域的消息提示彈出框位置從左側(cè)調(diào)整到上方，不遮擋旺鋪和offerdetail的主體內(nèi)容，只有對于1024px分辨率情況下，默認(rèn)為收起狀態(tài)，大于1024px情況下則默認(rèn)為展開狀況，這樣既對主體區(qū)域減少干擾，又使客戶方便點擊，隨時與賣家進行溝通。

　　彈出對話框位置調(diào)整，之前彈框默認(rèn)位置沒有固定，現(xiàn)在調(diào)整為與企業(yè)在線頂部平齊，更好體現(xiàn)整體性，更加整齊規(guī)范。

　　最終效果：

　　黃頁：

　　旺鋪：

　　小結(jié)：

　　從用戶的角度出發(fā)，用數(shù)據(jù)做依據(jù)，在純粹的視覺設(shè)計和用戶體驗之間找到一個平衡點，過程可能會需要一些取舍。不能忽視每一個小細(xì)節(jié)，有時候這些細(xì)小之處正是決定用戶體驗是否好的關(guān)鍵。

分享文章：精準(zhǔn)營銷-企業(yè)在線優(yōu)化項目總結(jié)
分享網(wǎng)址：http://www.rwnh.cn/news0/160750.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗、云服務(wù)器、建站公司、小程序開發(fā)、營銷型網(wǎng)站建設(shè)、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)