當前位置:首頁 > 新聞中心 > 互聯(lián)網(wǎng)動態(tài)
網(wǎng)站設計師該如何利用數(shù)據(jù)來做設計責任編輯 :李飛    文章來源 :星翼創(chuàng)想(16qt59sf.cn)    發(fā)布時間 :2015-12-17    閱讀次數(shù):3494     專題 :網(wǎng)站設計

為什么了解數(shù)據(jù)可以幫助改進這些設計問題?

1,產品經(jīng)理、公司領導都重視數(shù)據(jù),大目標通常不是用戶增長數(shù)據(jù)、產品活躍數(shù)據(jù)就是商業(yè)數(shù)據(jù)。所以數(shù)據(jù)是合作方真正關注的和重視的問題,是他們的KPI,往往產品經(jīng)理很多提給設計師的需求就是為了改進某項數(shù)據(jù)指標;

2,數(shù)據(jù)是客觀的,設計方案上線后通過正確的分析就能看出好壞,好設計的價值能很直觀的表現(xiàn)和被衡量;

3,把數(shù)據(jù)當做目標可以把抽象的概念轉化成大家都懂的”語言”(至少PM和研發(fā)都懂),比如你說”這個方案可以讓列表更簡單清晰,輸入容易,成功率高出5%” 比說 “這個方案能讓用戶體驗更好”,明顯前者更具說服力;

4,數(shù)據(jù)不光是產品經(jīng)理的工作,產品經(jīng)理也看但是他們更多的是抽出需求方面的影響。產品經(jīng)理在設計上不專業(yè),如果等著對方解讀當然得到的就是不專業(yè)的建議,設計師需要自己去挖掘數(shù)據(jù)和琢磨如何用設計解決本質問題;

直接拋出我們團隊利用數(shù)據(jù)的一套設計方法『確定數(shù)據(jù)目標 – 深挖數(shù)據(jù) – 快速敏捷驗證設計 – 確保真實高效』:

一,確定數(shù)據(jù)目標

前段時間我們的產品總監(jiān)找我吐槽注冊流程的設計太差了,讓我一定要好好改。但是他說來說去無非是什么文案不優(yōu)美、按鈕太小、配圖不夠好看等很抽象的概念。于是我心中的ORZ是『憑什么用你自己的喜好來衡量設計好不好!』,當時就拉上了產品經(jīng)理查了下注冊轉化率。我們的注冊轉化率是70%,但是這個效果算好還是差呢?如果我要優(yōu)化,我優(yōu)化的目標又是什么呢?所以在做設計之前一定要確定下當下的數(shù)據(jù)情況,并且制定客觀可衡量的數(shù)據(jù)優(yōu)化目標:

1,通過對比競品:比如我們是社交產品,通過大公司的便利找了些和我們類似流程的競品對比,發(fā)現(xiàn)他們的注冊轉化率平均能有75%,優(yōu)秀的產品能夠達到85%。

2,利用行業(yè)數(shù)據(jù)和交流:如果沒有渠道去了解競品就可以在網(wǎng)上查資料或者搜知乎,另外還可以問在其他公司的朋友、前同事或者前輩等,雖然數(shù)據(jù)比較敏感但是他們一般都能給出大概的建議。

最后我和產品總監(jiān)說要我優(yōu)化設計可以,我們大概定下目標達到注冊轉化率80%,在這期間我多試幾種方法,你就不要管是不是你覺得喜歡了,拿結果說話。

二,深挖數(shù)據(jù)并且分析,找到設計問題

拿到了設計目標,設計師立即對整個流程進行一番體驗分析,發(fā)現(xiàn)了很多可能存在破壞體驗的問題,但其實這樣是不對的。設計師的評估也是出于設計師的主觀經(jīng)驗,拿自己對用戶的理解去說瞎猜,設計出來的東西說服力也必定很低,漏洞百出。所以做之前應該先把數(shù)據(jù)一層一層的剝開,深挖細節(jié),定位重點:

我最早的時候認為設計就是如何去做出各種新奇的圖形、質感和界面,追逐潮流和創(chuàng)意??墒呛髞戆l(fā)現(xiàn)設計最難的是平衡各方面的因素,在條條框框的限制中找到方案還要推進下去,并被人看到價值。前者很容易滿足,而后者要做好卻非常的難,PM不給力、溝通不順暢、開發(fā)不支持、老板不滿意。

首先發(fā)現(xiàn)注冊三個步驟中,步驟一和步驟二的流失率非常大,是需要重點關注的地方。比如注冊步驟二的流失率我們定義是用戶雖然點擊了郵箱注冊,但是卻沒有點擊完成:

1)進入后沒有任何輸入就退出了

2)輸入后因為各種輸入問題,格式錯誤,已存在的問題導致注冊沒辦法完成

3)網(wǎng)絡問題,服務端問題導致沒有真正完成賬號的注冊

如何知道誰是主謀呢?獵豹的PM一般都會在產品上線前對各個元素進行埋點,我們只要去查每個元素的埋點數(shù)據(jù)就可以了。最后發(fā)現(xiàn)其中一個 “賬號和密碼格式錯誤” 彈窗的彈出比例很高,占到 “下一步” 按鈕PV的10%,所以懷疑是用戶經(jīng)常輸入錯誤格式才流失。有了數(shù)據(jù),設計師馬上知道問題出在哪里,”之前為了界面的簡潔性,格式錯誤的彈窗是用戶輸入點擊完成后才會檢測的”,修改之后提示外露,并且輸入正確后按鈕才會亮起。這樣定位且優(yōu)化之后該步驟的流失大頭馬上被解決了,而且PM也覺得設計師很敏銳很厲害的樣子。

