赞助商
立即赞助

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

产品经验3年前 (2021)发布 流光
2K 0 0

前言

刚入职时,本书叫《方寸指尖》对我影响比较,主讲述如何好用户体验设。机巧合,互联网领域也待了四余,对于指尖的思考也不断升华,不仅保证用户的的核诉求,也满足业务的目标。这样的方寸之间,了一些趣的事儿,今天拿出家一起分享。

今天的分享纯粹是设计方法的探讨,更多是一种产设计思路的总结,总结笔者参与的产改版心得,炼了一些可通的设计思路,借着这个机会和大一起探讨。

空间价值模型

今天要引入的一个模叫空间值模,在介绍此模前,我需要引入一个基础模作为牵引,再抽象空间值模。(对于模解,在《产经数据修炼30问》书中介绍过,它就是一套公式或者方法,是一种逻辑系,我们统称为模。)模最大的特点在于在实际应中断的修正,使他具备普适性。今天我要给大介绍的基础模,实大都很熟悉,就是设计上的「双钻模型」,它由The British Design Council提出,一种设师所使用的思考模式。

1. 双钻模型

钻模型主分4阶段,主发、义、发展及交付。两阶段我们可以把它义确的事,也就找准设的方向,第二阶段就把事确,就把设落实到点子,避免偏差。接下我给家详细介绍下每阶段的事。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 钻模型

发

首先第一阶段——发。此发散型的思考,探索研究问题的本质原因,相当于寻根问底,也就我们常的:什么这需求。

在我们接到一个需求时,要抱有一颗质疑的态,对需求质疑,对商模式质疑,对户质疑,质疑一切合的事情。然后列举户可遇到的真实场景元素:如地点、时间、人物、故事,梳整个设计流程和节点。针对问题再进行研究,例如前期的户访谈,问卷调查,竞分析,行分析、现状数据摸等等,最终得到一系列的研究结果。此时的手有竞研究、数据分析、户调研等等,这是我们做设计的第一步,需求拆解和设计分析。

定义期

第二个阶是——定义期。此步是将第1步发散的问题进行思考和总结,把问题集中起来解决。毕竟太过于发散的问题利于事情的推进。

基前面的分析,我们需要将一阶段散的观点进行收缩,合并一设计问题和现,关注最核心的问题,形成相应的结论。把之前的行业分析、竞品分析以及存在的问题一比,现能存在的机突破点,并不断去探索我们还以做的,寻找设计价值机点。

展期

三阶段则是展期,也就是所谓的方案构思期,此步是正开展设计创意。在我们常的设计程中也称之为设计预研。

这个阶段要把问题体化,可以参考流行的计趋势、好的计网站或者好的计效果,构思的计应该如何做。如果构思的过程产生了多的想法方案,那应该先评估一下可行性。经过评估之后,最终选择了2~3种ideas。

这是个发散、迭代过程,细节和案仍然会不断翻和构,是要找出正确案,这步是最核心。

交付期

最后个阶段是交付期了,此步是我们将预研多套案进了具体化,找到了个可以深化案。

这一阶段将之的方案行发制作,测试,迭(build,test,iterate),重复3次以。即可以简单理解设方案的审(主自己把关、需求方把关、其他相关方把关),反复迭设方案。

淘汰中间合的想法和设计,最终保留精华设计。

到一步为止,设计的分析、预研、方案、测试已基结束,接下来就是把我们确认的方案推向用户,回收续反馈即。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 结构化双钻模型

双钻模型是一种结构化的计方法,抽象来的话,主要解决计过程四个期的挑战:

  • 现期/研究阶段——主要是对问题的洞察,需要更的讨论和散;
  • 定义期/总结阶段——主要是聚焦问题点;
  • 发展期/概念设计阶段——主要是发散些可能解决案;
  • 交付/实阶段——确可行的解决方案。

