探索 IronQuest 可视化,收获移动端设计最佳实践

published: 2023-01-01

在 Tableau Public 诸多可视化作品中,移动仪表板一直是经常被忽视的领域。尽管移动设备在人们的生活和工作中是很常见的,却少有分析师会以移动设备的排版布局作为可视化分析的呈现形式。

因此,Sarah Bartlett 在 “IronQuest” 项目中发起了一期主题为 “Mobile First Recap” 的活动,鼓励社区用户共同参与,在制作练习中提升移动端可视化的设计和呈现能力。

IIronQuest 是一个由 Sarah Bartlett 创立,以社区为主导的数据可视化项目。它的形式与 Tableau Iron Viz 竞赛类似,并根据 Iron Viz 的评分原则,每次发布的主题作品都应从设计、故事性和分析方面呈现出参与者的最佳实践和技能。

图片来源于 sarahlovesdata 博客

在这轮移动可视化主题的 Iron Quest 中,Sarah 共收到了 48 份作品。从功能运用、可视化设计到故事性呈现,各有千秋。今天,让我们一起探索这些优秀的可视化作品,从中获取更多移动端设计的最佳实践灵感吧~


秋冬电影指南

我们先来看看 Autumn Battani 的移动可视化作品。她以电影观看数据为依据,季节性的电影指南为故事主题,为我们呈现了秋冬两季最受欢迎的电影有哪些。

视觉呈现类似于手机 App 应用,方便用户纵向滑动浏览整个 Viz。虽然只采用了很简单的图表,但搭配上丰富多彩的背景,为整个 Viz 的可视化呈现增色不少。

另外,这个作品在交互联动上也很具优势。通篇设置有 6 个筛选控件,便于用户根据自身喜好逐步筛选查看季节、电影剧情、评分排名和观看渠道等的数据。

Public 地址:https://public.tableau.com/profile/autumnbattani#!/vizhome/FallWinterMovieGuide-IronQuest/Guide


汤普森是 NBA 史上排名第二的射手

在第 2 个移动可视化作品中,作者 Daniel Sedin 用数据呈现了篮球远动员“克莱·汤普森”为何称得上 NBA 史上第二好的射手。

从视觉呈现上看,这个 Viz 的颜色运用和排版布局是非常统一的。并主要使用汤普森篮球衫的黄色作为亮点色,吸引大家注意汤普森在一系列图表中的位置。

与第一个作品不同,这个作品是以左右箭头作为横向浏览的触点。最让人欣赏的是,作者还在篇幅有限的布局中运用了“背景地图”功能,为我们呈现了汤普森在击球和投球位置之间的过渡,非常出色。

Public 地址:https://public.tableau.com/profile/itsdatadan#!/vizhome/KlayThompsonisthe2ndBestShooterinNBAHistory-IronQuest/V2-Homepage


美国国家公园旅游指引

第三个移动可视化作品由 Lisa Rapp 制作,主题是美国国家公园的旅行指南。这个 Viz 的亮眼之处是通过按钮+操作功能的结合运用,实现同一页面可切换和深入探索的UI体验。

对于喜欢旅游的小伙伴来说,这就相当于在手机上安装了一个“美国国家公园”的导游应用。可以自主操作和探索,非常便利~

Public 地址:https://public.tableau.com/profile/lisa.rapp#!/vizhome/U_S_NationalParks_16011134363920/NationalParksStartseite


BTS(防弹少年团)效应

防弹少年团(BTS)是一个韩国的男子演唱组合。在这个可视化中,作者 Jasmine Lim 分析了 BTS 对社交媒体,音乐产业和韩国经济的影响。

整个 Viz 的可视化简洁直观,选题新颖。并设有目录页,便于用户按需点击跳转,或者根据顺序进行查看。这个可视化更贴近于日常的分析场景,值得参考哦~

Public 地址:https://public.tableau.com/profile/jasmine.lim#!/vizhome/TheBTSEffectMobileLayoutIronQuest/Home


女性:性别不平等的一生

Zainab Ayodimeji 的移动可视化主题围绕女性展开,她使用女性年龄时间轴作为整个 Viz 的目录。通过点击各个时间点,可以看到女性在生活各个阶段中可能面临的性别不平等现象。

这个可视化的选题颇具意义,让用户在探索数据的过程中能够获取许多深刻的见解。尽管故事线和内容丰富,也不影响用户们在移动设备上的使用。

Public 地址:https://public.tableau.com/views/WOMANAlifetimeofgenderinequalityIronQuestMobile/sources?%3Alanguage=en-GB&%3Adisplay_count=y&%3Aorigin=viz_share_link&%3AshowVizHome=no#1



了解更多移动可视化,可点击前往 Tableau Public 搜索关键词 “IronQuest” ~

人人都是数据分析师,如果你也想用数据表达和分享某一现象,就和以上 Viz 的作者一样,用 Tableau 完成自己的数据报告吧!

版权声明:

  • 本文中所列的数据可视化作品图片来源于 Tableau Public 和 sarahlovesdata博客,版权归原作者所有!

  • 其他图片说明:正文中所引用的其他图片均来源于网络。