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

有奖互动话题,文末等你概述作者在 #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

相关推荐

  • 两个交互设计鸿沟-评估与执行

    译者 / 熊猫小生校对 / 不器作者 /Kathryn Whitenton前言:通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑...

    2018-03-28
  • UED 戊戌狗年第一波招聘已送达!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-02-28
  • 提升用户体验的12大法器—《从点子到产品》读书笔记

    读了刘飞老师的《从点子到产品》书中关于用户体验的讲解,获益颇多。特此整理Mark一下,也分享给需要的童鞋~

    2018-04-26
  • 最新软件安装包目录【18年4月】

    悦台新媒体欢迎关注我们图文美编部关注软件导航电脑办公室内/外设计平面设计机械设计影视动画建筑设计地理信息网页设计屏幕录像编程类电子绘图数据库数据统计理科工具软件目录【电脑办公】电脑系统(U盘安装)PE制作WIN7WIN8WIN10XP电脑系统(直接安装)WIN7WIN8WIN10Officeoffice2003office2007office2010office2013office2016Projectproject2007projec...

    2018-04-09
  • 用户体验促进销售,因为专业,所以放心!

    在激烈的市场竞争中,如何突破胶着的态势,是每一个经销商必须面对的考验,过去的数年我们迎来了婴幼儿纪念产品行业大发展,同时伴随着发展也出现了许多行业的问题,如粗制仿冒产品、过度的市场开发、价格战等,在多年的市场摸索中,我们认为只有坚持品质领先、积聚品牌内涵才能构筑核心竞争能力,才能在激烈的竞争中赢得用户长久的信赖。好的品牌形象与产品如何能让用户充分感知呢?增强用户体验是重要的方法。面临市场上如此多的商家和产品,用户的取舍关键因素在哪里呢?...

    2018-04-18
  • 依靠强大品牌影响力,注重“用户体验”,“3000家企业定制酒计划”对白金酒意味着什么?

    在茅台集团白金酒公司的目标规划里,今年要选择1000家企业进行定制酒合作,未来3~5年要与3000家企业合作,打造“企业定制酒”这一细分市场的“当家品牌”。11月5日上午,华拓金服集团、神州长城股份有限公司、 永新华控股集团等数十家家国内知名企业与茅台集团白金酒公司签署战略合作协议,现场签约总额达近亿元,“定制酒计划”再迈出一步。直接面向企业需求这一细分市场,为企业打造专属的定制产品,满足其商务接待、宴请、礼赠等需求,白金酒公司确立了清...

    2018-02-01
  • 交互设计之架构真经

    建立信息架构是交互设计师主要工作之一,是需求转向交互稿中非常重要的过程。一个架构的好坏决定这这个产品未来的命运,只有具有一个好的信息架构,才会具有一个好的产品体验。以下将从认识——前期工作——如何产出——如何判断,四个步骤来介绍信息架构。一、何为信息架构信息架构设计是对信息进行结构、组织方式以及归类的设计、好让使用者容易使用和理解的一项艺术与科学。这是比较官方的说法,简单通俗的说法就是对信息进行组织和层级分层。当我们一看到购物车这个信息...

    2018-05-01
  • 对话式交互设计流程

    上一篇文章介绍了自然对话的基础概念,学习了谷歌对于人类自然对话的研究和理解。本文将通过一个简单的案例来介绍谷歌推荐的对话式交互设计流程,以及本人对该流程与常规的体验设计流程异同之处的对比分析。设计流程1.选择适合的使用场景对话式交互界面的使用场景通常是简单直观的。当考虑任务场景的时候会想到游戏,因为游戏是低风险的。但是游戏界面的设计必须要能够满足用户的期望,以免使用户感到无聊。猜数字的小游戏可以作为对话式界面设计的一个很好的例子,不要求...

    2018-03-31
  • 2019年交互设计方向考研辅导招生简章

    -----点“蓝 色 字 体”击----------关注我们-------获取最新信息-班型介绍:开设课程:交互设计长期周末VIP班(线下课程)交互设计长期周末VIP班(线上课程)上课时间:2018年3月中旬——2019年1月初(每周周末4课时)课时       :320课时(每课时1小时)招生人数:线下课程10人,线上课程10人(超数不招生)课程安排:一.课程总框架:Part 1▪交互知识学习Part 2▪考研专业课学习Part 3▪...

    2018-03-27
  • 交互设计规范

    交互设计规范+iPhone界面尺寸:320*480、640*960、640*1136iPhone6:4.7英寸(1334×750),iPhone6 Plus:5.5英寸(1920×1080)设计图单位:像素72dpi。在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机来设计,比较方便预览效果,一般用640*960或者640*1136的尺寸来设计,现在iphone6和plus出来后有很多人会使用6的设计效果。如果是我来做的话,我会使用...

    2018-03-21