到目前位设计双钻模型也全部理了,概括来讲是从前期问题洞察,再到问题聚焦,紧接着到概念设计,再到最后设计实现。这四个阶段不是孤立存在,而是彼此都是有联系,前阶段为后续研究做铺垫,后续研究结论也能更好验证前发现,关系链如图上图(结构化双钻模型)所示。

2. 双钻模型的价值

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 双钻模型的价值

双钻模型价值主要有3,

思考过程做拆解,让思考更具有逻辑性:

双钻模型将不可见思考过程分为2个核心部分:确定正确问题,发现最合适解决案。

日常作中,家可能会常遇到剥离出「问题什么」时,就立马对解决方案行构思或激烈讨论,耗费团队精力时间,钻模型很好规避了这一点。

重新重视问题什么:

第一钻石模型,我们重解决的找到确的问题什么。通过第一钻石的提出,原本易被忽略的问题环节会重新受到团队员重视,避免设方案发方向性偏离。

设思考过程可见:

通过钻模型设的思考框架,原本「黑盒」的思考过程被逐渐呈出,增加团队员对设方案演绎过程的理解度,提高合作认可度协作效率。

通过上方面的分析,我们就解为啥双钻模在设计行被如此推崇。

3. 双钻模型运用中问题及优化路径探索

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 钻模型实际运用中的问题(点击查看图)

但在双钻模实际中,发现了一些问题,大可观察到在最后交付环节,需要经过至3次的迭代、测试和开发,而且最终的定案无法证明结果就是好的;在整个的迭代过程中,我们可知道要优么,可觉得方案已经是最美的了,有可觉得方案一直是行的,会在这一环节陷入死循环,最终导致整个项目周期拉的很长。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 双钻模实际中的问题解决探索

在开和现阶段是最不愿意出现问题的,能使我们前面做的工功亏一篑。我们是不是以把不确定的因素置前考虑呢?在前期的分析中,就去决个阶段出现的一风险问题。

因此,尝性的探索,是不是应该在前面的方案发散环节中新增预测和推演的环节,用以降低后续交付环节的风险。预测和推演主要是针对已输出的套概念方案进行推测,通过一些可以量化的数据来推演这些概念方案是可以落地的,这可以预知概念方案的结果,减少方案变更和修改的次数,提升整体的计效率。同整个概念方案的预测和推演也来依赖于前期的计析,找准体的推演方向是这个模型最大的难点。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 双钻模型优化方案

具体预测和演过程,我们可以拆解到具体为度,主要分为案构思到用户为预测再到数据演。其案构思和用户为预测与前分析双钻模型为是致,是在做预测和演时又拿出来应用。

刚也过,找准预测推演的方向这模型难点。那么推测的依据什么,推演的源都什么呢?

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 奥卡姆剃刀法则

到我们本次分享的题是研究空间值对设计有么启示和帮助,根据百百科对于空间的定义:空间是与实践相对的一种物质客观存在形式,两者密可分。我们再具体点来描述空间,它就是一种具备长、宽、、大小的存在形式,物与物的位置差异量称之为「空间」,大还可假想空间由同的线组成,线组成同形状,线是空间,这个空间可是平面的,可是立体的。空间有一个典的特质就是具备相对性,正因为有了相对性,空间才可被衡量。长和宽构成了屏幕空间,而有效的空间才产生相应的值。对于有效空间的定义,我们可借奥卡姆剃刀法则,「如无必要,勿增实体」,就是如果没有作,则需要继续增和保留。

4. 空间价值模型

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 空间价模型

根据空间值的推导过程,我们为设计方案的预测和推演到了一个方向,就是在空间值为导向的产设计中,我们在预测和推演时,要依据就是要利有效空间,释放无效空间,将有值的模置于户感知范围,而隐藏或掉重要的功,在一定空间发挥最大的值。着这个方向我们设计和预测我们的落地方案,如果预测结果OK则可继续进行,如果预测结果想,那就得重思考设计方案,直到合格为止。可听到这,有很多同又会有疑惑,这个数据推演怎么做。这个会在后续的案例中给大讲,因为每个产注的核心指标一样,这只一个概念,具体的推演过程还需要在各自的项目中制定。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 空间值模应场景

