一卡二卡国产在线,国产精品亚洲日韩精品久久久专区,一区二区福利影院,慷慨陈词老熟妇乱子伦456

奇沃云科技公司

四個(gè)方面分享:首頁(yè)改版的設(shè)計(jì)思路

發(fā)布時(shí)間:2018-09-29 09:22
作者:@frmsyu

前兩天抽出時(shí)間整理去年的作品集,在回顧一款小說(shuō)產(chǎn)品改版路徑后發(fā)現(xiàn),首頁(yè)改版的思路:主要是針對(duì)新用戶(hù)轉(zhuǎn)化和導(dǎo)購(gòu)效率、以及在接到一個(gè)方向性的改版目標(biāo)后設(shè)計(jì)師如何轉(zhuǎn)化為需求語(yǔ)言并制定設(shè)計(jì)目標(biāo)這些問(wèn)題有一些個(gè)人經(jīng)驗(yàn)。

作為視覺(jué)設(shè)計(jì)師,利用我們本身的優(yōu)勢(shì)——設(shè)計(jì)思維(IDEO提出的Design Thinking,一種非常實(shí)用的產(chǎn)出突破性解決方案的設(shè)計(jì)方法論)來(lái)尋找產(chǎn)品設(shè)計(jì)中的機(jī)會(huì)點(diǎn),也是一番相當(dāng)有趣的體驗(yàn)。這里做一個(gè)簡(jiǎn)單的記錄和分享。

因?yàn)楸敬胃陌鎱⑴c的環(huán)節(jié)比較靠前并且視角更為宏觀(guān),設(shè)計(jì)師有更寬闊的解決問(wèn)題的施展空間。拿出一份讓人信服的解決方案(而不是一張簡(jiǎn)單的設(shè)計(jì)圖),也就要求我們有一定的判斷問(wèn)題和重新定義問(wèn)題的能力,我把我的工作流(體現(xiàn)在思考過(guò)程中)分為以下幾個(gè)方面:

  • 需求拆解

  • 模型搭建

  • 設(shè)計(jì)指標(biāo)

  • 視覺(jué)呈現(xiàn)

在定義分析問(wèn)題前,為了更好的理解產(chǎn)品并確保思路的任何擴(kuò)展不會(huì)偏離目標(biāo)設(shè)定,我們?cè)诋a(chǎn)出idea之前要盡量弄清這些事情:

  • 改版意圖和目標(biāo)

  • 近期和遠(yuǎn)期的規(guī)劃(如果有)

  • 渠道

  • 用戶(hù)構(gòu)成:區(qū)分用戶(hù)類(lèi)別的畫(huà)像,畫(huà)像越是清晰越有助于定義問(wèn)題

如果條件允許,做一份大綱清晰的競(jìng)品調(diào)研和用戶(hù)分析,有助于挖掘用戶(hù)潛在的需求和心理。如果有老版本,可以看看用戶(hù)在轉(zhuǎn)化過(guò)程中的細(xì)分?jǐn)?shù)據(jù),例如在整理新版本的設(shè)計(jì)思路時(shí),產(chǎn)品同學(xué)為我們提供了一份非常詳細(xì)的埋點(diǎn)數(shù)據(jù),我們摘錄了其中一些比較關(guān)心的,這對(duì)于我們逆向推測(cè)用戶(hù)意圖、行為路徑、使用偏好是有幫助的。

簡(jiǎn)單來(lái)說(shuō),我們需要掌握一些能弄清產(chǎn)品現(xiàn)狀且能為將來(lái)的設(shè)計(jì)決策做出足夠有力依據(jù)的信息,并不需要面面俱到,你對(duì)哪些地方有疑問(wèn),去找線(xiàn)索就對(duì)了。

以本次改版舉例

改版背景

從渠道性質(zhì)來(lái)看,現(xiàn)有用戶(hù)是一群閱讀傾向明確、質(zhì)量較高的深度小說(shuō)用戶(hù),目前首頁(yè)主要采取機(jī)器推薦的書(shū)單列表,能夠勝任基本需求。

