怎么用好設(shè)計(jì)雙鉆模型?
發(fā)布時(shí)間:2022-01-20 10:55 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175

空間價(jià)值模型


今天要引入的一個(gè)模型叫空間價(jià)值模型,在介紹此模型前,我需要引入一個(gè)基礎(chǔ)模型作為其牽引,再抽象出空間價(jià)值模型。(對(duì)于模型理解,在《產(chǎn)品經(jīng)理數(shù)據(jù)修煉30問(wèn)》書(shū)中介紹過(guò),它就是一套公式或者方法,是一種邏輯關(guān)系,我們統(tǒng)稱(chēng)為模型。)模型最大的特點(diǎn)在于在實(shí)際應(yīng)用中不斷的去修正,使他具備普適性。今天我要給大家介紹的基礎(chǔ)模型,其實(shí)大家都很熟悉,就是設(shè)計(jì)上常用的「雙鉆模型」,它由The British Design Council提出,是一種設(shè)計(jì)師所使用的思考模式。


1. 雙鉆模型


雙鉆模型主要分為4個(gè)階段,主要是發(fā)現(xiàn)期、定義期、發(fā)展期及交付期。前兩個(gè)階段我們可以把它定義成做正確的事情,也就是在找準(zhǔn)做設(shè)計(jì)的方向,第二個(gè)階段就是把事情做正確,就是要把設(shè)計(jì)落實(shí)到點(diǎn)子上,避免偏差。接下來(lái)我給大家詳細(xì)介紹下每個(gè)階段要做的事情。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 雙鉆模型

發(fā)現(xiàn)期

首先第一階段——發(fā)現(xiàn)期。此步是發(fā)散型的思考,探索和研究問(wèn)題的本質(zhì)原因,相當(dāng)于尋根問(wèn)底,也就是我們常說(shuō)的:為什么要做這個(gè)需求。

在我們接到一個(gè)需求時(shí),要抱有一顆質(zhì)疑的態(tài)度,對(duì)需求質(zhì)疑,對(duì)商業(yè)模式質(zhì)疑,對(duì)用戶質(zhì)疑,質(zhì)疑一切不合理的事情。然后去列舉用戶可能遇到的真實(shí)場(chǎng)景元素:比如地點(diǎn)、時(shí)間、人物、故事,梳理整個(gè)設(shè)計(jì)流程和節(jié)點(diǎn)。針對(duì)問(wèn)題再去進(jìn)行研究,例如前期的用戶訪談,問(wèn)卷調(diào)查,競(jìng)品分析,行業(yè)分析、現(xiàn)狀數(shù)據(jù)摸底等等,最終得到一系列的研究結(jié)果。此時(shí)的手段有競(jìng)品研究、數(shù)據(jù)分析、用戶調(diào)研等等,這也是我們做設(shè)計(jì)的第一步,需求拆解和設(shè)計(jì)分析。

定義期

第二個(gè)階段是——定義期。此步是將第1步發(fā)散的問(wèn)題進(jìn)行思考和總結(jié),把問(wèn)題集中起來(lái)解決。畢竟太過(guò)于發(fā)散的問(wèn)題不利于事情的推進(jìn)。

基于前面的分析,我們需要將第一階段發(fā)散的觀點(diǎn)進(jìn)行收縮,合并一些設(shè)計(jì)問(wèn)題和發(fā)現(xiàn),關(guān)注最核心的問(wèn)題,形成相應(yīng)的結(jié)論。再把之前的行業(yè)分析、競(jìng)品分析以及存在的問(wèn)題一起比較,發(fā)現(xiàn)可能存在的機(jī)會(huì)突破點(diǎn),并不斷去探索我們還可以做的事,尋找設(shè)計(jì)價(jià)值機(jī)會(huì)點(diǎn)。

發(fā)展期

第三階段則是發(fā)展期,也就是所謂的方案構(gòu)思期,此步是真正開(kāi)展設(shè)計(jì)創(chuàng)意了。在我們?nèi)粘5脑O(shè)計(jì)過(guò)程中也稱(chēng)之為設(shè)計(jì)預(yù)研。