以空间价值为导向的双钻模型有其一定的应用场,首先是能识别到在屏幕空间内是有价值的,在此产品阶段是需要通追求屏效来达成一定的业务目标(此点尤其重要),另外就是在用空间方面,有高价值的内容以填充。总结的三个方面我得是不够精确和通用的,只是在我负责的产品,在它的生命周期内是样的,所以大家在思考各自的产品设计时,以基不同要求、阶段去思考对应的场。

空间价值模型实例剖析

1. vivo浏览器首页改版

首页分析

vivo浏览器一款如今8500万+日活的产品(数据截止到20198月),当时改版时日活也已达到7000万。讲这案例时,还给家先介绍一下浏览器首页的基本况,便于家全面的了解。

浏览器的首页要分为4个模,头模要是天气及搜索模,要是满足户的一些基础需求,如查看天气情况、搜索键词及址等;第二模是五大栏目,它要是一些特色点,如址、视频、小说、美图等户个性诉求;第个模是名区域,要呈现一些热门的点,如浪、百、携程等,于户快速触达,同时这些点具备商售卖值。第分则是信息流区域,要包含了视频、热点、图、广告等类的容,满足户对于容消的需求,对于广告收入、时长、留存等都有很大的贡献。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览器首页各模分析

在一量级的产品上进行首页改版,风险是极其大的,接下来我们还是按照空间价值模型的基方法进行一步步的拆和分析。

现问题

首页站点卖不动,点击数据下降,业化价值不之前

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览器首页站点模块点击数据(数据截止到2018年1月)

这一量的产品,为什要去改版呢,还是首先回归问题背景。首先通过后数据发现,五大栏目模块的均点击量⼤约为30万-80万/,名站点击量前名的百度、新浪的点击数据大约为180万/、120万/左右,第三名的车之家最⾼点击量只有前名一半左右的数据,只有约70万/,而点击量最低的站点只有约15万/的点击,站点点击呈递减规律,无效站点较多,商业化产生了问题。

浏览信息流流失用户占比30%左右,有上升趋势

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览信息流流失去(击查看大图)

其次我们时间的用研及数据监测中发,vivo浏览器信息流用户流失占比30%左右,且升趋势,被一些部应用吸取较多用户,信息流渗透率增乏力。

首页框架多年未,信息层级清晰

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 流浏览器首页对

三则是我们的首页框架和主流竞品存在差异,传统的大栏目+名站的形式在逐渐被打破,信息流模块的设计越来越重度,用户也亟需新的产品形态以唤对产品的兴趣。

聚焦问题

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览器首页问题聚焦

我们将浏览器首页的问题聚焦出来就是,名站模块点击数据低,业化价值低,信息流模块点击低,用户不买单,首页产品形态缺乏竞争力。

剖析问题

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

我们再进一步剖析目前遇到的问题。名处于整个页面核心位置,却没有达到应有的值,户点击,且营成本较,效果弱。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

信息流作为升户留存和时长的重大法宝,但在首页得到足够的曝光,潜在值得到发挥。具体体现在首屏信息及商广告的触达路径较长。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

而样式作为产形态的面子工程,影响户的使体验,但在首页这样一个超流量页面却没有精细设计,分模的产定位与户定位有推介,产结构清晰。

首页值

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览器首页价排序

按照商利益及户体验,我们可将各个模进行值划分,中名及信息流模作为浏览器的特色功,且承担相应商收入,值较,而五大栏目模,作为浏览器基础功,商值较低,由于搜索模模作为浏览器核心功,值要五大栏目稍,且有搜索的商变现方式。相应的值序如图示。

设计机会点

