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

有奖互动话题,文末等你概述作者在 #MakeoverMonday 2018 的第 2 周的课题上,制作了一张哑铃图来比较男性与女性在寻找伴侣时所注重的特征排名。他目标是展示不同国家的男性或女性在寻找伴侣时是否都会将某一特征看作重要因素。这样让作者立即想到了哑铃图,但是他的第一份草稿存在一定的问题。Viz 中的颜色太多了,我们很难从中发现趋势。之前作者也曾遇到过这个问题,但是他觉得真正的解决办法应该是,在不减少 Viz 中数据数量的情况下...

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

有奖互动话题,文末等你

概述

作者在 #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 中国官方微信定期为您推送最新行业趋势、热点资讯、精彩活动等信息。立即订阅,官方信息一手掌控,更多精彩,更多新鲜,敬请期待!

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

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

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/36585/

(0)
交互精选交互精选
上一篇 2018-04-19
下一篇 2018-04-20

相关推荐

  • 叶云燕:不懂用户体验,没有互联网思维的代理人,迟早会被淘汰!

    第1937期|编发/保险论坛互联网时代,到处都在谈如何用互联网思维做生意。有人用互联网思维卖奶茶,销售额翻倍;有人用互联网思维开理发店,已获得数千万融资;有人用互联网思维卖衣服,年利润过亿;而当我第一次提出要用互联网思维卖保险时,很多人都感到茫然,认为这不过是赶时髦,蹭热点。保险代理人的新机遇事实上,互联网时代的到来,对保险代理人来说是一个前所未有的机遇,它让代理人的品牌形象更加丰满,展业渠道更加多样化。更重要的是,互联网思维的核心是以...

    2018-04-25
  • Axure基础

    目录(使用微信自带页面搜索功能)第一章 使用元件基础1. 添加元件到画布基础2. 添加元件名称基础3. 设置元件位置/尺寸基础4. 设置元件默认角度基础5. 设置元件颜色与透明基础6. 设置形状或图片圆角基础7. 设置矩形仅显示部分边框基础8. 设置线段/箭头/边框样式基础9. 设置元件文字边距/行距基础10. 设置元件默认隐藏基础11. 设置文本框输入为密码基础12. 设置打开选择文件窗口基础13. 限制文本框输入字符位数基础14. ...

    2018-03-15
  • 创新与用户体验---工业设计的双驱动力

    4月18日上午深圳融一凤巢设计发展有限公司创始人兼深圳市工业设计协会副会长仪永杰在PDC设计廊会场与到场展客商分享并探讨了现今智能硬件和消费电子类领域的设计发展趋势。仪永杰认为在消费升级的市场导向下,供方市场慢慢转化为需方市场,消费者不仅满足于产品的存在,更多的是产品在消费者内心中碰撞出情感。以小米科技为例,现今决定设计生命力延伸的是创新意识,是对工业设计创新的重视程度。从设计服务到产品化和供应链都需要整合创新满足用户对产品日益增长的功...

    2018-04-18
  • UED专访 | 李冀:建筑设计的唯一性与多样性

    📌 编辑 | XK P.S建筑行业之所以能百花竞放是因为有人独树一帜,自成一派有人匠心筑梦,执著务实在各展所长的事务所里李冀的原地工作室像潜生的植物一样有着自己的节奏与坚守静默地成长着……©UED我们常说懂一个作品应是知其然并知其所以然。本次我们专访内容围绕李冀及其原地建筑事务所作品展开,以长白山河谷别墅群等作品为切入点,尽可能多地去探究建筑建造过程的一些原由故事,倾听设计师还原当时的设计思路,了解作品从无到有精细入微的生长。也许你会因...

    2018-02-08
  • 产品经理必修课:那些隐藏在界面里的交互设计

    投稿作者:温晴公众号“爱累加”首发我们在做交互设计的时候,一般都是通过线框图和文字说明进行展示,有时候遇到一些复杂的功能我们还需要配上流程图进行补充说明,详细的全方位的交互设计文档不仅可以让研发人员方便的投入工作而且还可以让测试人员清楚的了解产品功能,方便测试细节。但是有时候我们会遇到一些无法用线框图展示出来的需求,但是又会经常遇到,下面分享给大家一些界面上看不到的交互设计。案例一用户A在使用一款应用程序的时候,突然网络断开了,那么这时...

    2018-05-05
  • UI设计、交互、产品、都应该具有这十种思维模式!!

    注:文章由 集创堂联合创始人CEO纯色老师和设计帮联合出品!这篇文章从十个维度深入挖掘交互设计的思维模式,如果你是UI设计师、初级交互设计师、产品经理、那么这篇文章很值得你学习。笔者在和纯色老师探讨交互设计思维时,老师说“不管你是UI、交互、产品,在团队中都不能是孤立单一的技能,要用联系的观点去看设计,不能分裂来看”。老师说的很对,做UI设计到最后是离不开交互知识支撑的,同样交互、产品也应该具备对设计的审美,这样每一个角色再探讨产品时才...

    2018-01-30
  • 用户的体验属性

    人的记忆、欢乐、痛苦、友情、亲情和叛逆等,是每个人所共有的。这些不同的属性,反映着人们各种不同的体验属性。当下,我们每天都在说“用户体验”、“以人为中心”,但我们仔细想想便不难发现,几乎所有的产品及服务,都是在围绕着用户便利性这一单一属性的,人有那么多的体验属性,而我们却几乎没有去挖掘,何谈是以用户体验为中心呢?服务创新的一个思路,不是在纵向上,提高便利性或使用性等单一维度的体验属性而是如何在横向上,调动和反应出人的其他不同维度的体验属...

    2018-04-26
  • 玩转交互设计,给景观来点生命力!

    景观设计从一开始关注项日的审美性,再到功能性,全社会对于它的要求已经在逐步升高。现代景观设计中,公园、绿地,甚至校园景观、风景名胜区等需要从单纯的生态意义中提升到一个更高的层次。在诸多国内的项日中,虽然将“以自然为题,以人为本”定为设计目标,但是往往停留在服务于人们行为上的舒适性、安全性,而忽略了人性中的更多需求。与此同时,人们每天被层出不穷的新鲜事物所包围,绿色环境对人的吸引力逐渐降低。在现代化工业大发展的背景下,人与人、与其他生物间...

    2018-02-07
  • Axure RP 8.1.0.3372 Mac中文破解版

    今天分享的是Mac下一款快速原型设计工具——Axure RP,有了它可以大大提高你的工作效率。之前有朋友留言需要8.1.0.3372版本。Axure RP 能帮助网站需求设计者,快捷而简便的创建基于网站构架图的带注释页面示 意图、操作流程图、以及交互设计,并可自动生成用于演示的网页文件和规格文件,以提供演示与开发。Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需...

    2018-03-21
  • 交互设计 | 这到底是交互设计还是黑科技?

    Create Your Difference.           by CYD01能看透你的灯光今天创艺典与你分享的交互装置不再是学习你、跟随你的灯光装置了无论你怎么装高冷当面瘫今天的它能把你扒光把你一览无余地看透我觉得你必需服Aura这是Aura,一个视听和互动装置它解读和翻译人类的情感,然后将其转化成发光窗帘光的强度、形状和颜色会随着人情绪的变化而精确地改变这样的绿,或许代表了平静而这位哥们儿的绿,恕我直言,或许是一种失恋的绿这样...

    2018-04-30