這個(gè)階段我們要把問(wèn)題具體化,我們可以參考流行的設(shè)計(jì)趨勢(shì)、好的設(shè)計(jì)網(wǎng)站或者好的設(shè)計(jì)效果,構(gòu)思自己的設(shè)計(jì)應(yīng)該如何做。如果構(gòu)思的過(guò)程產(chǎn)生了很多的想法方案,那么我們應(yīng)該先評(píng)估一下可行性。經(jīng)過(guò)評(píng)估之后,最終選擇了2~3種ideas。

這是一個(gè)發(fā)散、迭代的過(guò)程,細(xì)節(jié)和方案仍然會(huì)不斷推翻和重構(gòu),但是要找出正確方案的方向,這一步是最核心的。

交付期

最后一個(gè)階段就是交付期了,此步就是我們將預(yù)研的多套方案進(jìn)行了具體化,找到了一個(gè)可以深化的方案。

這一階段將之前的方案進(jìn)行開(kāi)發(fā)制作,測(cè)試,迭代(build,test,iterate),重復(fù)3次以上。即可以簡(jiǎn)單理解為設(shè)計(jì)方案的評(píng)審(主要是自己把關(guān)、需求方把關(guān)、其他相關(guān)方把關(guān)),反復(fù)迭代設(shè)計(jì)方案。

淘汰中間不合理的想法和設(shè)計(jì),最終保留精華設(shè)計(jì)。

到這一步為止,設(shè)計(jì)的分析、預(yù)研、方案制作、測(cè)試已基本結(jié)束了,接下來(lái)就是把我們確認(rèn)的方案推向用戶,回收后續(xù)反饋即可。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 結(jié)構(gòu)化雙鉆模型

雙鉆石模型是一種結(jié)構(gòu)化的設(shè)計(jì)方法,我們抽象來(lái)看的話,主要解決設(shè)計(jì)過(guò)程里四個(gè)時(shí)期的挑戰(zhàn):

  • 發(fā)現(xiàn)期/研究階段——主要是對(duì)問(wèn)題的洞察,需要更多的討論和發(fā)散;
  • 定義期/總結(jié)階段——主要是聚焦問(wèn)題點(diǎn);
  • 發(fā)展期/概念設(shè)計(jì)階段——主要是發(fā)散一些可能的解決方案;
  • 交付期/實(shí)現(xiàn)階段——確定可行的解決方案。

到目前位置設(shè)計(jì)雙鉆模型也就全部理清了,概括來(lái)講就是從前期的問(wèn)題洞察,再到問(wèn)題的聚焦,緊接著到概念設(shè)計(jì),再到最后的設(shè)計(jì)實(shí)現(xiàn)。這四個(gè)階段不是孤立存在的,而是彼此間都是有聯(lián)系的,前面的階段為后續(xù)的研究做鋪墊,后續(xù)的研究結(jié)論也能更好的驗(yàn)證前面的發(fā)現(xiàn),關(guān)系鏈如圖上圖(結(jié)構(gòu)化雙鉆模型)所示。


2. 雙鉆模型的價(jià)值


如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 雙鉆模型的價(jià)值

雙鉆模型的價(jià)值主要有3點(diǎn),

對(duì)思考過(guò)程做拆解,讓思考更具有邏輯性:

雙鉆模型將不可見(jiàn)的思考過(guò)程分為2個(gè)核心部分:確定正確的問(wèn)題,發(fā)現(xiàn)最合適的解決方案。

在日常工作中,大家可能會(huì)經(jīng)常遇到在沒(méi)有剝離出「問(wèn)題是什么」時(shí),就立馬對(duì)解決方案進(jìn)行構(gòu)思或激烈討論,耗費(fèi)團(tuán)隊(duì)精力和時(shí)間,雙鉆模型很好規(guī)避了這一點(diǎn)。

重新重視問(wèn)題是什么:

第一個(gè)鉆石模型,我們著重解決的是找到正確的問(wèn)題是什么。通過(guò)第一個(gè)鉆石的提出,原本易被忽略的問(wèn)題環(huán)節(jié)會(huì)重新受到團(tuán)隊(duì)成員重視,避免設(shè)計(jì)方案發(fā)生方向性偏離。

設(shè)計(jì)思考過(guò)程可見(jiàn):

通過(guò)雙鉆模型設(shè)定的思考框架,原本「黑盒」的思考過(guò)程被逐漸呈現(xiàn)出來(lái),增加團(tuán)隊(duì)成員對(duì)設(shè)計(jì)方案演繹過(guò)程的理解度,提高合作認(rèn)可度和協(xié)作效率。