按照空间值模的相论:「若无必要,勿增实体」,释放无效空间,增有值容的曝光。按照目前值优先级,名目前综合值较低,而信息流作为后起之秀,有较大的商及户值。我们挖掘来的设计机会点,则是释放名,升信息流曝光,而么样的产形态作为设计机会点的承载,是设计可重点研究的方向。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ vivo浏览器首页设计机会点

设计研究

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 竞品分析截图

紧接着,在产形态及信息流研究上,我们重点分析了值的信息流模的设计,摘取了各资讯APP及浏览器,研究各在信息流产形态、布、空间、设计上的异同点。为vivo浏览器首页信息流的设计供更多有参考。

我们从信息流的标题、字号、间距、图、视频、辅助信息等角度手,现品与竞品的差距

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

最得出相应的结论——各家在处理信息流模块时,整的设计注重内容聚焦,主要现在页面排版及各个元素的局,使得单屏曝光信息流条数更。其次是注重外显内容,优化标签及标识设计,传递给用户信息流的类型,强化感。最是各家在强平台与用户的互动,负反馈、评论、点赞等,极大满用户对内容产品的情感泄。

对于首页站点的计,缩减目前三行站点的计,将5大栏目和站点进行并乱。主要因也是5大栏目和站点对于用户的使用心智来讲,也是一的功效,没有必要进行业属性的划。

此在设计上,我们尝试将目前三案改为单及双案,除保留几个高击站,其余站按照浏览后台用户标签,用户进个性化荐。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

△ 首页站探索案

设计预研

单站案

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

双站案

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

这么多变量,我们法接评判那案改版效更好,甚至我们也法接断出改版后两套案会比线上案好。此我们接下来进了本项目最要个环节,是效评估,过不预研案来预测改版效,从而为最终设计案做决策。

数据预测

信息流改版预测

首先我们目算法条件下,针对不同置出不同样式的信息流行了数据摸底,具体方式就看信息流三置出不同资讯的概率(因改版首页多漏出3资讯)。并且统出目信息流用户的占比。对比改版方案与线方案时,算8种组合条件下,多漏出的文章的出概率,从算改文章的点击率,终求算出整体首页的转化率变化。终数据同学的帮下,改版后首页的转化率提升可达到9.5%。

信息流曝光规则:单条信息流item曝光超过2/3即为曝光。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

根据数据同学的预测,目改版方案的况下,月提升收益约490w

由于双行与单行改版方案目前信息流增展示空间相差无几,故本次预估数据升经过数据挖掘基本一致。

基改版首页各资内容类型展示组合下,增加资条数曝光得到的首页外露综合点击率提升,由此进行收益提升估。

由于该数值仅代表首页点击增加后的收入提升,未包含后续息流模块中的延伸使用情况带来的收益,故实际提升大于490w。

站改版预测,改版后站位位损失:

当全执行单行方案时,预站点收入每月将下降1000w左右;当全执行行方案时,预站点收入每月将下降200w~250w;

改版后信息流广告曝光户占的升:

上方案目前信息流告曝光用户占比为25.5%,经数据预估——单行方案:比例需要提升至30.28%则以证浏览器整收益的提升;双行方案:比例需要提升至26.97%则以证浏览器整收益的提升。

用户侧数据摸底:

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

2018年1月月活中,主动启动用户为1.3亿;其中,有37.21%的用户在一月有过名站及五大栏目域的使用;首页改版主要会响这部用户。

名站五大栏目用户里,有51%用户站类目丰富度需求较强,除TOP6站,其他类目品存在定使用需求;站案这批用户(用户18%)可能存在较大影响;

1月过信息流模块划入,点击的用户数1亿,占总用户比例76.96%,用户比例远高于导航部分。

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

