本文講解如何以最低成本和數(shù)據(jù)來(lái)驅(qū)動(dòng)的設(shè)計(jì)改版，讓發(fā)現(xiàn)頁(yè)能夠繼續(xù)更好地為用戶服務(wù)，同時(shí)能夠提升用戶對(duì)各個(gè)社交模塊的使用。

項(xiàng)目背景

易信發(fā)現(xiàn)頁(yè)匯聚了多個(gè)社交和商業(yè)化功能的入口和內(nèi)容，是易信用戶進(jìn)入人數(shù)和頻次最多的模塊之一。但是，在近1年的時(shí)間未做較大迭代后，很多問(wèn)題也漸漸凸顯。因此，我們進(jìn)行了以最低成本和數(shù)據(jù)來(lái)驅(qū)動(dòng)的設(shè)計(jì)改版，讓發(fā)現(xiàn)頁(yè)能夠繼續(xù)更好地為用戶服務(wù)，同時(shí)能夠提升用戶對(duì)各個(gè)社交模塊的使用。

圖1?易信發(fā)現(xiàn)頁(yè)（舊版）

問(wèn)題溯源

隨著產(chǎn)品功能的迭代和業(yè)務(wù)調(diào)整，發(fā)現(xiàn)頁(yè)作為流量入口，起到了推廣功能和入口跳轉(zhuǎn)的作用。因此，也就積累了一些基本的體驗(yàn)問(wèn)題，如：用戶點(diǎn)擊“碰唄”區(qū)域直接跳轉(zhuǎn)到需要進(jìn)行推廣的Tab，當(dāng)用戶從未使用過(guò)“碰唄”時(shí)，就會(huì)產(chǎn)生疑惑和困擾。

圖2?易信發(fā)現(xiàn)頁(yè)（舊版）跳轉(zhuǎn)碰唄的體驗(yàn)問(wèn)題

然而，除了基本的體驗(yàn)問(wèn)題，發(fā)現(xiàn)頁(yè)還有什么問(wèn)題?？

1. 了解數(shù)據(jù)

方式很簡(jiǎn)單，盡可能的收集一段時(shí)間（如最近1個(gè)月）發(fā)現(xiàn)頁(yè)的數(shù)據(jù)，包含：服務(wù)器（KPI）數(shù)據(jù)，埋點(diǎn)數(shù)據(jù)以及前后頁(yè)面的相關(guān)數(shù)據(jù)。這里對(duì)三類數(shù)據(jù)，進(jìn)行相應(yīng)的解釋，如下：服務(wù)器數(shù)據(jù)為相對(duì)準(zhǔn)確的數(shù)據(jù)，即服務(wù)器通過(guò)統(tǒng)計(jì)來(lái)計(jì)算得出，每天使用的人數(shù)、次數(shù)、時(shí)長(zhǎng)和留存等，承載著體現(xiàn)產(chǎn)品或功能風(fēng)向標(biāo)的作用。

埋點(diǎn)數(shù)據(jù)相對(duì)于服務(wù)器數(shù)據(jù)，不夠準(zhǔn)確，但能夠幫助數(shù)據(jù)分析人員了解用戶在頁(yè)面中的點(diǎn)擊和進(jìn)入頁(yè)面的人數(shù)和次數(shù)，往往可用于轉(zhuǎn)化率的漏斗分析等。而前后頁(yè)面相關(guān)的數(shù)據(jù)，即當(dāng)收集數(shù)據(jù)時(shí)，不能僅收集當(dāng)前頁(yè)面數(shù)據(jù)，還需收集進(jìn)入該頁(yè)面之前，從該頁(yè)面點(diǎn)擊進(jìn)入其他頁(yè)面等其他相關(guān)的數(shù)據(jù)。

圖3?頁(yè)面埋點(diǎn)數(shù)據(jù)收集

2.?分析數(shù)據(jù)

當(dāng)收集數(shù)據(jù)后，需對(duì)數(shù)據(jù)進(jìn)行分析整理，此次改版用到的方法是非常簡(jiǎn)單且常用的方法，即同一頁(yè)面點(diǎn)擊量和點(diǎn)擊人數(shù)的對(duì)比、前后頁(yè)面的轉(zhuǎn)化率計(jì)算分析。

圖4?數(shù)據(jù)分析

3.?總結(jié)問(wèn)題

通過(guò)數(shù)據(jù)的收集和分析，舊版易信發(fā)現(xiàn)頁(yè)主要的問(wèn)題，如下：

圖5?發(fā)現(xiàn)頁(yè)數(shù)據(jù)問(wèn)題結(jié)論