通過(guò)以上三方面的分析,我們也就能理解為啥雙鉆模型在設(shè)計(jì)行業(yè)內(nèi)被如此推崇。


3. 雙鉆模型運(yùn)用中問(wèn)題及優(yōu)化路徑探索


如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 雙鉆模型實(shí)際運(yùn)用中的問(wèn)題(點(diǎn)擊查看大圖)

但在雙鉆模型實(shí)際運(yùn)用中,發(fā)現(xiàn)了一些問(wèn)題,大家可以觀察到在最后交付環(huán)節(jié),需要經(jīng)過(guò)至少3次的迭代、測(cè)試和開(kāi)發(fā),而且最終的定案也無(wú)法證明結(jié)果就是好的;在整個(gè)的迭代過(guò)程中,我們可能不知道要去優(yōu)化什么,可能覺(jué)得方案已經(jīng)是最完美的了,也有可能覺(jué)得方案一直是不行的,會(huì)在這一環(huán)節(jié)陷入死循環(huán),最終導(dǎo)致整個(gè)項(xiàng)目周期拉的很長(zhǎng)。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 雙鉆模型實(shí)際運(yùn)用中的問(wèn)題解決探索

在開(kāi)發(fā)和實(shí)現(xiàn)階段是最不愿意出現(xiàn)問(wèn)題的,這可能會(huì)使我們前面做的工作功虧一簣。那我們是不是可以把這些不確定的因素置前考慮呢?在前期的分析中,就去解決這個(gè)階段出現(xiàn)的一些風(fēng)險(xiǎn)問(wèn)題。

因此,我們嘗試性的探索,是不是應(yīng)該在前面的方案發(fā)散環(huán)節(jié)中新增預(yù)測(cè)和推演的環(huán)節(jié),用以降低后續(xù)交付環(huán)節(jié)的風(fēng)險(xiǎn)。預(yù)測(cè)和推演主要是針對(duì)已輸出的幾套概念方案進(jìn)行推測(cè),通過(guò)一些可以量化的數(shù)據(jù)來(lái)推演這些概念方案是可以落地的,這樣可以預(yù)知概念方案的結(jié)果,減少方案變更和修改的次數(shù),提升整體的設(shè)計(jì)效率。同時(shí)整個(gè)概念方案的預(yù)測(cè)和推演也來(lái)依賴(lài)于前期的設(shè)計(jì)分析,找準(zhǔn)具體的推演方向是這個(gè)模型最大的難點(diǎn)。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 雙鉆模型優(yōu)化方案

具體的預(yù)測(cè)和推演過(guò)程,我們可以拆解到具體的行為角度,主要分為方案構(gòu)思到用戶行為預(yù)測(cè)再到數(shù)據(jù)推演。其中方案構(gòu)思和用戶行為預(yù)測(cè)與之前分析的雙鉆模型中的行為是一致的,只是在做預(yù)測(cè)和推演時(shí)又拿出來(lái)應(yīng)用。

剛才也說(shuō)過(guò),找準(zhǔn)預(yù)測(cè)和推演的方向才是這個(gè)模型最大難點(diǎn)。那么推測(cè)的依據(jù)是什么,推演的來(lái)源都是什么呢?

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 奧卡姆剃刀法則

回到我們本次分享的主題是研究空間價(jià)值對(duì)設(shè)計(jì)有什么啟示和幫助,根據(jù)百度百科對(duì)于空間的定義:空間是與實(shí)踐相對(duì)的一種物質(zhì)客觀存在形式,兩者密不可分。我們?cè)倬唧w點(diǎn)來(lái)描述空間,它就是一種具備長(zhǎng)度、寬度、高度、大小的存在形式,物與物的位置差異度量稱(chēng)之為「空間」,大家還可以假想空間由不同的線組成,線組成不同形狀,線內(nèi)便是空間,這個(gè)空間可以是平面的,也可以是立體的?臻g有一個(gè)典型的特質(zhì)就是具備相對(duì)性,正因?yàn)橛辛讼鄬?duì)性,空間才可被衡量。長(zhǎng)度和寬度構(gòu)成了屏幕空間,而有效的空間才能產(chǎn)生相應(yīng)的價(jià)值。對(duì)于有效空間的定義,我們可以借用奧卡姆剃刀法則,「如無(wú)必要,勿增實(shí)體」,也就是如果沒(méi)有作用,則不需要繼續(xù)增加和保留。


