相關(guān)關(guān)鍵詞
關(guān)于我們
最新文章
- 超多案例,強(qiáng)解H5移動(dòng)端頁(yè)面設(shè)計(jì)!
- 優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)如何提升SEO和用戶粘度
- 來一場(chǎng)華麗的冒險(xiǎn)!創(chuàng)意與技術(shù)齊飛的日本網(wǎng)頁(yè)設(shè)計(jì)欣賞
- 了解網(wǎng)頁(yè)設(shè)計(jì)中的分割布局
- 如何設(shè)計(jì)高轉(zhuǎn)化率的移動(dòng)主頁(yè)
- 還為沒有設(shè)計(jì)靈感而煩惱?網(wǎng)站設(shè)計(jì)靈感的十個(gè)來源!
- 漲姿勢(shì)!優(yōu)秀網(wǎng)頁(yè)布局對(duì)比
- 手機(jī)產(chǎn)品設(shè)計(jì)禁忌
- 產(chǎn)品經(jīng)理必須了解的七大移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)趨勢(shì)
- 項(xiàng)目總結(jié):騰訊廣點(diǎn)通投放端V2.0設(shè)計(jì)總結(jié)(交互篇) 》
項(xiàng)目總結(jié):騰訊廣點(diǎn)通投放端V2.0設(shè)計(jì)總結(jié)(交互篇)
項(xiàng)目背景
廣點(diǎn)通改版之前有三個(gè)投放端各自面向不同類型的客戶,在用戶日常使用過程中還是遇到很多問題,版本復(fù)雜,功能規(guī)劃不統(tǒng)一,用戶體驗(yàn)細(xì)節(jié)不佳,影響工作效率。
同時(shí),從內(nèi)部來看,多版本的存在也帶來很多問題,版本混亂,重復(fù)建設(shè)、維護(hù)成本高,產(chǎn)品功能、權(quán)限機(jī)制散亂,沒有統(tǒng)一的產(chǎn)品規(guī)劃約束。
同時(shí),經(jīng)過調(diào)研分析,對(duì)比參考了多個(gè)成功的主流廣告系統(tǒng):Google Adwords、Bing AdCenter、Yahoo Panama、Facebook、Baidu新鳳巢之后,我們發(fā)現(xiàn)廣點(diǎn)通投放系統(tǒng)在各個(gè)方面還有較大的提升空間,是我們的挑戰(zhàn)也是機(jī)會(huì)。
由此可見,經(jīng)過特定產(chǎn)品歷史條件下的野蠻快速生長(zhǎng)之后,廣點(diǎn)通投放端系統(tǒng)必須進(jìn)行一個(gè)“收”的過程。即:回歸產(chǎn)品設(shè)計(jì)主導(dǎo)、統(tǒng)一系統(tǒng)版本、清理積弊、完善功能、優(yōu)化用戶體驗(yàn)。
相信經(jīng)過改版優(yōu)化之后,我們的投放系統(tǒng)將最終走向“精品”。
設(shè)計(jì)方向的探索
現(xiàn)有問題分析
由于廣點(diǎn)通廣告投放平臺(tái)前期主要還是處于摸索階段,缺少系統(tǒng)性的規(guī)劃。功能的不斷增加與嘗試,在用戶體驗(yàn)方面也暴露出了很多問題。
通過對(duì)用戶調(diào)研,以及平時(shí)產(chǎn)品運(yùn)營(yíng)過程中發(fā)現(xiàn):
問題一:頁(yè)面結(jié)構(gòu)、信息展示效率低下
具體體現(xiàn)在:1:頁(yè)面固定寬度,對(duì)于大屏顯示器來說浪費(fèi)了顯示空間。2:核心信息展示不夠,需來回切換頁(yè)面才能查看(比如:賬戶信息、廣告效果等)
問題二:功能分布不合理,用戶行為混亂
具體體現(xiàn),創(chuàng)建廣告操作頻繁,但需每次返回首頁(yè)才能操作。
問題三:視覺設(shè)計(jì)層次不明、缺少明顯的風(fēng)格特征
內(nèi)在需求的挖掘
作為一個(gè)上線2年的產(chǎn)品,廣點(diǎn)通投放端發(fā)展的訴求已經(jīng)和當(dāng)初上線的時(shí)候不一樣了,產(chǎn)品經(jīng)理、設(shè)計(jì)師、老板對(duì)它的訴求都有區(qū)別。產(chǎn)品經(jīng)理希望能夠?qū)崿F(xiàn)更多的功能:比如廣告定制化、個(gè)人信息、賬戶信息、強(qiáng)調(diào)廣告效果的展示等,設(shè)計(jì)師希望即使是后臺(tái)類的管理產(chǎn)品,也能夠照顧用戶的使用感受,同時(shí)希望界面簡(jiǎn)潔高效。老板的意見則是目標(biāo)導(dǎo)向的,即高效、加強(qiáng)品牌。

