騰訊廣點通投放端V2.0設(shè)計總結(jié)

5 評論 13654 瀏覽 34 收藏 10 分鐘

項目背景

廣點通改版之前有三個投放端各自面向不同類型的客戶,在用戶日常使用過程中還是遇到很多問題,版本復(fù)雜,功能規(guī)劃不統(tǒng)一,用戶體驗細(xì)節(jié)不佳,影響工作效率。

同時,從內(nèi)部來看,多版本的存在也帶來很多問題,版本混亂,重復(fù)建設(shè)、維護成本高,產(chǎn)品功能、權(quán)限機制散亂,沒有統(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īng)過特定產(chǎn)品歷史條件下的野蠻快速生長之后,廣點通投放端系統(tǒng)必須進行一個“收”的過程。即:回歸產(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ì)的分析。

2

3

4

發(fā)現(xiàn)并總結(jié)了以下幾點設(shè)計上的共性特點

1:信息布局全屏化,提高信息展示效率

2:數(shù)據(jù)圖形化,數(shù)據(jù)展示更加直觀易懂

3:信息展示模塊化、定制化

當(dāng)前趨勢的研究

在參考、研究了一些當(dāng)前比較前沿的后臺管理類界面設(shè)計風(fēng)格后

?5

6

7

我們發(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è)計方向。

?8

設(shè)計的實施

效率優(yōu)先

因為廣點通廣告投放端是一個后臺管理類產(chǎn)品,每一秒都直接關(guān)乎營收,需求方對效率尤為關(guān)注,效率的提升第一時間想到的是可以通過技術(shù)手段來實現(xiàn),比如優(yōu)化后臺邏輯,提高運算速度,降低響應(yīng)時間等等。從設(shè)計側(cè)的角度出發(fā),那我們能夠做點什么嗎?

9

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è)計

10

關(guān)鍵信息、頻繁操作全局化

11

內(nèi)容定制化

?12

人文關(guān)懷

13

當(dāng)初一開始看到廣點通投放端后臺管理界面的時候,感覺這個界面刻板、枯燥,沒有從用戶的使用角度來設(shè)計,頓時萌生了一個想法:即使是后臺管理類的界面,用戶的使用感受是否應(yīng)該被照顧到?從人文關(guān)懷的角度來說,之前我們的網(wǎng)站是做的不夠的,以下是我們在廣點通V2改版的時候基于人文關(guān)懷做得一些努力。

14

1:信息圖形化,一改過去后臺界面刻板、枯燥的信息呈現(xiàn)方式

2:操作人性化,獎復(fù)雜功能操作分步完成,且可中斷,操作可逆可持續(xù)

3:新手引導(dǎo),幫助用戶快速適應(yīng)新版的變化

信息圖形化

信息圖形化,加強用戶和信息之間的互動,讓數(shù)據(jù)不在枯燥乏味

15

16

操作人性化

新建廣告過程可中斷,已填數(shù)據(jù)不丟失,操作可逆可持續(xù)。方便用戶多線程使用網(wǎng)站

17

18

新建廣告復(fù)雜耗時,分步驟進行可避免對用戶造成大的心理負(fù)擔(dān)

4

新手引導(dǎo)

新的版本必然會改變很多用戶的固有使用習(xí)慣,我們希望把這種不適降到最低點

?20

后續(xù)計劃

21

移動趨勢勢不可擋,用戶訪談的過程中發(fā)現(xiàn)用戶對投放段的數(shù)據(jù)監(jiān)控非常頻繁,所以他們基本不能離開電腦,周末也是如此。如果我們有移動版本推出的話,可以極大的把用戶從電腦前解放出來。把移動側(cè)的體驗做全,已經(jīng)在我們今年的計劃當(dāng)中了。

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 想問下首頁可視化數(shù)據(jù)是不是要做到千人千面呀?

    回復(fù)
  2. 真正用過的廣點通的人就會發(fā)現(xiàn),這個產(chǎn)品設(shè)計的,就不是給人用的,難受之極。
    生搬硬套,恐怕只是為了用上所謂的一個稍微潮一點的前端模板。
    隨便舉幾個例子
    1、頁面的右上角是新建廣告,而用戶最習(xí)慣的右上角應(yīng)該賬戶管理,強硬的更改用戶以往的習(xí)慣就是很糟糕。
    另外在這里放新建廣告,看起來貌似符合作者說的“效率優(yōu)先”實則不然, 用戶在一個網(wǎng)站,更容易視覺聚焦的是屏幕的左上側(cè),如果要把最常使用的功能拉出來,提高效率 應(yīng)該放到頁面的左上側(cè)。

    2、推廣計劃的列表設(shè)計有點反人類,我作為一個產(chǎn)品經(jīng)理,使用好多次都摸不著頭腦,每次進去都要重新思考 ,怎么弄這個,這個交互是什么樣的,點哪里可以看詳情,點哪里可以編輯。作者為了“效率”所以把好幾個東西 做成 Inline-edit的,把詳情編輯做成行內(nèi)展開的,為了追求所謂自己以為是的效率,各種要求用戶顛覆以往的使用習(xí)慣,在使用過程中需要不停地思考 尋找這個東西怎么用,真是得不償失

    。。。。。

    來自北京 回復(fù)
    1. 沒用過之前版本的廣點通,但是從文中的一張截圖來看,這次改版 交互上絕對就是倒退。

      來自北京 回復(fù)
  3. 圖中的網(wǎng)址是否可以分享下,界面設(shè)計不錯,求分享

    來自廣東 回復(fù)
  4. 又有人被山寨了

    來自江蘇 回復(fù)