廣點通投放端V2.0設(shè)計總結(jié)(交互篇)
![](http://image.woshipm.com/wp-files/img/33.jpg)
項目背景
廣點通改版之前有三個投放端各自面向不同類型的客戶,在用戶日常使用過程中還是遇到很多問題,版本復(fù)雜,功能規(guī)劃不統(tǒng)一,用戶體驗細(xì)節(jié)不佳,影響工作效率。
同時,從內(nèi)部來看,多版本的存在也帶來很多問題,版本混亂,重復(fù)建設(shè)、維護(hù)成本高,產(chǎn)品功能、權(quán)限機(jī)制散亂,沒有統(tǒng)一的產(chǎn)品規(guī)劃約束。
同時,經(jīng)過調(diào)研分析,對比參考了多個成功的主流廣告系統(tǒng):Google Adwords、Bing AdCenter、Yahoo Panama、Facebook、Baidu新鳳巢之后,我們發(fā)現(xiàn)廣點通投放系統(tǒng)在各個方面還有較大的提升空間,是我們的挑戰(zhàn)也是機(jī)會。
由此可見,經(jīng)過特定產(chǎn)品歷史條件下的野蠻快速生長之后,廣點通投放端系統(tǒng)必須進(jìn)行一個“收”的過程。即:回歸產(chǎn)品設(shè)計主導(dǎo)、統(tǒng)一系統(tǒng)版本、清理積弊、完善功能、優(yōu)化用戶體驗。
相信經(jīng)過改版優(yōu)化之后,我們的投放系統(tǒng)將最終走向“精品”。
設(shè)計方向的探索
現(xiàn)有問題分析
由于廣點通廣告投放平臺前期主要還是處于摸索階段,缺少系統(tǒng)性的規(guī)劃。功能的不斷增加與嘗試,在用戶體驗方面也暴露出了很多問題。
通過對用戶調(diào)研,以及平時產(chǎn)品運營過程中發(fā)現(xiàn):
問題一:頁面結(jié)構(gòu)、信息展示效率低下
具體體現(xiàn)在:1:頁面固定寬度,對于大屏顯示器來說浪費了顯示空間。2:核心信息展示不夠,需來回切換頁面才能查看(比如:賬戶信息、廣告效果等)
問題二:功能分布不合理,用戶行為混亂
具體體現(xiàn),創(chuàng)建廣告操作頻繁,但需每次返回首頁才能操作。
問題三:視覺設(shè)計層次不明、缺少明顯的風(fēng)格特征
內(nèi)在需求的挖掘
作為一個上線2年的產(chǎn)品,廣點通投放端發(fā)展的訴求已經(jīng)和當(dāng)初上線的時候不一樣了,產(chǎn)品經(jīng)理、設(shè)計師、老板對它的訴求都有區(qū)別。產(chǎn)品經(jīng)理希望能夠?qū)崿F(xiàn) 更多的功能:比如廣告定制化、個人信息、賬戶信息、強調(diào)廣告效果的展示等,設(shè)計師希望即使是后臺類的管理產(chǎn)品,也能夠照顧用戶的使用感受,同時希望界面簡 潔高效。老板的意見則是目標(biāo)導(dǎo)向的,即高效、加強品牌。
競品分析
通過對 “百度推廣”、“騰訊效果推廣”、“Google Adwords”等多個具有代表性的廣告投放后臺做了詳細(xì)的分析。
發(fā)現(xiàn)并總結(jié)了以下幾點設(shè)計上的共性特點
1:信息布局全屏化,提高信息展示效率
2:數(shù)據(jù)圖形化,數(shù)據(jù)展示更加直觀易懂
3:信息展示模塊化、定制化
當(dāng)前趨勢的研究
在參考、研究了一些當(dāng)前比較前沿的后臺管理類界面設(shè)計風(fēng)格后
我們發(fā)現(xiàn)一些設(shè)計上的共同點:
1:圖形化,信息、數(shù)據(jù)直觀易懂
2:響應(yīng)式,兼顧移動端使用體驗
3:扁平化,內(nèi)容優(yōu)先、去除多余質(zhì)感
設(shè)計方向的確立
通過前面講的 自身問題的查找?? 內(nèi)在需求的PK?? 競品分析?? 趨勢的研究??? 這四個不同的維度來幫助我們?nèi)轿坏睦斫饩W(wǎng)站,找準(zhǔn)定位,最終提煉出以下設(shè)計關(guān)鍵詞,確定了以效率優(yōu)先、人文關(guān)懷作為我們此次改版的設(shè)計方向。
設(shè)計的實施
效率優(yōu)先
因為廣點通廣告投放端是一個后臺管理類產(chǎn)品,每一秒都直接關(guān)乎營收,需求方對效率尤為關(guān)注,效率的提升第一時間想到的是可以通過技術(shù)手段來實現(xiàn),比如優(yōu)化后臺邏輯,提高運算速度,降低響應(yīng)時間等等。從設(shè)計側(cè)的角度出發(fā),那我們能夠做點什么嗎?
1:信息布局全屏化,充分利用屏幕的空間,讓用戶能夠在一屏內(nèi)查看更多的信息。這里就要求我們在設(shè)計網(wǎng)站結(jié)構(gòu)的時候加入響應(yīng)式的設(shè)計思想。
2:核心信息、頻繁操作的全局化,讓信息結(jié)構(gòu)更加扁平化,提高用戶的使用效率。
3:用戶自定義展示關(guān)注的廣告效果,內(nèi)容定制化,做到千人千面。
響應(yīng)式設(shè)計&扁平化設(shè)計
關(guān)鍵信息、頻繁操作全局化
內(nèi)容定制化
人文關(guān)懷
當(dāng)初一開始看到廣點通投放端后臺管理界面的時候,感覺這個界面刻板、枯燥,沒有從用戶的使用角度來設(shè)計,頓時萌生了一個 想法:即使是后臺管理類的界面,用戶的使用感受是否應(yīng)該被照顧到?從人文關(guān)懷的角度來說,之前我們的網(wǎng)站是做的不夠的,以下是我們在廣點通V2改版的時候 基于人文關(guān)懷做得一些努力。
1:信息圖形化,一改過去后臺界面刻板、枯燥的信息呈現(xiàn)方式
2:操作人性化,獎復(fù)雜功能操作分步完成,且可中斷,操作可逆可持續(xù)
3:新手引導(dǎo),幫助用戶快速適應(yīng)新版的變化
信息圖形化
信息圖形化,加強用戶和信息之間的互動,讓數(shù)據(jù)不在枯燥乏味
操作人性化
新建廣告過程可中斷,已填數(shù)據(jù)不丟失,操作可逆可持續(xù)。方便用戶多線程使用網(wǎng)站
新建廣告復(fù)雜耗時,分步驟進(jìn)行可避免對用戶造成大的心理負(fù)擔(dān)
新手引導(dǎo)
新的版本必然會改變很多用戶的固有使用習(xí)慣,我們希望把這種不適降到最低點
后續(xù)計劃
移動趨勢勢不可擋,用戶訪談的過程中發(fā)現(xiàn)用戶對投放段的數(shù)據(jù)監(jiān)控非常頻繁,所以他們基本不能離開電腦,周末也是如此。如果我們有移動版本推出的話,可以極大的把用戶從電腦前解放出來。把移動側(cè)的體驗做全,已經(jīng)在我們今年的計劃當(dāng)中了。
原文來自:騰訊ISUX
非常棒,很有參考價值