三个步骤设计高效Dashboard人人都是产品经理

研究国外业内前沿数据产品,了解当前实现数据价值的最新思路和实践。

无论哪一种数据产品,仪表盘(Dashboard)都是最核心的功能。它作为用户接触数据的第一个页面,相当于数据产品的门户,担负着提纲挈领,引导分析的重要职能,帮助用户能够快速判断业务情况,支持他们做出决策并行动。

一个原则即「提纲挈领,引导分析」,在一个页面里明确告诉用户当前业务状况好坏,并支持能够针对某个问题进行下钻分析,从而串联起整个数据平台。由此原则从而可推出以下三个细则:

这就像讲一个用户故事。经过起承转合慢慢铺垫,最终进入正题,告诉用户应该怎么去执行,怎么去优化产品和业务。

以Domo为例,它为每个职位的人单独设一个tab来显示,每一个岗位都有自己预设的Dashboard页面。

同时,它也支持用户对这些报表进行内容的增删改查,以及对整体布局进行调整。

所有设计仪表盘的第一件事情,就是明确自己的用户,然后根据不同的用户群体设计仪表盘,及确定开发的优先级。

划分场景,主要的场景有包括但不局限以下情况:实时监控场景,指定主题分析场景,移动查询场景,周日会汇报场景和大屏显示场景等。

从实时监控场景来讲,Dashboard会被分为实时和历史两种,两种略有差异。实时侧重于监控,历史侧重于了解和分析。这两种没有明显的分界,实时需要历史的信息作为对比,来判断当前的数据是否正常。而历史也需要准实时的信息来更快地了解当前的情况。这两种形态的Dashboard对于数据产品来讲都必不可少。

以下是较好的实时Dashboard设计方案,核心在于细分维度的多维监控,并确定合适的阈值点。

移动场景考虑到屏幕等硬件条件的限制,则侧重于通知和展示,不深入到分析部分。到具体产品设计上,则是通过M页或者APP等方式实现,提供最核心的数据查看和智能挖掘,不做过多的查询功能和复杂的交互。同时,基于现有大部分人通过手机进行沟通,那么页面或数据的分析也变得重要。

同样以Domo为例,它在移动端也有相应的场景划分,支持消息的移动推送和展示:

同时,这几个业务从几个侧面整体衡量了网站的用户数量及质量,既能监测网站访问用户数的情况,同时通过跳出率等指标来分析访问用户的质量,可监测爬虫或及时识别伪造用户。

对于非通用性产品,如企业内部的数据产品,这个环节的关键就落在了确定核心指标头上。结合《精益数据分析》和个人经验,有个简单的方案可供参考:

以下是《精益数据分析》中关于各种商业模式和公司阶段应该思考的问题,和采取的第一性指标,仅供参考:

(1)注意行业常识

(2)选择合适形式

(3)避免统计陷阱

(4)塑造指标易用性

至于「精准,精确反映业务情况」,精准讲的是指标要设计合理,精确讲的是一定要保证数据准确性。一个老板天天看的页面,数据出错了能发现还好,如果依赖错误的数据作出了决策,后果你能想象…

分析无非「对比,细分,溯源」,从这个角度讲,仪表盘的设计需要让用户能够在「提纲挈领」之余,也要能提供给用户分析思路。当发现数据异常时,能够沿着思路自主得到答案,或者分析方向。

没有对比就没有分析,从各种指标的对比中才能看出指标的偏离。对比可分为三大维度:

Qlik作为一个老牌的可视化厂商,它旗下的产品QlikView将对比的概念发挥的淋漓尽致,基本涉及了以上各种对比类别。

这里顺便提下对于红绿色含义的认知差别。有些国内的数据产品会以为在中国股市中,红涨绿跌,并且在中国传统文化中红色代表喜庆,所以在数据产品中红色应该也代表数据变好。其实数据可视化的原则是,高效地向用户传递数据信息。而用户天然对红色的内容会比较敏感,红色应该用来传递更重要的信息。数据下跌比数据上涨要重要得多,因此数据产品在指标的显示上,应该仍遵循红坏绿好的原则。

细分是对核心指标进行多维度的划分,分为单维度细分,多维度细分,流程细分及TonN细分等等。

TopN细分则是注重看中某个维度下占比前列的维度值的变化,来直接反映某些指标值的变化。

其实,溯源作为一个对于数据异变根本原因的追查过程,很难融合在以简洁为原则的Dashboard中,不过Amplitude通过隐藏选项并且通过和内在其他功能的融合,很好地解决了这个问题。

事实上,对比,细分和溯源不是严格区分出来的三个流程,而是互相融合在一起的。在不断地在异常的维度上进行对比和细分时,才能得到可以付诸行动的结果。

