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

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

相关推荐

  • 智能产品的交互设计,不做到这样可不行

    我们终将以自然的方式与机器交流。在2012年圣丹斯独立电影节上,影片《机器人与弗兰克》赢得特别奖,该片讲述机器人Robot照顾患有老年痴呆症弗兰克的故事。在2017年AI大热之年,人们能否像电影里的弗兰克那样,以人对人的方式与机器交流,这在人机交互学科里定义为“人机自然交互”。何为自然交互?简而言之就是以日常交流方式与计算机进行交互。何为日常交流方式?就是人们通过语音、肢体、手势、眼神、表情等形式进行交流互动。人机交互正迈上新台阶人机交...

    2018-02-07
  • 尼尔森十大交互设计原则的实际应用解析

    Jakob Nielsen(雅各布·尼尔森)的十大交互设计原则被称为“启发式”,因为它们是广泛的经验法则,而不是特定的可用性指导原则。因此,我们不能把它上升为一种标准,而是应该当做一种经验来学习,然后跟现实中的设计结合来使用。接下来,作者通过一些具体的实例来跟大家深度解析尼尔森十大交互设计原则在设计中的用法。Jakob Nielsen(雅各布·尼尔森)是毕业于哥本哈根的丹麦技术大学的人机交互博士,他拥有79项美国专利,专利主要涉及让互联...

    2018-02-16
  • 从「重新设计火车票样式」,谈用户体验设计

    作者:无鹿森全文共 2522 字,阅读需要 6 分钟———— / BEGIN / ————“用户体验”是随着互联网的日益深化而变得越来越热的话题之一,它所代表的就是互联网产品和人性本身的相互共鸣,并且这种共鸣在今天而言,显得越来越弥足珍贵。从交互设计到视觉设计,怎么样才算是“好的用户体验”?一直以来,大部分情况下的论调都停留在主观意识层面上,这也使“用户体验”的话题本身显得更加难以拿捏和扑朔迷离。本文将从“重新设计高铁票样式”的角度来切...

    2018-05-04
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 「交互设计七大定律」在设计中的应用(二)

    今天给大家介绍的是:希克定律(Hick’s Law)。1、希克定律定义希克定律指的是:一个人面临的选择越多,所需要作出决定的时间就越长。用数学公式表达为:RT=a+blog2(n),其中,RT表示反应时间,a表示跟做决定无关的总时间,b表示根据对选项认知的处理时间实证衍生出的常数(这个例子对人来说约是0.155s),n表示同样可能的选项数字。比如,假设需要两秒测知警铃、了解其含义,接着假设按下五个按钮中的一个按钮,可以解决触动警铃的状况...

    2018-02-05
  • Axure RP 8 入门手册 – 第6章(二)

    第5节检视功能-元件命名千语:楼叔,我才问一个问题,你就给我讲了这么多!好感动哦!小楼:嘿嘿,因为这个群里你最大嘛!千语:切!反正你也有空,顺便把元件的设置也给我讲讲吧!我看不管是元件的样式还是属性,都很复杂呢。小楼:您好!因为网络原因,您发送的消息是乱码。千语:还想等你给我讲完,发张我昨天泡温泉的照片给你呢!小楼:你看,其实这个元件设置也非常简单,你看在点中一个元件后,检视面板中就会呈现与该元件相关的设置……从上至下,首先看到的是元件...

    2018-04-22
  • 如何培养交互设计思维?

    什么是交互思维?上网找度娘会有一堆交互设计的方法,但这里要告诉大家的是,交互设计应具备的思维方式。在国内交互设计并不成熟,未来还有很长的路要走,所以需要我们对其进行了解,首先培养交互思维方式。以下几点可以培养你的交互设计思维:1、设计不能脱离目标交互设计师沟通方式是:“我们需要为想要购买商品的用户提供信息,可选的商品数量有N个,用户最感兴趣的信息有……,有的人不会看但必须附上的信息有……”。不要觉得这样做很矫情,这样可以将不同的信息和重...

    2018-02-01
  • 用通俗的方式告诉你什么是交互设计

    文章底部可领取设计资源(软件、笔刷、视频教程等)↓↓↓通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了...

    2018-04-08
  • 【干货】2018年APP交互设计趋势

    全感官体验人有五感,强化体验记忆的最有效方式就是五感相结合。看见、听见信息已成为体验常态,而更真切的感知信息是用户体验升级的客观诉求,全感官体验能更好的打造“身临其境的沉浸式”体验印象。2018年我们将会看到更多以虚拟+实体组合的全感官体验方式,用户在交互过程中获取更多维的与真实场景匹配的信息反馈(听觉、嗅觉、触觉等),加深对信息的理解和体验记忆。运用案例全感官体验目前在游戏领域有了较为广泛的探索。《星舰指挥官》一改沿用十几年的鼠标,键...

    2018-02-18
  • 『设计|交互设计』2018年交互设计趋势解析

    本文转载自:设计前沿2018年交互设计趋势解析2018视觉趋势Pantone 2018流行色:紫外光色Pantone 官方翻译为「紫外光色」,紫外光色是强烈挑动思绪与深思的紫色调,传达独创性、创造力及前瞻性思维,为我们指向未来。彩通:18-3838 紫外光色颜色代码:#5f4b8bRGB:R 95,G 75,B 139CMYK:C 71,M 73,Y 7,K 8从2017年下半年开始,紫色配色的作品开始很多,所以2018年这个色也是一个...

    2018-04-25