但是對(duì)于未來(lái)逐步會(huì)開(kāi)放的正常渠道用戶(hù)而言,用戶(hù)構(gòu)成、意圖更復(fù)雜,畫(huà)像刻畫(huà)和興趣偏好更難獲取,首頁(yè)作為初始轉(zhuǎn)化的關(guān)鍵節(jié)點(diǎn),在小說(shuō)導(dǎo)購(gòu)和分發(fā)上就要有更周全和靈活的應(yīng)對(duì),不能單單只押寶個(gè)性化推薦這一條通路走到底。

除此之外,產(chǎn)品大大們希望在留存和活躍上可以來(lái)個(gè)小飛越,順道探索一下針對(duì)小說(shuō)用戶(hù)首頁(yè)信息流的突破點(diǎn)。

需求拆解

顯然,提升活躍和留存是一個(gè)結(jié)果,我并不能以此作為設(shè)計(jì)目標(biāo)。定義問(wèn)題比解決問(wèn)題更為重要,所以值得花點(diǎn)時(shí)間。我上面說(shuō)過(guò),在定義問(wèn)題之前我們需要弄清一些事情(請(qǐng)往上翻),這些事情會(huì)決定設(shè)計(jì)人員對(duì)產(chǎn)品的理解深度,影響你對(duì)問(wèn)題的判別能力。理解的越深刻,在這一階段‘我們要做什么’這件事就越容易找到答案。

我們最希望的是——“讓用戶(hù)可以更快速找到他想看的,并看得更多”。我將它轉(zhuǎn)換為需求語(yǔ)言,得到更準(zhǔn)確的表達(dá):

針對(duì)深度小說(shuō)用戶(hù)——

(1)持續(xù)轉(zhuǎn)化

我們需要讓用戶(hù)在消費(fèi)完一本小說(shuō)后迅速開(kāi)始下一本,最好中間沒(méi)有縫隙。

(2)完善推薦機(jī)制

除了按照興趣標(biāo)簽做單一題材的小說(shuō)推薦,是否可以根據(jù)他的個(gè)人畫(huà)像或者利用大數(shù)據(jù)分析興趣標(biāo)簽間的重合度和關(guān)聯(lián),來(lái)進(jìn)行智能推薦,拓展用戶(hù)的閱讀范圍(舉個(gè)不是很準(zhǔn)確的例子,就像我在音樂(lè)軟件里只訂閱了后搖一種曲風(fēng),但有時(shí)給我推送的迷幻音樂(lè)也會(huì)格外迷人,正是因?yàn)檫@些‘出其不意驚喜不斷’替換了‘千篇一律的審美疲勞’,用戶(hù)才不會(huì)輕易棄坑)。

(3)培養(yǎng)用戶(hù)忠誠(chéng)度

發(fā)散一下,是否可以通過(guò)產(chǎn)品自我建設(shè)來(lái)打造品牌特色,打破單一閱讀器的定位,加厚產(chǎn)品壁壘。

針對(duì)新用戶(hù)、非深度小說(shuō)用戶(hù)——

導(dǎo)購(gòu)升級(jí)。在用戶(hù)閱讀傾向和意愿比較模糊的前提下,首頁(yè)想做到對(duì)所有用戶(hù)都有足夠的吸引力,需要將“書(shū)”包裝起來(lái)展現(xiàn)(引導(dǎo)他們的方式不同于深度小說(shuō)用戶(hù))?!皶?shū)”作為最基礎(chǔ)的要素,可以由一些更易感知的組合形式集成和推送,這些更易取悅和信服的集成模塊更容易觸發(fā)閱讀興趣,用戶(hù)會(huì)更自然的接受。