4. 空間價(jià)值模型


如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 空間價(jià)值模型

根據(jù)空間價(jià)值的推導(dǎo)過(guò)程,我們?yōu)樵O(shè)計(jì)方案的預(yù)測(cè)和推演找到了一個(gè)方向,就是在以空間價(jià)值為導(dǎo)向的產(chǎn)品設(shè)計(jì)中,我們?cè)陬A(yù)測(cè)和推演時(shí),主要依據(jù)就是要利用有效空間,釋放無(wú)效空間,將有價(jià)值的模塊置于用戶感知范圍內(nèi),而隱藏或去掉不重要的功能,在一定空間內(nèi)發(fā)揮最大的價(jià)值。朝著這個(gè)方向我們?nèi)ピO(shè)計(jì)和預(yù)測(cè)我們的落地方案,如果預(yù)測(cè)結(jié)果OK則可繼續(xù)進(jìn)行,如果預(yù)測(cè)結(jié)果不理想,那就得重新思考設(shè)計(jì)方案,直到合格為止。可能聽(tīng)到這,有很多同學(xué)又會(huì)有疑惑,這個(gè)數(shù)據(jù)推演怎么做。這個(gè)會(huì)在后續(xù)的案例中給大家去講,因?yàn)槊總(gè)產(chǎn)品關(guān)注的核心指標(biāo)不一樣,所以這塊只能提一個(gè)概念,具體的推演過(guò)程還需要在各自的項(xiàng)目中去制定。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 空間價(jià)值模型應(yīng)用場(chǎng)景

以空間價(jià)值為導(dǎo)向的雙鉆模型有其一定的應(yīng)用場(chǎng)景,首先是能識(shí)別到在這屏幕空間內(nèi)是有價(jià)值的,在此產(chǎn)品階段是需要通過(guò)追求屏效來(lái)達(dá)成一定的業(yè)務(wù)目標(biāo)(此點(diǎn)尤其重要),另外就是在利用空間方面,有高價(jià)值的內(nèi)容可以填充?偨Y(jié)的這三個(gè)方面我覺(jué)得是不夠精確和通用的,只是在我負(fù)責(zé)的產(chǎn)品,在它的生命周期內(nèi)是這樣的,所以大家在思考各自的產(chǎn)品設(shè)計(jì)時(shí),可以基于不同要求、階段去思考對(duì)應(yīng)的場(chǎng)景。


空間價(jià)值模型實(shí)例剖析



1. vivo瀏覽器首頁(yè)改版


首頁(yè)分析

vivo瀏覽器是一款如今有8500萬(wàn)+日活的產(chǎn)品(數(shù)據(jù)截止到2019年8月),當(dāng)時(shí)改版時(shí)日活也已達(dá)到7000萬(wàn)。在講這個(gè)案例時(shí),還是給大家先介紹一下瀏覽器首頁(yè)的基本情況,便于大家有全面的了解。

瀏覽器的首頁(yè)主要分為4個(gè)模塊,頭部模塊主要是天氣及搜索模塊,主要是滿足用戶的一些基礎(chǔ)需求,如查看天氣情況、搜索關(guān)鍵詞及網(wǎng)址等;第二模塊是五大欄目,它主要是一些特色站點(diǎn),如網(wǎng)址、視頻、小說(shuō)、美圖等用戶個(gè)性化訴求;第三個(gè)模塊是名站區(qū)域,主要呈現(xiàn)一些熱門(mén)的站點(diǎn),如新浪、百度、攜程等,便于用戶快速觸達(dá),同時(shí)這些站點(diǎn)具備商業(yè)化售賣(mài)價(jià)值。第四部分則是信息流區(qū)域,主要包含了視頻、熱點(diǎn)、圖文、廣告等類(lèi)型的內(nèi)容,滿足用戶對(duì)于內(nèi)容消費(fèi)的需求,對(duì)于廣告收入、時(shí)長(zhǎng)、留存等都有很大的貢獻(xiàn)。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器首頁(yè)各模塊分析

在這一量級(jí)的產(chǎn)品上進(jìn)行首頁(yè)改版,風(fēng)險(xiǎn)性是極其大的,那接下來(lái)我們還是按照空間價(jià)值模型的基本方法進(jìn)行一步步的拆解和分析。

