交互学堂
专注分享专业知识

如何减少哑铃图中的颜色,提高用户体验?

如何减少哑铃图中的颜色,提高用户体验?

有奖互动话题,文末等你

概述

作者在 #MakeoverMonday 2018 的第 2 周的课题上,制作了一张哑铃图来比较男性与女性在寻找伴侣时所注重的特征排名。他目标是展示不同国家的男性或女性在寻找伴侣时是否都会将某一特征看作重要因素。

这样让作者立即想到了哑铃图,但是他的第一份草稿存在一定的问题。Viz 中的颜色太多了,我们很难从中发现趋势。之前作者也曾遇到过这个问题,但是他觉得真正的解决办法应该是,在不减少 Viz 中数据数量的情况下减少颜色的数量。

如何减少哑铃图中的颜色,提高用户体验?

作者最终解决了这个问题,在这里罗列了他的思考方式和解决办法,期待大家在话题中留言反馈,您是如何用不同的方式解决这个问题的。

定义问题:太多的颜色意味着什么?

在哑铃图中比较给定维度的两个或多个值时。每个值都用点表示,并用水平线连接。在 Tableau 中,维度位于行上,度量位于列上。在典型的使用情况中,每个值都会被分配一个唯一的颜色。请看下图。

如何减少哑铃图中的颜色,提高用户体验?

这张视图很容易理解;但是对于我第 2 周的 Viz 来说,我加入了第二个维度,并将其放置在列架上。这本质上是制作了如上图所示的六个图表,并且在同一视图中并排排列。


如何减少哑铃图中的颜色,提高用户体验?


在这种情况下,我觉得每条线上有两种颜色让人觉得太杂乱了。我以前会通过减少数据量来解决这个问题。例如,我可能只会围绕一个特征构建故事,或者为用户制作筛选器,以便一次只选择一个特征。.

虽然过去的这些解决方案对我来说很有帮助,但我认为在这种情况下的故事需要在一个视图中显示所有数据。此外,我觉得已经到了解决这个问题的时候。

确定理想结果: 更少的颜色是什么样的?

在这个 Viz 中,每个问题(特征)和国籍都有两个点:女性和男性各一个。当看到这份 Viz 时,我们自然而然会提出这样的问题:“在各个国家中,是男性还是女性对某一特征更为看重?”

为了降低回答这个问题的难度,我的目标是只显示是每行中数值更大的性别的颜色。“其他” 性别将是灰色的,每行只留下一种颜色。现在您可以一眼发现趋势和异常情况。例如,只有在两个国家中,男性比女性在寻找伴侣时将品格看得更为重要。


如何减少哑铃图中的颜色,提高用户体验?

我的解决方案:使用 LODs 解决

我创建了一个计算字段,Color by Max,以测试每个值是否等于每对女性和男性中百分比的最大值。如果为TRUE,则返回性别;当 FALSE 时,返回字符串 ‘GREY’ 。Color by Max 可拉到颜色上。


如何减少哑铃图中的颜色,提高用户体验?

最后,我意识到类似的解决方案还可以用于大小。如果想让第二个灰点变得更有帮助,那么需要将它变得更小。为此,请在大小上放置以下计算字段并相应地编辑尺寸设置。

如何减少哑铃图中的颜色,提高用户体验?

下图就是我制作的仪表板,您可以通过下方链接查看并下载仪表板。

如何减少哑铃图中的颜色,提高用户体验?

复制下方链接至浏览器可查看仪表板:

https://public.tableau.com/profile/paul.mchale#!/vizhome/WhatdoMenWomenlookforinaromanticpartner/WhatdoMenWomenlookforinaromanticpartner


今天的教程就到这里吧!希望对你有帮助哦~勤加练习,探索更多的解决办法,彰显你的数据天赋!小伙伴们,加油吧!

今日话题

文章中提到的颜色太多,趋势不明显的问题

还有什么方法解决?

直接在评论区留言即可

点赞最高的三名用户将获得精美礼品一份


【上期话题获奖名单】


上期话题是

你喜欢什么口味的牛奶?

恭喜以下获奖的小伙伴

请在后台留下您的快递地址

我们将为您邮寄 Tableau 专属笔记本一个


如何减少哑铃图中的颜色,提高用户体验?

如何减少哑铃图中的颜色,提高用户体验?

如何减少哑铃图中的颜色,提高用户体验?


干货分享

长按识别下图二维码,轻松下载 Tableau 学习资料!

如何减少哑铃图中的颜色,提高用户体验?

精彩博客文章推荐

用 Tableau 10 准备数据 让你的调查数据“ 井井有条 ”

【纯干货】如何在 Tableau 中建立马赛克图表

【好看又实用】轻松两步学会 Viz 哑铃图!

【 IT 人必读 】一场由 IT 和 Tableau 领导的分析革命

【Tableau 故事】Joe,一个 8 岁的 Tableau Viz 天才

【玩转 Tableau 10 】新增地图数据使地图功能更为强大

【玩转 Tableau 10 】高级地理分析—建立自定义区域

【玩转 Tableau 10】T全新条形图,让您的作品魅力倍增

【Tableau 故事】在成为 Tableau Zen Master 的道路上,我学到了什么

 Tableau 中国官方微信定期为您推送最新行业趋势、热点资讯、精彩活动等信息。立即订阅,官方信息一手掌控,更多精彩,更多新鲜,敬请期待!

如何减少哑铃图中的颜色,提高用户体验?

分享:
点击右上角“分享文章到朋友圈”
点击右上角“发送给好友

赞(0) 打赏
未经允许不得转载:IAMUE » 如何减少哑铃图中的颜色,提高用户体验?

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