赞助商
立即赞助

用微信的实战案例,帮你学会用数据做设计!

交互设计3年前 (2021)发布 流光
1.7K 0 0

「熊熊之父」水野学认为他没有办法理把设计和业分开的做法,因为设计归根结底是为业服务的。笔者认为,设计当以是一场主观面灵感的宣泄,为时代的相被收藏在博物中;但在艺术以外的世界,设计是需要结合各方面的业目标去决问题的。

设师运用自己的象力推移到外部世界,出富创造力的设;同时也通过观察力去触达屏幕外的世界,构他们身处的场景,吸收外部的信息。数据虽然不左右设的唯一指标,但其作接触外界的一重途径,可以帮我们了解那些看起遥不可及、神秘莫测的用户。

用户是谁?是如何使用产品的?在深不见底的屏幕另一侧,是否有按照预想计的那用着的功能?基于的使用行为,的计可以如何优化?这些问题,在细细品味过数据之后,或许都能够得解答。

设计师为什么需要懂数据?

在互网产品中,数据来对用户行为的统计,计通过数据了解用户,可为计提案提供辅助参考。

目前越来越多的公司倡设计师在项目更早期的阶参与到产整体流程中。作为产体验设计师,应该尝试从产需要解决的问题源头发,利数据解户行为,从而更好地进行设计案。

1. 设计前,接我们的户,设计师的观察。

数据是对户行为的量,数字的背后是真真实实的户。若是对已有方案的优设计,可从现有户的行为数据中,了解户是如何使我们的产的,发掘他们的迷惑或需求,在表现佳的数据中到户的困惑之处,发掘设计机会点;若是一个全的项目,可从类似项目的数据获取灵感或亲自针对目标户进行定性调研,在与真实户的接触交流中获得设计的方向。

2. 设计中,辅助方案决策。

解决当问题的答案远止一种,而哪种解决方案更符合当户需求则需要设计师来做择。当然,设计师是神,预测到哪一个方案百分百可行,但数据则够给予我们一定的决策支撑的气。甚至在万分难抉择的时刻,可通过 ABtest 来对设计方案的效果。

3. 设计后,验证方案效果。

进行设计方案的优后,可观察数据较于之前是否有升,是否达到设计目标。若仍有表现佳的地方,研读数据有哪些地方可进一步展开优,进而推一轮设计方案的优,进入一个良性循环。

需要观测哪些数据指标?

数据分为两种类,定量数据和定性数据。

1. 定量数据(Quantitative data)

告诉你已经发生的事情的数据。定量研究是依据统计数据,建立数模并数模计算分析对象的各项指标及数值的一种方法。见的定量数据如数值、指标数据,而我们在互联产中接触到大量的定量数据。

2. 定性数据(Qualitative data)

于解释事情性质的字表述数据。定性分析要凭借分析者的直觉和经验来探究对象的性质、特点和变规律。经过访谈、观察得到,通过人工处归纳的数据属于定性数据。

定量数据而言,笔者在设计常用观测指标有以下几,仍可以根据自身业务场景,立其它参考指标。

流量指标

流量指标是用于衡量页效要指标,常可被分为 PV(Page View,页访问量,生访问则计数) 和 UV(Unique Visitor,独立访客,即使生多击或访问为,也被计算为个用户)。流量指标是衡量品是否具有活力要指标,而比功能流量指标可以帮助我们了解用户需求强弱,从而判断出功能优先级。

质量指标

质量指标根据业务场景划分会有所不,在搜索场景,我们使用首位(用户在搜索结内生首击结位)来评价搜索质量好坏,首位越靠前则说明用户越早地找到需要内容,搜索体验越好。

但若换做其它业务场,质量指标将随之生变化。在内容消费场中,平均停留时长(用户访问某一页面时的浏览时长)将被用衡量内容对用户是否具有吸引力。但平均停留时长放在快捷任务场中,则转变为负向指标,用户的停留时长越长反而说明用户越困惑。

转化指标

转化率是指用户进行相应目标行动的访问次数与总访问次数的比率。其中,CTR(Click-Through-Rate,曝光点击率,某一内容被点击和被曝光的次数之比)、购买率等指标属转化指标的一种。

元素的转化指标可以反映出某一元素对于用户的吸引程度;流程的转化指标则可以明流程否合理,若望用户完注册行,总体访问后完注册行的比例较低则明流程设还待提高,流失高的环节设可作重点优化的对象。

如何使用数据辅助设计?—— 以表情搜表情优化为例

利用数据设的过程可被拆分以下几环节,试方案之去浏览已线的数据,或许设时会别样的思。

着从数据中找这个问题的答案:

  • 我所设的用户谁?他们的已行怎样的?
  • 计目标是什?
  • 如何做改变才达到这个设计目标?

在以表情搜表情优化的这个项目中,就运用了数据作为计方案的优化参考。

表情搜表情是在搜一搜搜索表情时,利户已有的表情,通过表情的本或图片相性,到更多相的表情容,解决户获取更多表情的需求。它在修改前的初期版本的流程如。

用微信的实战案例,帮你学会用数据做设计!

1. 设计前

既然是优化项目,那就味着在做计的候拥有前方案的数据积累和表现,能够比较确地了解目前的用户行为,这其实会给计的优化提供一些突破,避免一筹莫展。

通过观察原方案的数据表现,会发现户的几个行为值得在设计时需要特别注:

用微信的实战案例,帮你学会用数据做设计!

分之一的户在搜索表情时,点击了表情搜表情的入口;但最终的整体搜索流量上看来,表情搜表情仅占十分之一。

数据翻译:用户以表情搜表情完成率低,在表情选择板用户流失率高。

尝试读一下个数据,在搜索表情时,三分之一的用户看到有一个看来挺显眼的按钮,尝试去点击,但部分用户大约 60% 以上没有完成搜索行为而直接离开,以猜测用户看到弹来的表情面板不所措,不明确下一步的操,就直接离开,因此没有产生续的搜索量。

用户次切换表情搜索

若用户一旦产生一次搜索行为,掌握个功能的使用方法,就在一次搜索中次切换表情进行搜索。份数据也要求我们将个功能的表意更加准确的传达给更的用户,帮助决他们的需求。

根据以数据观察,可以发 “以表搜表” 的已用户两种较显著的行:

  • 新用户:不懂功能是什么,也不懂怎么用。
  • 老用户:了解使用方法,一次搜索中多次切换表。

因此针对两部分人群,分别设定以下设计目标,证各种用户行为有被考虑在内:

  • 新用户:提高功能传表意,增加用户操作指示。
  • 老用户:提高表情的切换效率。
2. 设计中

新用户:提高功能传达表,增教育指示

针对新用户的教育优化,首先在功能表上提高确性。

用微信的实战案例,帮你学会用数据做设计!

提高表意的明确性

原本的添加按钮看起似乎传表的意思,概念较抽象,以表搜表的关联性较弱。因此图形转化以一表碰撞出一新的表的表意,直观体出“以表搜表”的语意。

明确文案表述,增加操作指示。

文案表述,由原的“以表搜表”修改加具体详尽介绍功能:“轻触选择表,搜索相关表”,包含针对用户的操作指示,同时给予用户加明确的操作预。

在弹起的表情选择框上也增加了引导的指示,避免用户的不知所措。

用微信的实战案例,帮你学会用数据做设计!

老用户:提高切换效率,便捷操作

用微信的实战案例,帮你学会用数据做设计!

提高切换效率。针对老用户,由数据以得到用户在里切换频率高的结论,而原先的下滑式列表使得用户每次需要回到顶部进行下一个表情的切换。为提高用户的使用效率,我们把切换面板固定在页面顶部,方便一部分高频使用用户随时进行表情的切换,不管滑到远能随时下一次搜索。

降低面板高度,避免遮挡内容。

同时为不影响整表情浏览,在下滑时适当降低面板高度,将更的页面空间留给用户的主消费内容。

3. 上线后

优化版上,经三个月的观察时间,现用户以表情搜索的转化率前方案提升 51%,说明经改版优化,新用户对个新功能的定位有进一步;切换表情的次数比之前更是有成倍的提升,切换表情面板点击次数提升 80%,新方案也提高用户的切换效率,达到我们的优化目标。

数据和直觉

以上是用数据指导设计的例子一则,但数据对设计更时是到辅助而不是决定用,正的决定权仍在设计师手上。正 Facebook 的产品设计总监也样谈到数据的用:

Data and A/B test are valuable allies, and they help us understand and grow and optimize, but they’re not a replacement for clear-headed, strong decision-making. Don’t become dependent on their allure. Sometimes, a little instinct goes a long way.

数据 A/B 测试价的盟友,它们可以帮我们理解,发展优化,但它们并不能替脑清晰,强的决策。不依赖它们的魅力。时候,用一点直觉可能会走的远。

设直觉、理性同理的平衡。数据作设方法中的一种具,不全部。笔者认 A/B 测试并不一切问题的答案,无休止的 A/B 测试会让设师失去对设本身的操控力,很多时候偶然的变化不应该扰我们的直觉。认识到数据驱动的短板能力,它只能作观测的手段不决性的因素,设师应该避免被数据淹。

相的直觉,再借以部数据的辅助,让计发挥出更大的能量吧。

注作者微信公众号:「We-Design」

用微信的实战案例,帮你学会用数据做设计!

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

相关文章

本文将围绕运营活动讲讲,如何通过数据分析判断一场运营活动好坏,以及通过数据洞见活动的问题和机会点,为下一次活动提供避...
数据分析
微信作为用户体量最大的产品之一,官方出品的数据报告无疑能直接展现国人的兴趣喜好。设计师们想更贴近用户,这份报告绝对值...
微信
我们在分析产品设计的时候,会去思考这些产品为什么这么设计?微信作为国内头号产品,经常会被当作分析的对象。那微信为什么...
产品设计
如果你公司的产品数据反映出用户下单完成率很低、如果你公司年度目标是提升销售额、如果用户反映下单流程太复杂,…作为产品、...
Keep
设计师就是只会设计版面会画图的吗?答案是否定的,现在的设计师需要懂点数据,那么为什么还要看数据?从京东云年终采购季项...
产品设计
58UXD:在运营活动中,往往用数据说话,那么作为视觉设计师,应该如何利用数据分析,来体现设计在活动中的价值,从而进一步让...
58UXD
微信新版本更新,接踵而来的是各种针对微信大改版的评议,在大致体验了一下新版微信之后,我从视觉和核心场景的体验角度说一...
产品分析
「本文授权转载自小程序报道第一媒体知晓程序(微信号 zxcx0101)。关注「知晓程序」,让你更知小程序。」 12月30日,微信7....
微信7.0