在设计仪表盘时,要反复地问自己“SoWhat”。从设定用户场景,到确定指标和优先级,再经历对比细分溯源三个分析流程,最后要做的,就提供给用户决策和行动的建议和方向。

这里有点个人的技巧:先假定几个异常的场景,然后通过设计出来的仪表盘,演练拆解场景中出现的问题。如果能够在若干个场景中都顺利走通,那就证明你整个设计能够支持用户做出决策和行动,已经马克森斯了。

再往上一层,就是能够直接给出业务建议的层次了。这个一方面需要对业务的极度熟悉,另一方面可能还需要数据挖掘和机器学习的内容。举个GoogleAnalytics的移动版为例,在这个版本的Dashboard里,已经有这种智能化的提醒了。

刚开始做Dashboard设计时,不要一上来就画原型图,而是先划分用户和场景,然后用思维脑图确认核心指标和衍生维度。再根据思维脑图画出草图,演练几遍在3.4提到的「用户故事」。在整个流程都走顺之后,再开始仪表盘的设计。

在设计细节上,不要刻意追求炫酷的效果,而是注重设计的内在逻辑和传递消息的有效性。有一些设计原则可以参考:

在功能设计上

在可视化设计上

汇总以上提到的各种类型的Dashboard,可供参考的设计框架有以下两种,均可从本文中提到的各个大厂设计的WebDashboard的样式作为佐证。

(1)总分式,先展示核心指标,再对核心指标进行拆分

在实际操作过程中,因为指标往往比较多,通常会通过加上指标筛选框或者Tab的方式来进行区分。

在实际使用过程中,模块间可以任意组合。如GA和Ptengine就是上趋势下数字搭配若干个细分维度,而Webtrends则是上数字下趋势再搭配细分维度,Mixpanel和Amplitude则干脆就是趋势+细分维度。

(2)分散式,常见于Customize类型的数据产品,形式是若干个报表集中在一个页面展示。

这是因为此类产品一般没有等级明确的金字塔结构来承接分析思路。此类形式胜在自由,但缺陷在于信息量太大,让用户一下子不知道该关系哪个指标。所以建议此类产品必须可以定制每个单图的大小,从而起到「少胜于多,分清主次」的作用。

为了追求视觉效果,在大屏展示场景下,也会经常采取这种布局方式,比如天猫的双十一大屏和一些公司内部的大电视上。

在《InformationDashboardDesign》一书中,作者给出了他眼中最完美的Dashboard设计范例,堪称简洁典范:

在实际设计过程中,以上几个方法可能会互相冲突,比如Amplitude产品中,我们说尽量减少Tab切换,可它就在页面中提供了若干个切换的入口。这时候就得在业务需求,产品简洁和信息量上做好取舍。

设计完成和产品上线后,都必须持续听取用户的意见,对指标和交互进行修正。随着企业阶段的演变,Dashboard也会处在不断变化当中。

我们先用GoogleAnalytics和Looker来举例说明这两者的差别。

GoogleAnalytics中根据分析主题划分出受众群体,流量获取,行为,转化四个子菜单,每个菜单会再按照菜单层次依次往下拆分,就像一层层金字塔一样。

另外一面,在Looker中,会采取这种分散的图表的组织方式,每个图表都可以再次编辑。整个分析页面,不再是简单的图和表的堆砌,而是变成了一个画布。用户可以在这个画布上放置他们任意想要的内容。

这两种方式各有利弊。

ReportDashboard适用于整个市场的数据利用意识处于早期阶段,分析思路匮乏,对指标的需求比较单一,只能由设计者提供一个抽象普适的分析思路,供用户日常使用。

不过,CustomizeDashboard会面临几个问题:1,对底层数据的规范要求较高;2,对使用者要求较高,这需要用户有十分明确的分析思路及定义指标的概念。为了解决这个问题,很多产品便提出了两者相融合的方式:在CustomizeDashboard的基础上,提供一些默认的报表,方便用户使用。允许用户修改,从而具备更大的自由性,适用于跨业务跨部门的情况。同时带来的问题就是分析思路不明确,可能没有重点和框架,用户在分析使用的过程中容易困惑。这种情况下,预定义的多主题的Dashboard和分析思路就显得非常重要,否则整个产品的上手难度会比较高。

在Kilometer.io的设计中,它会给用户预设几个常见的模板,同时允许用户对模板进行自定义的编辑。这是很多TOB数据产品都具备的功能,而kilometer.io比其他产品更进一步的做法时,在自主添加报表时,它同样提供了默认的指标和形式供你选择,避免了用户在自定义报表时无所适从的问题。

