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

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

相关推荐

  • 对话式交互设计流程

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

    2018-03-31
  • 搜狗词典用户体验更给力 可原汁原味学英语

    日前,搜狗词典APP迎来重要升级,接入上百部与查询词相关的优质英美影视剧内容,并将“国际报道”内容板块升级为“双语报道”,进一步丰富了英语单词的学习语境,提升了用户的查词、记词体验,帮助用户原汁原味学英语。接入海量英美影视剧内容,新增“原声影视”内容板块及“视频单词卡片”功能,是搜狗词典APP此次升级中值得称道的一大亮点,这使得搜狗词典APP突破了原有的文字、图片、音频等内容形式,方便用户通过丰富的影视剧短片,用更具趣味的方式了解学习英...

    2018-03-12
  • 全面掌握算法交互设计,你的设计你做主

    在OF COURSE学习最纯粹的创意编程Processing生成艺术进阶课程全面掌握算法交互设计12周成为顶尖设计师👇△课程介绍《Processing&OF算法交互线上课程》你将要学习的第一部分:培养算法创造能力,学习运用高级算法模拟真实环境中的自然变化。第二部分:理解并掌握算法交互的原理。第三部分:培养软硬件结合能力,学习使用手部识别设备Leap motion、体感识别摄像头Kinect和算法的交互。第四部分:运用openCV计算机图...

    2018-04-08
  • 不好意思,简历有了它,你就领跑于820万毕业生

    又临近一年毕业季找工作成为了应届生们的头等大事但今年的就业形势依旧不容乐观来自教育部的数据2018年全国高校毕业生预计上升至820万人再创近10年毕业生人数新高▲教育部官网截图▲中商产业研究院数据显示:2010-2017年的毕业生人数按照2%-5%的同比增长率逐年增长,近7年间累计毕业生人数达到5706万人。年年都是“史上zui难就业季”并且每年的毕业生人数始终呈增长态势800多万的应届毕业生让“你竟是一个大学生”变成“你只是一个大学生...

    2018-03-27
  • 美国交互设计综合类&艺术类院校申请侧重点有哪些?

    回复【交互】,获得专业老师一对一专业指导随着现今数字智能等高科技的发展,交互设计成为近些年众多艺术留学生的热门首选专业。但热门并不代表很多同学都对交互设计有所了解,比如,根据向汉艺咨询的学生情况分析,90% 的同学都分不清什么是到底什么是交互,只是很表面的认为交互就是各种“APP”、“UI设计”或者VR/AR。实际上,即使国外最顶级的院校,你也找不到一所专门设立“APP”的专业,“UI设计”严格上来说只能算是“平面设计”,而设立VR/A...

    2018-04-18
  • 2018年交互设计趋势

    想必你还在对昨天HJUX视觉伙伴们给出的视觉设计趋势啧啧称赞,那么赞别停!今天团队的交互伙伴们将带来2018年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的“交互趋势年夜饭”,只愿给力求打造极致用户体验的你以启发和帮助。干货阅读时间预计5分钟设计是围绕人解决问题,因此对2018年交互趋势的预测,我们将目光聚焦在细腻的情感体验打磨、达成目标的交互介质、解决问题的效率、发生交互行为的场景这几个方面,探究出了以下6大趋势:全感官...

    2018-02-02
  • 生鲜电商优化用户体验 “钱景”可观

    追求美食的消费者,味蕾已探寻至万里之外。智利进口车厘子、厄瓜多尔白虾、波士顿大龙虾……指尖轻轻一点,尽享全球美味。伴随着餐桌上的消费升级,人们愈加关注品质和健康。生鲜消费进入品质时代,快速发展的生鲜电商,正好满足了人们的需求。艾瑞咨询数据显示,我国生鲜电商市场平均每年保持50%以上的增长率。面对广阔的市场需求,我省近年来涌现出景徽菜篮子、菜递、购食汇、满篮鲜等众多各具特色的生鲜电商。在线上线下零售融合的趋势下,生鲜电商现状如何?未来如何...

    2018-03-16
  • 关注用户体验的酒店设计永不过时

    目前110000+人已加入品筑设计位于德国巴登-巴登(Baden-Baden)的Roomers酒店,建筑的外观采用简洁的黑白灰格调,错落有致的立面构成,干净利落。建筑的外观采用简洁的黑白灰格调,干净利落、错落有致的立面构成。酒店共设有130间客房及套房,另外还有餐厅与酒吧、屋顶酒吧、500m²的水疗中心、户外花园、无边泳池等等。在精品酒店的设计中,越来越关注客人的亲身体验感,其中有几个重要的关键点:家的温馨感、艺术馆般的艺术气息、现代极...

    2018-04-10
  • Axure基础

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

    2018-03-15
  • 交互设计攻略之“竞品分析”上

    前言:无论一个产品是从0到1,还是从1到2,我们需要对自身产品有一个清晰的认知与定位,最快的方式就是竞品调研。知己知彼,取长补短。(这里针对自家产品做的一个竞品调研分享,请勿商用。)首先,我们要确定竞品调研的目的是什么?很简单:为了选取同类型产品功能,可供学习与借鉴的地方,从而对本产品平台进行迭代优化。运用金字塔原理自上而下的方法解决“竞品分析的目的”是找出【同类竞品学习与借鉴】,那么引申的问题如下:一、同类型产品有哪些?想知道同类型产...

    2018-03-16