我舉個(gè)例子。在我們做的一個(gè)小訪(fǎng)談中,我發(fā)現(xiàn)了很多非深度小說(shuō)用戶(hù)有這樣一個(gè)特點(diǎn),沒(méi)有自己固定的找書(shū)渠道,不泡書(shū)圈,對(duì)題材和作者不敏感,這就像是你要給一個(gè)非數(shù)碼產(chǎn)品發(fā)燒友推薦一款電子產(chǎn)品一樣,你反復(fù)強(qiáng)調(diào)產(chǎn)品的技術(shù)參數(shù)和性能對(duì)他進(jìn)行有效決策可能幫助并不大。我們要提升導(dǎo)購(gòu)成功幾率,就要換成他能聽(tīng)懂和能感知的角度。

例如,通過(guò)運(yùn)營(yíng)基于熱點(diǎn)或興趣的專(zhuān)題內(nèi)容推送書(shū)單,定位到具體的小說(shuō)推薦;權(quán)威推薦、編輯精選或熱銷(xiāo)榜等等都屬于這些“能被感知到的角度”??偠灾?,針對(duì)這部分用戶(hù),需要設(shè)計(jì)一種更為精巧的導(dǎo)購(gòu)方式來(lái)縮短“書(shū) – 用戶(hù)”之間的距離,降低非重度用戶(hù)因?yàn)檫@些“技術(shù)性門(mén)檻”造成的轉(zhuǎn)化困難(不懂得怎么找書(shū),不知道要看什么題材卻又不代表什么題材都會(huì)看得下去)。

(2)小說(shuō)的評(píng)價(jià)體系

這一點(diǎn)是上面一條的補(bǔ)充,在不知道作何抉擇的時(shí)候人們普遍更容易相信權(quán)威。所以書(shū)的評(píng)價(jià)體系作為一種最具效果的外部“顯性身份”讓優(yōu)秀的小說(shuō)更容易被篩選出來(lái)。

筆者補(bǔ)充一下,在這個(gè)階段先不要去想我們是否能申請(qǐng)到這樣那樣的資源,把問(wèn)題定義清楚然后基于這個(gè)問(wèn)題把所有可能性和觀(guān)點(diǎn)做一個(gè)記錄(基于問(wèn)題發(fā)散,而不是天馬行空的發(fā)散),我要做的是站在一個(gè)高點(diǎn)去找迷宮的通路,俯視的角度會(huì)讓我看清迷宮里所有路線(xiàn)的走向。反之,如果最開(kāi)始就是在別人給的結(jié)果里去找解,找到的答案往往是“意料之中”的,你可能會(huì)錯(cuò)失一些有意思的“設(shè)想”和“空間”。

就像在這次改版中,在看到提案后需求方表示這是提前一步幫他們做了一些想法的試探和驗(yàn)證,靈活處理限制并在制約里做平衡,我們最終也得到了一些不錯(cuò)的結(jié)果。

模型搭建

將上面的思路放在一個(gè)可串聯(lián)的骨架中來(lái)設(shè)計(jì)用戶(hù)路徑:

這是我最初的構(gòu)想,后面的提案也是按照這個(gè)結(jié)構(gòu)進(jìn)行的,首頁(yè)大致分為兩部分:

  • 一部分是在有限的屏幕高度之內(nèi)對(duì)普通用戶(hù)進(jìn)行小說(shuō)導(dǎo)購(gòu),不論是PGC內(nèi)容、活動(dòng)還是以最簡(jiǎn)單形式打包的榜單書(shū)單,他們所最終指向的底層都是小說(shuō);

  • 另一部分是基于智能推薦的書(shū)單列表,在最后縱向填充首頁(yè)內(nèi)容。在閱讀意圖明確的結(jié)果頁(yè)和閱讀結(jié)尾處給出相關(guān)聯(lián)推薦,提升持續(xù)轉(zhuǎn)化的機(jī)會(huì),抹平讓用戶(hù)跳出查找的空隙。

設(shè)計(jì)指標(biāo)

略過(guò)謝謝。

用戶(hù)最終會(huì)不會(huì)讀一本小說(shuō)最終還是取決于它的內(nèi)容,這是不同于那些“顯而易見(jiàn)”的商品的,所以我覺(jué)得無(wú)法以單純的點(diǎn)擊數(shù)據(jù)或者訪(fǎng)問(wèn)深度去衡量,最終還是需要結(jié)合整體指標(biāo)和各部分的行為數(shù)據(jù)來(lái)查看我們的“設(shè)想”是否可行。

