可视化数据图-完美的设计清单

一个辛普森

2019-08-19

自译外文

125

0

1

经验分类:经验/观点/自译外文

原作者:dashdevs. sci-tech crew

许多APP使用可视化数据图来简化用户对数字信息的感知。

Image title

许多APP使用可视化数据图来简化用户对数字信息的感知。这是一个简单易用的解决方案。如果没有这个图表元素,我们无法制作出一个优秀的监测,健康或贸易类App。设计师也喜欢用图表。使用这种视觉元素时,有很多创造力和自我表达的空间。可以实现许多不同类型的设计方案。图表用于每一个应用程序(移动和Web)。因此,我们可以赞扬自己在图表开发方面拥有扎实的经验。有各种各样的图表:饼图,条形图,折线图,时间表图表,图表,流程图,直方图,散点图,点图等。在本文,我想使用一个通俗的术语 - 图表。


Design is not just what it looks like and feels like. Design is how it works.

– Steve Jobs(史蒂芬 · 乔布斯)


如果仔细查看图表,我们会发现,这是一个复杂元素的组合。基本上,它是度量、条件、规则和计算的浓缩版体现,且对于移动和Web应用程序的图表有不同的要求。显示器的大小、处理器和技术都可影响其表现。图表只是设计的一小部分,通常有专人负责处理产品/项目中图表的需求。这个人可能是设计师、产品所有者或业务分析师。然而,这些图表对于开发人员在实现过程中可能是一个巨大的工程。基于这一点,本文的主要目标是分享知识,帮助您在为APP开发这一复杂的图形元素时,避免那些令人头疼的过程。


Image title

我们需要从3个角度考虑图表:产品,用户和开发。这些问题的答案会帮助您更好的了解产品。让我们想象一下,当交互或产品收到带图表的全新原型时。您需要首先向 需求方/产品/您自己 询问以下问题:

Image title




Image title


这些答案将帮助您改进APP中图表的UI和UX。图表设计时,需要考虑:


产品(如果此图表包含APP样式和品牌语言)


用户(需要了解图表数据的用户)


开发人员(那些需要按顺序理解并知道如何实现它的人)。




一般来说,图表设计中最常见的错误是设计出数据集的漂亮界面,而忽略了真实用户的需求。如果你想避免这个问题,请问自己上面列出的问题。如果您认为您的设计是完美的,请尝试使用各种数据集(小数字和大数字,缺少某些数据)创建相同的屏幕。并检查布局是否仍然看起来对于用户来说是可读的,可识别的和可理解的。


完美方案不是没什么可以加,而是没什么可以减。

-Antoine de Saint-Exupery


从设计中删除所有不必要的东西,以简化/减轻它,使其对用户友好且易用。

希望本文能够帮助您。


想了解你对图表设计的经验

请在评论中留言~~



全部评论:0

更多作品

发表评论

取消

点击右上角
分享给朋友吧

分享到

取消