说起来,这有点像降维打击,后者只要有完善的底层数据和交互规范,片刻就可完成多种类型的Report的设计。这已经不是一个层次的战争。

当数据仓库基础已经完善或业务需求非常多样化的时候,就可以开始考虑这种架构了。

在数据产品之外,在管理后台产品,用户端产品,也有这种集中展示数据,帮助用户快速了解情况的场景,大多数集中在运动类产品,理财类产品和工具型产品上。类型虽然不同,理念大同小异。大家可以借此验证文中理念,拓宽思路。

THE END
1.AI如何重塑营销?来看看这十大趋势洞察趋势现场在技术平权阶段,做文案的同事也有可能懂美术做出比设计师更精彩的设计,做设计的同事也有机会创作文案甚至比专业策划写的还好。 嘉利智联副总裁邓建祺指出,AIGC技术是继手机拍照之后的第二次大变革,它将带来技术平权、创意平权和用户体验平权。技术平权意味着通过大模型和行业适配,降低技术成本,使营销更加普及。创意平权https://www.thepaper.cn/newsDetail_forward_27796033
2.做「实」AI创意营销,这个新范式是你需要知道的在这一场景下,品牌既与用户完成了高效沟通,同时也创造了自身的独特语境转化,将产品语言变成了可以被用户体验的趣味互动测试。这样,品牌便可依靠这一层赋能,切入到目标群体的心智之中。 “AI+消费者角色+创意+场景”的AI创意营销新范式不仅使营销链路更加清晰可见,并且借由这条链路,品牌能够为自己制造一个与年轻人在https://www.zgswcn.com/news.html?aid=232432
3.深入解析交互设计:构建用户与产品之间的桥梁用户画像是对目标用户的描述,包括其背景、需求和行为模式。场景分析是对用户在特定使用场景下的需求和行为的描述。通过创建用户画像和场景分析,交互设计师可以更深入地了解用户需求和行为模式,为后续的设计工作提供有力支持。 信息架构设计 信息架构设计是组织和结构化信息的过程。交互设计师需要根据用户需求和场景分析的https://www.pbids.com/aboutUs/pbidsNews/1861306349968789504
4.预见未来:AI营销大模型的明日展望AI大模型已经成为人们关注的一大焦点,营销行业一些机构开始通过模型帮助内部员工和客户提高生产效率、优化用户体验和辅助决策等,从而寻求实现降本增效。那么对于AI营销大模型来说,未来有哪些发展趋势? 落地垂直行业和场景 大模型在不断深入到特定行业和应用场景。金融、汽车和快消等不同行业都有着各自的特殊需求和行业特点https://www.cnr.cn/yggg/hyzx/20240704/t20240704_526777619.shtml
5.以SOP为匙,开启用户培育之门长期目标通常涉及企业的愿景和使命,决定了企业在市场中的定位和发展方向。例如,一家以提供高品质环保产品为使命的企业,其长期目标可能是成为全球领先的环保产品供应商。在这种情况下,用户培育的重点将放在吸引那些对环保有强烈意识和需求的用户群体,并通过持续的教育和沟通,提高他们对企业品牌的认知度和忠诚度。https://www.myzaker.com/article/66d281788e9f091f80331fcb
6.微学术期刊(精选十篇)在这种公共空间内可以分享文章、图片、音乐、视频、链接等, 群内任何一个成员都可以转发文章、图片、音乐、视频、链接, 这使得信息以一传十、十传百的病毒方式广泛地即时传播。据统计, 微信用户看到认为有传播价值的文章, 61%会选择转发到朋友圈, 39%转发给好友。这种传播方式不但使得群体间的交流更具有黏性, https://www.360wenmi.com/f/cnkeyr1l64fb.html
7.桔子柚子软件的用户活跃度统计?通过对桔子柚子软件的用户活跃度进行统计和分析,我们发现整体活跃度较高,但不同用户群体活跃度存在差异,且存在一定的季节性变化。产品质量和服务水平、营销策略和活动、用户体验和界面设计等因素对用户活跃度具有重要影响。为了提高用户的活跃度和忠诚度,建议桔子柚子软件不断优化产品和服务质量,加强营销策略和活动的设计https://www.sousou.com/wd/706399.html
8.竞品分析:XMindvsMindMaster2、用户群体分析 3、产品设计分析 4、运营策略分析 5、总结 一、市场与产品介绍 1.1 市场 自上世纪九十年代思维导图传入中国内地以来,很多基于这一概念的产品如雨后春笋冒出,有专注思维导图的XMind、百度脑图、MindMaster,有主打综合绘图(涵盖思维导图)的Processon、Edraw、迅捷画图,还有石墨文档、墨刀、印象笔记等https://www.niaogebiji.com/article-30495-1.html
9.交互设计和用户体验的关系是什么?很多刚入门的小伙伴可能都没有一个明确的界限。其实,这两者之间最大的不同就是涵盖内容的广泛程度,用户体验相对来说内容广泛很多,可以适用于各个行业各个方面,而交互设计师则是专攻界面的布局,后来还加入了动效方面的设计。接下来,本文将为大家具体介绍这两者之间的关系。https://js.design/special/article/interactive-design-and-user-experience.html
10.用户体验五要素2.米家提供智能家电的智能控制及商品的销售,在联动自家的设备的同时也开放了对接其他平台设备的入口打造高性价比的亲民产品 3.在c端小米拥有海量的用户,依托生态链体系打造高性价比、高科技的产品,共同为用户打造有品质的生活 4.目前的用户群体主要集中在20-30一个年龄阶段,喜欢追求品质生活的男性占比更多一些。https://www.douban.com/note/821459533/
11.腾讯万字干货!20202021设计趋势报告:用户体验篇优设网身为用户体验设计师,无时无刻不被世界上的新事物冲刷着认知——互联网红利下降带来变化莫测的商业动向、循着摩尔定律野蛮生长日新月异的新技术、各类亚文化群体催生出多元复杂的圈层文化、脑洞口味越来越独特的年轻人,甚至眼下席卷全球的黑天鹅事件 任何一https://www.uisdc.com/ux-design-trend
12.刘奕,夏杰长:平台经济助力畅通服务消费内循环:作用机理与政策设计一些新兴年轻群体不再为彰显身份地位而消费,而更追求便利、精神寄托、悦己、生活方式和自我提升,愿意为高品质和高溢价付费。数据表明,“95后”已经跃升为淘宝第一大用户群体,而价格已非“Z世代”消费的主要关注点,创意、设计、艺术性和技术创新才是打动消费者的关键。2020年“618电商活动月”的数据显示,2020年国际http://naes.cssn.cn/cj_zwz/cg/lw/202112/t20211210_5380937.shtml
13.听老罗的「相声」之前,再看一遍锤子历年经典广告哪一个用户群体被我们遗忘了? 为什么无论是十万元的汽车还是五百万元的豪车 自带的车载导航系统都难用得令人发指? 在已然是极简主义风格的金奖作品基础上 一口气再做三个减法 会得到一个怎样的惊艳效果? 那些自称 “等我们有钱了也会试一些不一样的东西”的企业 https://www.digitaling.com/articles/25162.html
14.用户体验五要素是什么常见问题用户体验(User Experience,简称UE/UX)是用户在使用产品过程中建立起来的一种纯主观感受。但是对于一个界定明确的用户群体来讲,其用户体验的共性是能够经由良好设计实验来认识到。计算机技术和互联网的发展,使技术创新形态正在发生转变,以用户为中心、以人为本越来越得到重视,用户体验也因此被称做创新2.0模式的精髓。 https://m.php.cn/faq/495380.html
15.互联网股价暴跌,App们如何“造血”自救?针对不同变现策略的用户群体,采用不同的运营方案,提升变现效率。 针对采用服务变现的用户群体,可以进行更多的付费服务推荐,以及开展付费服务的促销活动,提升用户的付费转化率。针对采用流量广告变现的用户群体,可以提高广告展示频次和,以及采用更高点击率的广告样式。 https://36kr.com/p/dp1658610663831689
16.中共开封市委开封市人民政府关于印发《开封市优化营商环境“1+10(二)大力开展就业重点群体职业技能培训和创业培训 实施农民工“春潮行动”“求学圆梦行动”,组织有劳动能力和培训需求的农村劳动者,开展转移就业技能培训,年完成针对微小企业,压减燃气报装办理环节,实现多项业务“最多跑一次”,在燃气安装费用方面根据企业规模、重点项目、是否属于调峰用户等情况采取优惠措施,取消设计http://www.kaifeng.gov.cn/kfsrmzfwz/yshjs/pc/content/content_1737108536051408896.html
17.2022U设计周新板块:Uwin设计产业加速器正式启动!我们在不断地积累知识产权、关键零部件、算法、用户群的四级壁垒。从设计的角度,我们会考虑的三个点:让创造更简单、有趣比有意义更重要、模块化产品的个体与群体性。clicbot会由这些单独模块拼接出千变万化的构型,所有的模块是一个独立完整产品的同时也需要在群体中找到其应有的定位。“https://www.hntv.tv/rhh-2712741888/article/1/1561657840590729217