視覺(jué)呈現(xiàn)

線(xiàn)上瀏覽的路徑劣勢(shì)是:盲目的瀏覽很容易造成用戶(hù)興趣和耐心的流失,信息密度低空間利用率低。優(yōu)化后補(bǔ)足了這些問(wèn)題,讓用戶(hù)可以迅速定位到感興趣的模塊,更聚焦在他需要的有效信息上。每一個(gè)模塊優(yōu)先露出一定的頭部推薦,改善查找過(guò)程的體驗(yàn)。并且使用左右排版原則增強(qiáng)信息密度,在有限的空間內(nèi)爭(zhēng)取更多的內(nèi)容曝光機(jī)會(huì)。

下面是首頁(yè)提案(這里不展示原稿了)

方案一描述:

在視覺(jué)設(shè)計(jì)中,書(shū)應(yīng)該被視作設(shè)計(jì)的主體對(duì)象,不應(yīng)該有過(guò)多的視覺(jué)元素干擾,況且我們的優(yōu)化目標(biāo)之一也是希望提高屏幕的利用率來(lái)加強(qiáng)小說(shuō)的曝光機(jī)會(huì),所以大面積在圖形上的刻畫(huà)可能對(duì)此幫助并不大。但是產(chǎn)品也需要通過(guò)可視化的呈現(xiàn)來(lái)讓用戶(hù)感受到產(chǎn)品的品牌特點(diǎn),于是我把這種產(chǎn)品調(diào)性的烘托放在了致意紙媒的版式設(shè)計(jì)上,通過(guò)版式營(yíng)造出不同的界面觀(guān)感來(lái)區(qū)分我們的“不同”。

因?yàn)槲覀兊挠脩?hù)閱讀時(shí)間集中在晚間,為了讓閱讀更為舒適,我們需要營(yíng)造一種安靜柔和的氛圍。在色彩選用上,我選擇深色灰度的色彩以避免強(qiáng)光對(duì)眼睛的刺激,使用過(guò)渡更緩和的漸變,讓質(zhì)感看起來(lái)更軟。

方案二描述:

方案二的靈感主要來(lái)自于我童年關(guān)于閱讀樂(lè)趣的記憶。在電子閱讀替代傳統(tǒng)紙質(zhì)閱讀前,人們對(duì)于讀書(shū)這件事似乎有更豐富的體感印記,書(shū)的大小重量影響著你的握感是否舒適,手指尖能感受到紙張的粗糙紋路,周?chē)h(huán)境對(duì)于閱讀氛圍的影響,以及閱讀時(shí)來(lái)自心底的一種奇妙的儀式感。我記得小時(shí)候我的第一本讀物是一本精裝安徒生圖畫(huà),雖然不太能看懂文字,卻對(duì)于字里行間印在粗糙紙紋上的插圖格外感興趣,在這個(gè)方案中我把這種樂(lè)趣記錄了下來(lái)。

這里示意一下就不貼最終效果圖了,以上就是本次首頁(yè)改版的具體思路,可能也不光局限在此,主要是在構(gòu)思方案的時(shí)候需要把一整套思考邏輯的始末想清楚,再針對(duì)某一個(gè)頁(yè)面優(yōu)化,不然很容易丟失方向只沉迷在追求片面的效果上,筆者還是這樣認(rèn)為:定義問(wèn)題遠(yuǎn)比解決問(wèn)題重要,不要在別人給你的結(jié)果中找解,找問(wèn)題的過(guò)程意義重大,這是創(chuàng)新和突破的關(guān)鍵,請(qǐng)注意培養(yǎng)這種思維習(xí)慣。在執(zhí)行的過(guò)程中始終貼近問(wèn)題的源點(diǎn),有理有據(jù),最后給你的方案中加一點(diǎn)blingbling的特效,一切都會(huì)很美好。

===========

來(lái)源https://www.behance.net/frmsyu

掃一掃在手機(jī)上閱讀本文章