我最早的時候認為設計就是如何去做出各種新奇的圖形、質感和界面,追逐潮流和創(chuàng)意??墒呛髞戆l(fā)現(xiàn)設計最難的是平衡各方面的因素,在條條框框的限制中找到方案還要推進下去,并被人看到價值。前者很容易滿足,而后者要做好卻非常的難,PM不給力、溝通不順暢、開發(fā)不支持、老板不滿意。

三,快速敏捷的驗證設計方案,盡快拿到數(shù)據(jù)結論

再舉另外一個例子,步驟一沒有任何點擊行為就流失的用戶達到14%,用戶下載了App并打開了卻在第一頁什么都不做就走了,非常詭異:

我最早的時候認為設計就是如何去做出各種新奇的圖形、質感和界面,追逐潮流和創(chuàng)意??墒呛髞戆l(fā)現(xiàn)設計最難的是平衡各方面的因素,在條條框框的限制中找到方案還要推進下去,并被人看到價值。前者很容易滿足,而后者要做好卻非常的難,PM不給力、溝通不順暢、開發(fā)不支持、老板不滿意。

1)用戶發(fā)現(xiàn)需要注冊,嫌麻煩就不打算嘗試了(但是我們卻不能去掉注冊流程)

2)用戶下載后,僅在此頁面看到的元素沒有足夠吸引他

因為這里涉及到用戶的主觀感受,問題就不那么明確了,設計采用的方法是把這一界面所有的元素整理出來,然后腦爆很多優(yōu)化點子【關于產品設計怎么做頭腦風暴?】,挑選了一些比較好的點子進行快速驗證:

1)修改背景視頻,分別試試歐美美女、本地美女、一些人溝通交流的場景

2)新增加一個輪播圖去告訴用戶產品有什么功能和內容,期望用戶會改興趣

3)優(yōu)化按鈕的布局和文案

敏捷驗證的過程就是用最簡單的方案先嘗試去這樣設計,然后上線兩天,觀察數(shù)據(jù)。兩天之后如果數(shù)據(jù)有提升,那就在這個設計方向上再接著深化一下。如果數(shù)據(jù)沒提升或者變差,就去掉,再上線另外一個設計想法。很快我們就發(fā)現(xiàn)了效果,比如我們背景視頻之前是幾個人溝通的場景,我們改成了本地美女(亞洲面孔),發(fā)現(xiàn)用戶點擊按鈕的比例提升了1個點。然后我們又在下一個版本試了下歐美美女,數(shù)據(jù)又提升了1個點(看來歐美妹子更高大上)。而改進按鈕就更有趣了,首先我們懷疑海外用戶擔心隱私問題,在Facebook按鈕旁邊加上了隱私保證的文案,數(shù)據(jù)上升了1個點。將Sign up by mail 改成了 Sign up by free都能上升3%,甚至連 “使用Facebook登錄” 的按鈕顏色和facebook一致都能帶來轉化的提升。

我最早的時候認為設計就是如何去做出各種新奇的圖形、質感和界面,追逐潮流和創(chuàng)意??墒呛髞戆l(fā)現(xiàn)設計最難的是平衡各方面的因素,在條條框框的限制中找到方案還要推進下去,并被人看到價值。前者很容易滿足,而后者要做好卻非常的難,PM不給力、溝通不順暢、開發(fā)不支持、老板不滿意。

經(jīng)過我們的一系列努力,很快步驟一的流失率減小到了8%,整體的注冊轉化率也上升到了82%,領導非常滿意并且在大規(guī)模推廣中節(jié)省了很多”開支”。但也不是所有設計都是一番風順的,比如在驗證過程中我們學習很多App做了一些輪播圖介紹產品的亮點,但是上線幾天后發(fā)現(xiàn)流失不但沒有減小還還小幅增加了。于是也顧不得設計師努力好幾天的美圖,只好下線。

我最早的時候認為設計就是如何去做出各種新奇的圖形、質感和界面,追逐潮流和創(chuàng)意??墒呛髞戆l(fā)現(xiàn)設計最難的是平衡各方面的因素,在條條框框的限制中找到方案還要推進下去,并被人看到價值。前者很容易滿足,而后者要做好卻非常的難,PM不給力、溝通不順暢、開發(fā)不支持、老板不滿意。

視覺設計師也很詫異,一副”怎么會?我覺得這東西挺好的”表情,后來我們總結反思是因為所有的用戶都是從GooglePlay下載的App,而商店的截圖已經(jīng)很好的說明了產品的亮點,新加的輪播圖不但重復說明,反而還讓頁面變得復雜了,用戶對操作不知所措。

四,保證驗證過程的真實和高效

1,同一版本只驗證一個設計點

當時我們修改按鈕文案的時候開發(fā)就說背景視頻也可以順手替換,成本非常低。但是如果同是一個步驟的優(yōu)化如果同時上線,我們就不知道到底是誰帶來了效果,所以刻意把按鈕發(fā)一個版本,背景視頻的替換放在了下一個版本上線。但是這樣就需要非??焖俚陌姹镜浜?,獵豹的敏捷文化facebook都公開贊賞,所以我們在優(yōu)化期間基本可以做到每隔2天發(fā)一個版本。

2,先粗糙,再細致

這么快的速度設計師豈不是瘋了?哪里做到過來!所以我們驗證新想法時經(jīng)常強調的是”先上” ,隨便網(wǎng)上扒個圖標做個界面,或者最好是不需要設計,可以利用現(xiàn)有元素最低成本的拼出來最好,如果這個想法沒有作用我們2天后就砍掉,如果有正向的作用比如1%,設計師就可以開始認真搞搞把它變成5%。


文章轉載請保留網(wǎng)址:http://16qt59sf.cn/news/industry/1600.html

掃碼添加微信
159 8667 8737
24小時電話

返回頂部