競(jìng)品分析
通過對(duì) “百度推廣”、“騰訊效果推廣”、“Google Adwords”等多個(gè)具有代表性的廣告投放后臺(tái)做了詳細(xì)的分析。

發(fā)現(xiàn)并總結(jié)了以下幾點(diǎn)設(shè)計(jì)上的共性特點(diǎn)
1:信息布局全屏化,提高信息展示效率
2:數(shù)據(jù)圖形化,數(shù)據(jù)展示更加直觀易懂
3:信息展示模塊化、定制化
當(dāng)前趨勢(shì)的研究
在參考、研究了一些當(dāng)前比較前沿的后臺(tái)管理類界面設(shè)計(jì)風(fēng)格后

我們發(fā)現(xiàn)一些設(shè)計(jì)上的共同點(diǎn):
1:圖形化,信息、數(shù)據(jù)直觀易懂
2:響應(yīng)式,兼顧移動(dòng)端使用體驗(yàn)
3:扁平化,內(nèi)容優(yōu)先、去除多余質(zhì)感
設(shè)計(jì)方向的確立
通過前面講的 自身問題的查找?? 內(nèi)在需求的PK?? 競(jìng)品分析?? 趨勢(shì)的研究??? 這四個(gè)不同的維度來幫助我們?nèi)轿坏睦斫饩W(wǎng)站,找準(zhǔn)定位,最終提煉出以下設(shè)計(jì)關(guān)鍵詞,確定了以效率優(yōu)先、人文關(guān)懷作為我們此次改版的設(shè)計(jì)方向。

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

1:信息布局全屏化,充分利用屏幕的空間,讓用戶能夠在一屏內(nèi)查看更多的信息。這里就要求我們?cè)谠O(shè)計(jì)網(wǎng)站結(jié)構(gòu)的時(shí)候加入響應(yīng)式的設(shè)計(jì)思想。
2:核心信息、頻繁操作的全局化,讓信息結(jié)構(gòu)更加扁平化,提高用戶的使用效率。
3:用戶自定義展示關(guān)注的廣告效果,內(nèi)容定制化,做到千人千面。
響應(yīng)式設(shè)計(jì)&扁平化設(shè)計(jì)

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

內(nèi)容定制化

人文關(guān)懷

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

1:信息圖形化,一改過去后臺(tái)界面刻板、枯燥的信息呈現(xiàn)方式
2:操作人性化,獎(jiǎng)復(fù)雜功能操作分步完成,且可中斷,操作可逆可持續(xù)
3:新手引導(dǎo),幫助用戶快速適應(yīng)新版的變化
信息圖形化
信息圖形化,加強(qiáng)用戶和信息之間的互動(dòng),讓數(shù)據(jù)不在枯燥乏味


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


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

新手引導(dǎo)
新的版本必然會(huì)改變很多用戶的固有使用習(xí)慣,我們希望把這種不適降到最低點(diǎn)

后續(xù)計(jì)劃

移動(dòng)趨勢(shì)勢(shì)不可擋,用戶訪談的過程中發(fā)現(xiàn)用戶對(duì)投放段的數(shù)據(jù)監(jiān)控非常頻繁,所以他們基本不能離開電腦,周末也是如此。如果我們有移動(dòng)版本推出的話,可以極大的把用戶從電腦前解放出來。把移動(dòng)側(cè)的體驗(yàn)做全,已經(jīng)在我們今年的計(jì)劃當(dāng)中了。
本文由 騰訊ISUX 版權(quán)所有,轉(zhuǎn)載時(shí)請(qǐng)注明出處
相關(guān)文章
- 項(xiàng)目總結(jié):騰訊廣點(diǎn)通投放端V2.0設(shè)計(jì)總結(jié)(交互篇) 》
- 產(chǎn)品經(jīng)理必須了解的七大移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)趨勢(shì)
- 手機(jī)產(chǎn)品設(shè)計(jì)禁忌
- 漲姿勢(shì)!優(yōu)秀網(wǎng)頁(yè)布局對(duì)比
- 如何設(shè)計(jì)高轉(zhuǎn)化率的移動(dòng)主頁(yè)
- 還為沒有設(shè)計(jì)靈感而煩惱?網(wǎng)站設(shè)計(jì)靈感的十個(gè)來源!
- 了解網(wǎng)頁(yè)設(shè)計(jì)中的分割布局
- 來一場(chǎng)華麗的冒險(xiǎn)!創(chuàng)意與技術(shù)齊飛的日本網(wǎng)頁(yè)設(shè)計(jì)欣賞
- 優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)如何提升SEO和用戶粘度
- 超多案例,強(qiáng)解H5移動(dòng)端頁(yè)面設(shè)計(jì)!