此外，除了數(shù)據(jù)層面的問(wèn)題外，筆者還嘗試從易信整體和用戶反饋的角度出發(fā)，去發(fā)現(xiàn)問(wèn)題：易信目前處在商業(yè)化階段，因廣告問(wèn)題引起了用戶的廣泛吐槽和反饋。當(dāng)進(jìn)行足夠多層面的分析和問(wèn)題收集后，將具體問(wèn)題進(jìn)行簡(jiǎn)化和抽象。

定義如下：

圖6?發(fā)現(xiàn)頁(yè)需解決的問(wèn)題

因此，定義了此次改版的產(chǎn)品目標(biāo)：通過(guò)內(nèi)容吸引用戶對(duì)各模塊和發(fā)現(xiàn)頁(yè)的使用，提升各模塊的用戶活躍，包含PV和UV。同時(shí)，通過(guò)增加發(fā)現(xiàn)頁(yè)的內(nèi)容流廣告，減少產(chǎn)品中其他體驗(yàn)較差的廣告位，以提升整體的用戶體驗(yàn)。

設(shè)計(jì)驅(qū)動(dòng)

定義要解決的問(wèn)題和產(chǎn)品目標(biāo)后，我們要思考改版能給用戶帶來(lái)的價(jià)值，以及項(xiàng)目、團(tuán)隊(duì)和其他可能涉及的問(wèn)題和影響。

1. 設(shè)計(jì)目標(biāo)和評(píng)估

發(fā)現(xiàn)頁(yè)主要承載著：功能入口+內(nèi)容露出，因此能很容易確定設(shè)計(jì)目標(biāo)。同時(shí)，通過(guò)對(duì)整個(gè)項(xiàng)目團(tuán)隊(duì)情況的分析和改版風(fēng)險(xiǎn)的預(yù)先溝通和了解，得出如下評(píng)估。

圖6?設(shè)計(jì)目標(biāo)、資源和風(fēng)險(xiǎn)評(píng)估

2. 設(shè)計(jì)要點(diǎn)

基于以上的研究和分析，得出發(fā)現(xiàn)頁(yè)改版的設(shè)計(jì)要點(diǎn)，如下：

圖7?設(shè)計(jì)要點(diǎn)分析

這里簡(jiǎn)單說(shuō)明一下“最低成本的設(shè)計(jì)”，有2種場(chǎng)景和含義：

• 第一、當(dāng)項(xiàng)目和團(tuán)隊(duì)資源不足時(shí)，沒(méi)有足夠多的資源給到設(shè)計(jì)師來(lái)研究和設(shè)計(jì)，但是并不等于設(shè)計(jì)師完全不能做設(shè)計(jì)，而是需要在有限的資源下發(fā)揮設(shè)計(jì)的最大價(jià)值。
• 第二、從設(shè)計(jì)角度和迭代思維出發(fā)去做“低成本”，很多時(shí)候我們總喜歡做“大設(shè)計(jì)”，而忘記了用戶習(xí)慣，其實(shí)每個(gè)產(chǎn)品的真正用戶都值得被保護(hù)，往往需要在充分研究后，多一點(diǎn)“膽小慎微”。

另外，對(duì)于未來(lái)方向不明確且資源有限的產(chǎn)品，更應(yīng)去做“最低成本的設(shè)計(jì)”，以進(jìn)行試錯(cuò)，避免資源浪費(fèi)。

因此，基于設(shè)計(jì)要點(diǎn)，進(jìn)行了易信發(fā)現(xiàn)頁(yè)的設(shè)計(jì)改版，下圖中以“曬唄Tab”舉例進(jìn)行分析。

圖8?易信發(fā)現(xiàn)頁(yè)（新版）

3. 改版效果

因?yàn)槭菙?shù)據(jù)導(dǎo)向的設(shè)計(jì)改版，新版發(fā)現(xiàn)頁(yè)上線后，進(jìn)行了數(shù)據(jù)觀察，發(fā)現(xiàn)曬唄的進(jìn)入PV和UV產(chǎn)生了劇增，達(dá)到了原有數(shù)據(jù)的5-6倍。

如果被數(shù)據(jù)的欺騙性蒙蔽眼睛，可能會(huì)以為這是設(shè)計(jì)的功勞。假設(shè)和預(yù)知這樣的一個(gè)改版，其實(shí)是不會(huì)產(chǎn)生如此大的數(shù)據(jù)變化的，即使產(chǎn)生大的變化，也更多的是運(yùn)營(yíng)同學(xué)的努力，通過(guò)配合優(yōu)質(zhì)的活動(dòng)和精彩內(nèi)容、甚至盛大的運(yùn)營(yíng)活動(dòng)來(lái)提升用戶的參與。