發(fā)現(xiàn)問(wèn)題

首頁(yè)站點(diǎn)賣(mài)不動(dòng),點(diǎn)擊數(shù)據(jù)下降,商業(yè)化價(jià)值不如之前

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器首頁(yè)站點(diǎn)模塊點(diǎn)擊數(shù)據(jù)(數(shù)據(jù)截止到2018年1月)

這么一量級(jí)的產(chǎn)品,為什么要去改版呢,我們還是首先回歸到問(wèn)題背景。首先我們通過(guò)后臺(tái)數(shù)據(jù)發(fā)現(xiàn),五大欄目模塊的平均點(diǎn)擊量?約為30萬(wàn)-80萬(wàn)/天,名站點(diǎn)擊量前兩名的百度、新浪的點(diǎn)擊數(shù)據(jù)大約為180萬(wàn)/天、120萬(wàn)/天左右,第三名的車(chē)之家最?點(diǎn)擊量只有前兩名一半左右的數(shù)據(jù),只有約70萬(wàn)/天,而點(diǎn)擊量最低的站點(diǎn)只有約15萬(wàn)/天的點(diǎn)擊,站點(diǎn)點(diǎn)擊呈遞減規(guī)律,無(wú)效站點(diǎn)較多,商業(yè)化售賣(mài)產(chǎn)生了問(wèn)題。

瀏覽器信息流流失用戶占比30%左右,且有上升趨勢(shì)

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器信息流流失去向(點(diǎn)擊查看大圖)

其次是我們?cè)陂L(zhǎng)時(shí)間的用研及數(shù)據(jù)監(jiān)測(cè)中發(fā)現(xiàn),vivo瀏覽器信息流用戶流失占比在30%左右,且有上升趨勢(shì),被一些頭部應(yīng)用吸取較多用戶,信息流滲透率增長(zhǎng)乏力。

首頁(yè)框架多年未動(dòng),信息層級(jí)不清晰

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 主流瀏覽器首頁(yè)對(duì)比

第三則是我們的首頁(yè)框架和主流競(jìng)品存在差異,傳統(tǒng)的五大欄目+名站的形式在逐漸被打破,信息流模塊的設(shè)計(jì)越來(lái)越重度,用戶也亟需新的產(chǎn)品形態(tài)以喚起對(duì)產(chǎn)品的興趣。

聚焦問(wèn)題

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器首頁(yè)問(wèn)題聚焦

我們將瀏覽器首頁(yè)的問(wèn)題聚焦出來(lái)就是,名站模塊點(diǎn)擊數(shù)據(jù)低,商業(yè)化價(jià)值低,信息流模塊點(diǎn)擊低,用戶不買(mǎi)單,首頁(yè)產(chǎn)品形態(tài)缺乏競(jìng)爭(zhēng)力。

剖析問(wèn)題

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

我們?cè)龠M(jìn)一步剖析目前所遇到的問(wèn)題。名站處于整個(gè)頁(yè)面核心位置,卻沒(méi)有達(dá)到應(yīng)有的價(jià)值,用戶點(diǎn)擊少,且運(yùn)營(yíng)成本較高,效果弱。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

信息流作為提升用戶留存和時(shí)長(zhǎng)的重大法寶,但在首頁(yè)得不到足夠的曝光,潛在價(jià)值得不到發(fā)揮。具體體現(xiàn)在首屏信息及商業(yè)化廣告的觸達(dá)路徑較長(zhǎng)。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

而樣式作為產(chǎn)品形態(tài)的面子工程,影響用戶的使用體驗(yàn),但在首頁(yè)這樣一個(gè)超流量頁(yè)面卻沒(méi)有精細(xì)化設(shè)計(jì),部分模塊的產(chǎn)品定位與用戶定位有推介,產(chǎn)品結(jié)構(gòu)不清晰。

首頁(yè)價(jià)值

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器首頁(yè)價(jià)值排序

按照商業(yè)利益及用戶體驗(yàn),我們可以將各個(gè)模塊進(jìn)行價(jià)值劃分,其中名站及信息流模塊作為瀏覽器的特色功能,且承擔(dān)相應(yīng)商業(yè)化收入,其價(jià)值較高,而五大欄目模塊,作為瀏覽器基礎(chǔ)功能,其商業(yè)價(jià)值較低,由于搜索模塊模塊作為瀏覽器核心功能,其價(jià)值要比五大欄目稍高,且有搜索的商業(yè)化變現(xiàn)方式。其相應(yīng)的價(jià)值排序如圖所示。

