騰訊廣點通投放端V2.0設計總結

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

項目背景

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

同時,從內部來看,多版本的存在也帶來很多問題,版本混亂,重復建設、維護成本高,產品功能、權限機制散亂,沒有統(tǒng)一的產品規(guī)劃約束。

同時,經過調研分析,對比參考了多個成功的主流廣告系統(tǒng):Google Adwords、Bing AdCenter、Yahoo Panama、Facebook、Baidu新鳳巢之后,我們發(fā)現(xiàn)廣點通投放系統(tǒng)在各個方面還有較大的提升空間,是我們的挑戰(zhàn)也是機會。

由此可見,經過特定產品歷史條件下的野蠻快速生長之后,廣點通投放端系統(tǒng)必須進行一個“收”的過程。即:回歸產品設計主導、統(tǒng)一系統(tǒng)版本、清理積弊、完善功能、優(yōu)化用戶體驗。

相信經過改版優(yōu)化之后,我們的投放系統(tǒng)將最終走向“精品”。

設計方向的探索

現(xiàn)有問題分析

由于廣點通廣告投放平臺前期主要還是處于摸索階段,缺少系統(tǒng)性的規(guī)劃。功能的不斷增加與嘗試,在用戶體驗方面也暴露出了很多問題。

通過對用戶調研,以及平時產品運營過程中發(fā)現(xiàn):

問題一:頁面結構、信息展示效率低下

具體體現(xiàn)在:1:頁面固定寬度,對于大屏顯示器來說浪費了顯示空間。2:核心信息展示不夠,需來回切換頁面才能查看(比如:賬戶信息、廣告效果等)

問題二:功能分布不合理,用戶行為混亂

具體體現(xiàn),創(chuàng)建廣告操作頻繁,但需每次返回首頁才能操作。

問題三:視覺設計層次不明、缺少明顯的風格特征

內在需求的挖掘

作為一個上線2年的產品,廣點通投放端發(fā)展的訴求已經和當初上線的時候不一樣了,產品經理、設計師、老板對它的訴求都有區(qū)別。產品經理希望能夠實現(xiàn)更多的功能:比如廣告定制化、個人信息、賬戶信息、強調廣告效果的展示等,設計師希望即使是后臺類的管理產品,也能夠照顧用戶的使用感受,同時希望界面簡潔高效。老板的意見則是目標導向的,即高效、加強品牌。

競品分析

通過對 “百度推廣”、“騰訊效果推廣”、“Google Adwords”等多個具有代表性的廣告投放后臺做了詳細的分析。

2

3

4

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

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

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

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

當前趨勢的研究

在參考、研究了一些當前比較前沿的后臺管理類界面設計風格后

?5

6

7

我們發(fā)現(xiàn)一些設計上的共同點:

1:圖形化,信息、數(shù)據(jù)直觀易懂

2:響應式,兼顧移動端使用體驗

3:扁平化,內容優(yōu)先、去除多余質感

設計方向的確立

通過前面講的 自身問題的查找?? 內在需求的PK?? 競品分析?? 趨勢的研究??? 這四個不同的維度來幫助我們全方位的理解網(wǎng)站,找準定位,最終提煉出以下設計關鍵詞,確定了以效率優(yōu)先、人文關懷作為我們此次改版的設計方向。

?8

設計的實施

效率優(yōu)先

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

9

1:信息布局全屏化,充分利用屏幕的空間,讓用戶能夠在一屏內查看更多的信息。這里就要求我們在設計網(wǎng)站結構的時候加入響應式的設計思想。

2:核心信息、頻繁操作的全局化,讓信息結構更加扁平化,提高用戶的使用效率。

3:用戶自定義展示關注的廣告效果,內容定制化,做到千人千面。

響應式設計&扁平化設計

10

關鍵信息、頻繁操作全局化

11

內容定制化

?12

人文關懷

13

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

14

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

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

3:新手引導,幫助用戶快速適應新版的變化

信息圖形化

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

15

16

操作人性化

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

17

18

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

4

新手引導

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

?20

后續(xù)計劃

21

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

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

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

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

    。。。。。

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

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

    來自廣東 回復
  4. 又有人被山寨了

    來自江蘇 回復