基于以的数据可以得出:

  • 于首页改版后,保守预估,信息流模块价值提升将过493w,完全可以控制住双案站损失,时带来明显提升。
  • 超过6的活跃用户非站&五栏目用户,接近25%的用户集中于部站点使用以及这部分用户对于首页导航模块无价的群体,首页站点的缩减对于他们无影响的。
  • 在月跃户中,有约18%的户对于点的使相对重,对于点丰富行要求较,首页点位的大幅缩减对于这分户的影响较大,同时会成较大的点商损失。
  • 见大部分活跃用户对首页站点位是无需求的,同时信息流用户占到总用户比例76.96%,用户对信息流模块使用意愿明显高导航模块。

故基于上结论,可得,首页双行点形式进行本次改版调整,相对合适,原因:

  • 站点收入相比单行方案风险小,不会造整体收入幅下降的风险;
  • 双行点方案的信息流收益升预估,远于带来的损失,可保证整体收益的全面升,而单行方案基于目前的数据整体升效果如双行方案。

2.2.0 终方案及线效果

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

信息流用户新闻阅读时涨10.66%,信息流用户占比涨2.29%,人均新闻点击次数涨4.24%,人均信息流使用时涨5.81%。关于商业化营收数据,由于相关保密性,不便透露,但从广告平台那得知,活跃用户的广告点击次数涨16.14%,站人均点击下降9.68%,基本预结果相符,整体浏览器的营收涨的,整体改版符合预。

空间价值模型使用注意事项

1. 屏效比

味追求屏效比不是空价值模型所倡导。空价值模型核心在于用高价值内容填充低价值模块,使品体商业价值和用户价值以提升。

2. 注用户体验

虽然空价值模型是用来指导设计师或品经理做案出,缺乏用户侧体验监测,这要在后续品迭代过程补齐,而不是放任不管。

3. 个性化

品质化越来越严今天,我们追求不再是品表象,而是品真真切切内在,比如资讯类品,它要用户出更精准内容;融类品,它要用户提供更安全和高收益融案等。空价值导品设计不是解决个性化问题,而是为用户挑选更有价值模块,并优先展现。

4. 关注生命期

在不生命期内,我们关注也不样,空价值模型更适合在成长期或成熟期品使用,在此阶段有足够精力和数据去佐证案可性。

写在最后的话

空价值导品设计,最核心地是找到了支撑设计案落地——做预测和演。空使事物具有了变化性,即为空存在,所以事物才可以发生变化。拥抱变化才能赢变化。法不定是用,也不是绝,条条大路罗,找到最合适那条。

欢迎关注作者微信公众:「VMIC UED」

如何用好设计双钻模型?来看 vivo 浏览器的实战案例!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

工具类产品通常使用门槛较高,产品逻辑较复杂,在交互及体验上的要求也会更为苛刻,尤其对于设计工具而言。 我们查找了已有...
四象模型
前言 设计师经常会遇到这样的囧境:思考太肤浅、思考不够体系化、设计无法说服别人,针对这种境况希望从设计模型的角度去帮助...
心理账户
漏斗模型,是一种数据分析方式,是一个线性流程,更是一种普遍适用的方法论,或者说是一种思维方式。 漏斗模型是一个线性流...
漏斗模型
前言 设计师经常会遇到这样的囧境:思考太肤浅、思考不够体系化、设计无法说服别人,针对这种境况希望从设计模型的角度去帮助...
心理账户
今天,我们来聊点不一样的东西。这个东西可能很多朋友没听过,但是对于设计师来说是个非常,非常有用的概念,它就是心智模型...
心智模型
本篇文章介绍设计前的任务,用方法论和项目流程结合,来解释需求是怎么来的 文章目录 发起项目:SWOT分析 项目规划:双...
设计模型
AARRR模型因其掠夺式的增长方式也被称为海盗模型,是Dave McClure 2007提出的,核心就是AARRR漏斗模型,对应客户生命周期帮助...
AARRR 模型
译者简介:贺雪,从软件工程到交互设计,永远感觉世界真奇妙的小设计一枚。文章由彩云协助优化及版式编辑。 在设计领域中,...
DIET