設(shè)計(jì)機(jī)會(huì)點(diǎn)

按照空間價(jià)值模型的相關(guān)理論:「若無(wú)必要,勿增實(shí)體」,釋放無(wú)效空間,增加有價(jià)值內(nèi)容的曝光。按照目前價(jià)值優(yōu)先級(jí),名站目前綜合價(jià)值較低,而信息流作為后起之秀,有較大的商業(yè)及用戶價(jià)值。我們挖掘出來(lái)的設(shè)計(jì)機(jī)會(huì)點(diǎn),則是釋放名站,提升信息流曝光,而什么樣的產(chǎn)品形態(tài)作為設(shè)計(jì)機(jī)會(huì)點(diǎn)的承載,也是設(shè)計(jì)可以重點(diǎn)研究的方向。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ vivo瀏覽器首頁(yè)設(shè)計(jì)機(jī)會(huì)點(diǎn)

設(shè)計(jì)研究

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 競(jìng)品分析截圖

緊接著,在產(chǎn)品形態(tài)及信息流研究上,我們重點(diǎn)分析了高價(jià)值的信息流模塊的設(shè)計(jì),摘取了各家資訊APP及瀏覽器,研究各家在信息流產(chǎn)品形態(tài)、布局、空間、設(shè)計(jì)上的異同點(diǎn)。為vivo瀏覽器首頁(yè)信息流的設(shè)計(jì)提供更多有力參考。

我們從信息流的標(biāo)題、字號(hào)、間距、配圖、視頻、輔助信息等角度入手,發(fā)現(xiàn)了本品與競(jìng)品的較多差距

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

最后得出相應(yīng)的結(jié)論——各家在處理信息流模塊時(shí),整體的設(shè)計(jì)注重內(nèi)容聚焦,主要體現(xiàn)在頁(yè)面排版及各個(gè)元素的布局,使得單屏曝光信息流條數(shù)更多。其次是注重外顯內(nèi)容,優(yōu)化標(biāo)簽及標(biāo)識(shí)設(shè)計(jì),傳遞給用戶信息流的類(lèi)型,強(qiáng)化感知。最后是各家都在強(qiáng)調(diào)平臺(tái)與用戶的互動(dòng),如負(fù)反饋、評(píng)論、點(diǎn)贊等,極大滿足用戶對(duì)于內(nèi)容產(chǎn)品的情感發(fā)泄。

對(duì)于首頁(yè)站點(diǎn)的設(shè)計(jì),我們縮減目前三行站點(diǎn)的設(shè)計(jì),將5大欄目和站點(diǎn)進(jìn)行合并打亂。主要原因也是5大欄目和站點(diǎn)對(duì)于用戶的使用心智來(lái)講,也是一樣的功效,沒(méi)有必要進(jìn)行業(yè)務(wù)屬性的劃分。

因此在設(shè)計(jì)上,我們嘗試將目前的三行方案改為單行及雙行方案,除保留幾個(gè)高點(diǎn)擊的站點(diǎn)外,其余站點(diǎn)按照瀏覽器后臺(tái)用戶標(biāo)簽,給用戶進(jìn)行個(gè)性化推薦。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

△ 首頁(yè)站點(diǎn)探索方案

設(shè)計(jì)預(yù)研

單行站點(diǎn)方案

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

雙行站點(diǎn)方案

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

這么多的變量,我們無(wú)法直接評(píng)判那種方案的改版效果更好,甚至我們也無(wú)法直接推斷出改版后的兩套方案會(huì)比線上方案好。因此我們接下來(lái)進(jìn)行了本項(xiàng)目最重要的一個(gè)環(huán)節(jié),就是效果評(píng)估,通過(guò)不同的預(yù)研方案來(lái)預(yù)測(cè)改版效果,從而為最終的設(shè)計(jì)方案做決策。

數(shù)據(jù)預(yù)測(cè)

信息流改版預(yù)測(cè)