經(jīng)過(guò)溝通和分析，統(tǒng)計(jì)“曬唄”的PV和UV是使用KPI數(shù)據(jù)（即服務(wù)器數(shù)據(jù)）的，即通過(guò)“曬唄”首頁(yè)接口來(lái)統(tǒng)計(jì)。當(dāng)把“曬唄”首頁(yè)的精彩內(nèi)容拿到發(fā)現(xiàn)頁(yè)時(shí)，用戶每進(jìn)入一次發(fā)現(xiàn)頁(yè)，接口就被請(qǐng)求一次，于是，“曬唄”數(shù)據(jù)成了“發(fā)現(xiàn)頁(yè)”的數(shù)據(jù)，也就劇增了。

后來(lái)，通過(guò)使用用戶點(diǎn)擊相關(guān)的埋點(diǎn)數(shù)據(jù)進(jìn)行統(tǒng)計(jì)，對(duì)安卓端上線前后一周的數(shù)據(jù)進(jìn)行對(duì)比分析，得出如下：

圖8?社交模塊數(shù)據(jù)變化

然而，遺憾的是，因產(chǎn)品方向和功能層面并未有變化，這樣的改版對(duì)發(fā)現(xiàn)頁(yè)整體的PV和UV的提升效果較小。

迭代總結(jié)

回歸到“最低成本的設(shè)計(jì)”，設(shè)計(jì)的思考其實(shí)遠(yuǎn)不止最低成本。做出設(shè)計(jì)改版后，未來(lái)的迭代也需在一開(kāi)始就提前思考，同時(shí)，設(shè)計(jì)師也應(yīng)對(duì)改版的效果有一定的預(yù)知和假設(shè)。

這樣的改版并不是完美的設(shè)計(jì)，比如，有一個(gè)較大的問(wèn)題：后面幾個(gè)tab的點(diǎn)擊率問(wèn)題?？赡艿牡较蚓陀校阂龑?dǎo)（如紅點(diǎn)引導(dǎo)）、Tab文字直接變化（活動(dòng)配合），甚至各模塊內(nèi)容大融合做推薦等。

因此，設(shè)計(jì)師并不是只做“最低成本的設(shè)計(jì)”，而是在做每一次低成本設(shè)計(jì)時(shí)，心中也早已有更多高成本的方案，只是選擇了一個(gè)更適合和更平衡的。

如今，易信整個(gè)產(chǎn)品因業(yè)務(wù)調(diào)整，發(fā)現(xiàn)頁(yè)已回歸為最精簡(jiǎn)的列表，新版發(fā)現(xiàn)頁(yè)也已成為舊版，而將精彩內(nèi)容區(qū)域移動(dòng)到中間的“精選Tab”。

如下：

圖9?精彩內(nèi)容移入全新精選Tab

總結(jié)整個(gè)改版過(guò)程，其實(shí)只是一個(gè)“發(fā)現(xiàn)問(wèn)題—收集信息—分析和評(píng)估問(wèn)題—解決問(wèn)題”的過(guò)程，而在其中卻貫穿各種各樣的設(shè)計(jì)思維，而這些思維也是在不斷實(shí)踐中累積的經(jīng)驗(yàn)。數(shù)據(jù)其實(shí)只是發(fā)現(xiàn)問(wèn)題的一種信息來(lái)源，數(shù)據(jù)也會(huì)有各種各樣的局限和欺騙性，而數(shù)據(jù)思維的培養(yǎng)也需要不斷在實(shí)踐中收集數(shù)據(jù)、分析數(shù)據(jù)，并輔助設(shè)計(jì)。

當(dāng)有更多方法、工具和經(jīng)驗(yàn)來(lái)幫助進(jìn)行設(shè)計(jì)時(shí)，往往會(huì)忽視用戶，理性的設(shè)計(jì)固然是相對(duì)嚴(yán)謹(jǐn)和科學(xué)的，但真正去反思自己時(shí)，告訴自己是一名用戶體驗(yàn)設(shè)計(jì)師，絕不是為了提升數(shù)據(jù)而去做設(shè)計(jì)的設(shè)計(jì)師。因此，核心還是應(yīng)該去思考用戶的感受、體驗(yàn)和能給用戶帶來(lái)的價(jià)值。

PS：市場(chǎng)上有很多成功的產(chǎn)品，也有更多產(chǎn)品并沒(méi)有任何聲音，但可能還是會(huì)有一群人在默默的努力著，8月19日是易信發(fā)布5周年紀(jì)念，在此，祝福易信，也祝福更多還在努力著的產(chǎn)品。

作者：張書(shū)超，網(wǎng)易UEDC交互設(shè)計(jì)師，參與天翼視頻通話、易信等產(chǎn)品的交互設(shè)計(jì)工作。愛(ài)生活、愛(ài)設(shè)計(jì)、愛(ài)旅游，努力追求更優(yōu)雅且愉悅的體驗(yàn)。

本文來(lái)源于人人都是產(chǎn)品經(jīng)理合作媒體@網(wǎng)易UEDC，作者@張書(shū)超

題圖來(lái)自Unsplash，基于CC0協(xié)議