首先我們是在目前算法條件下,針對(duì)不同位置出現(xiàn)不同樣式的信息流進(jìn)行了數(shù)據(jù)摸底,具體方式就是看信息流前三位置出現(xiàn)不同資訊的概率(因?yàn)楦陌媲笆醉?yè)最多漏出3資訊)。并且統(tǒng)計(jì)出目前信息流用戶的占比。在對(duì)比改版方案與線上方案時(shí),計(jì)算8種組合條件下,多漏出的文章的出現(xiàn)概率,從而計(jì)算改文章的點(diǎn)擊率,最終求和計(jì)算出整體首頁(yè)的轉(zhuǎn)化率變化。最終在數(shù)據(jù)同學(xué)的幫助下,改版后首頁(yè)的轉(zhuǎn)化率提升可達(dá)到9.5%。

信息流曝光規(guī)則:?jiǎn)螚l信息流item曝光超過(guò)2/3即為曝光。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

根據(jù)數(shù)據(jù)同學(xué)的預(yù)測(cè),在目前改版方案的情況下,月提升收益約490w

由于雙行與單行改版方案目前信息流增加展示空間相差無(wú)幾,故本次預(yù)估數(shù)據(jù)提升經(jīng)過(guò)數(shù)據(jù)挖掘基本一致。

基于改版后首頁(yè)各資訊內(nèi)容類(lèi)型展示組合下,增加資訊條數(shù)曝光得到的首頁(yè)外露綜合點(diǎn)擊率提升,由此進(jìn)行收益提升估算。

由于該數(shù)值僅代表首頁(yè)點(diǎn)擊增加后的收入提升,未包含后續(xù)信息流模塊中的延伸使用情況帶來(lái)的收益,故實(shí)際提升大于490w。

站點(diǎn)改版預(yù)測(cè),改版后站點(diǎn)位位置的損失:

當(dāng)全量執(zhí)行單行方案時(shí),預(yù)計(jì)站點(diǎn)收入每月將下降1000w左右;當(dāng)全量執(zhí)行雙行方案時(shí),預(yù)計(jì)站點(diǎn)收入每月將下降200w~250w;

改版后信息流廣告曝光用戶占比的提升:

線上方案目前信息流廣告曝光用戶占比為25.5%,經(jīng)過(guò)數(shù)據(jù)預(yù)估后——單行方案:比例需要提升至30.28%則可以保證瀏覽器整體收益的提升;雙行方案:比例需要提升至26.97%則可以保證瀏覽器整體收益的提升。

用戶側(cè)數(shù)據(jù)摸底:

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

2018年1月月活中,主動(dòng)啟動(dòng)用戶為1.3億;其中,有37.21%的用戶在一月有過(guò)名站及五大欄目區(qū)域的使用;首頁(yè)改版主要會(huì)影響這部分用戶。

名站五大欄目用戶里,有51%的用戶對(duì)站點(diǎn)類(lèi)目豐富度需求較強(qiáng),除TOP6站點(diǎn)外,對(duì)其他類(lèi)目產(chǎn)品存在一定的使用需求;一行站點(diǎn)方案對(duì)這批用戶(總用戶的18%)可能存在較大影響;

1月有過(guò)信息流模塊劃入,點(diǎn)擊的用戶數(shù)量為1億,占總用戶比例76.96%,用戶比例遠(yuǎn)高于導(dǎo)航部分。

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

基于以上的數(shù)據(jù)可以得出:

  • 對(duì)于首頁(yè)改版后,保守預(yù)估,信息流模塊價(jià)值提升將超過(guò)493w,完全可以控制住雙行方案的站點(diǎn)損失,同時(shí)帶來(lái)明顯提升。
  • 有超過(guò)6成的活躍用戶是非名站&五大欄目用戶,接近25%的用戶是集中于頭部站點(diǎn)使用以及這部分用戶對(duì)于首頁(yè)導(dǎo)航模塊是無(wú)價(jià)值的群體,首頁(yè)站點(diǎn)位的縮減對(duì)于他們是無(wú)影響的。
  • 在月活躍用戶中,有約18%的用戶對(duì)于站點(diǎn)的使用相對(duì)重度,對(duì)于站點(diǎn)豐富行要求較高,首頁(yè)站點(diǎn)位的大幅度縮減對(duì)于這部分用戶的影響較大,同時(shí)會(huì)造成較大的站點(diǎn)商業(yè)化損失。
  • 可見(jiàn)大部分活躍用戶對(duì)于首頁(yè)站點(diǎn)位是無(wú)需求的,同時(shí)信息流用戶占到總用戶比例76.96%,用戶對(duì)于信息流模塊使用意愿明顯高于導(dǎo)航模塊。

故基于以上結(jié)論,可以得出,以首頁(yè)雙行站點(diǎn)形式進(jìn)行本次改版調(diào)整,相對(duì)合適,原因:

  • 站點(diǎn)收入相比單行方案風(fēng)險(xiǎn)小,不會(huì)造成整體收入大幅下降的風(fēng)險(xiǎn);
  • 雙行站點(diǎn)方案的信息流收益提升預(yù)估,遠(yuǎn)高于帶來(lái)的損失,可以保證整體收益的全面提升,而單行方案基于目前的數(shù)據(jù)整體提升效果不如雙行方案。

2.2.0 最終方案及上線效果

如何用好設(shè)計(jì)雙鉆模型?來(lái)看 vivo 瀏覽器的實(shí)戰(zhàn)案例!

信息流用戶新聞閱讀時(shí)長(zhǎng)上漲10.66%,信息流用戶占比上漲2.29%,人均新聞點(diǎn)擊次數(shù)上漲4.24%,人均信息流使用時(shí)長(zhǎng)上漲5.81%。關(guān)于商業(yè)化營(yíng)收數(shù)據(jù),由于相關(guān)保密性,不便透露,但從廣告平臺(tái)那邊得知,活躍用戶的廣告點(diǎn)擊次數(shù)上漲16.14%,名站人均點(diǎn)擊下降9.68%,基本和預(yù)期結(jié)果相符,整體瀏覽器的營(yíng)收是上漲的,整體改版符合預(yù)期。


空間價(jià)值模型使用注意事項(xiàng)


1. 屏效比

一味的追求屏效比不是空間價(jià)值模型所倡導(dǎo)的?臻g價(jià)值模型核心在于用高價(jià)值的內(nèi)容填充低價(jià)值的模塊,使得產(chǎn)品整體商業(yè)價(jià)值和用戶價(jià)值得以提升。

2. 注重用戶體驗(yàn)

雖然空間價(jià)值模型只是用來(lái)指導(dǎo)設(shè)計(jì)師或產(chǎn)品經(jīng)理做方案的產(chǎn)出,缺乏用戶側(cè)的體驗(yàn)監(jiān)測(cè),這要在后續(xù)的產(chǎn)品迭代過(guò)程中補(bǔ)齊,而不是放任不管。

3. 非個(gè)性化

產(chǎn)品同質(zhì)化越來(lái)越嚴(yán)重的今天,我們追求的不再是產(chǎn)品的表象,而是產(chǎn)品真真切切的內(nèi)在,比如資訊類(lèi)產(chǎn)品,它要給用戶產(chǎn)出更精準(zhǔn)的內(nèi)容;金融類(lèi)產(chǎn)品,它要給用戶提供更安全和高收益的金融方案等。空間價(jià)值導(dǎo)向的產(chǎn)品設(shè)計(jì)不是解決個(gè)性化的問(wèn)題,而是為用戶挑選更有價(jià)值的模塊,并優(yōu)先展現(xiàn)。

4. 關(guān)注生命周期

在不同的生命周期內(nèi),我們關(guān)注的重點(diǎn)也不一樣,空間價(jià)值模型更適合在成長(zhǎng)期或成熟期的產(chǎn)品使用,在此階段有足夠的精力和數(shù)據(jù)去佐證方案的可行性。


寫(xiě)在最后的話


空間價(jià)值導(dǎo)向的產(chǎn)品設(shè)計(jì),最核心的地方是找到了支撐設(shè)計(jì)方案的落地點(diǎn)——做預(yù)測(cè)和推演。空間使事物具有了變化性,即因?yàn)榭臻g的存在,所以事物才可以發(fā)生變化。擁抱變化才能贏得變化。方法不一定是通用的,也不是絕對(duì)的,條條大路通羅馬,找到最合適的那條就行。

室內(nèi)整裝方案設(shè)計(jì)教程
我要自學(xué)網(wǎng)商城 ¥80 元
進(jìn)入購(gòu)買(mǎi)
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國(guó)的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭(zhēng)議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類(lèi)選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫(huà) 程序開(kāi)發(fā) 網(wǎng)頁(yè)設(shè)計(jì) 會(huì)計(jì)課程 興趣成長(zhǎng) AIGC