合肥做网站,选择疯狗科技,专业、敬业的合肥网络公司
首页 > 交互 > 详情

产品设计中,如何优雅地呈现数据的展现形式?

2017-06-27 17:08:10   来源:人人都是产品经理    浏览:  次
本文内容所讨论的是关于在产品设计中设计师应该如何表现数据的展现形式。尽管数据展现并非是所有行业领域的设计重点,但在特定范围里,如:行业经济数据,体育博彩数据,棋牌竞技数据,交通里程数据,个人成就数据等等,其内容是整个产品中不可或缺的一部分。

如今的产品设计已然不是图形表达,而是如何做好数据表达。

产品设计中,如何优雅地呈现数据的展现形式?

本文内容所讨论的是关于在产品设计中设计师应该如何表现数据的展现形式。尽管数据展现并非是所有行业领域的设计重点,但在特定范围里,如:行业经济数据,体育博彩数据,棋牌竞技数据,交通里程数据,个人成就数据等等,其内容是整个产品中不可或缺的一部分。

该如何将各个维度的数据恰如其分的表达出来,会成为设计师的工作重点,这比单独的图形版式更加复杂。特别是在用户的体验感上,数字与图形相比,本身就具有一定的违和感。因此,设计师需要有更强大的设计构造能力,在数据中寻求美与优雅的体现。

未来的人是完全数据化的人

无论人文主义怎样反感将人的特性统一在数据当中,都不能阻止社会向数据化的方向发展。在过去,人们所关注的重点,往往是具体的事物和外在的表现力。

而现在人们所关注的重点则成为各个维度的精确数据,通过数据展现自己的社会优势将从金钱这一个方向衍生到生活中衣食住行的所有层面,所以人们会乐此不疲的查看谁获得了步行量第一的冠军,谁拥有了更多的购物积分,谁的保险累计金最高……尽管这其中很多内容是不具备购买力的虚拟产品,但数据带给人的荣誉感会因此变得真实可信,也变得似乎很容易就能彼此竞争和超越。

如果我们仔细观察这几年的产品功能发布,就会发现,产品的数据的表现已经往极度细化的方向发展,凡是能够满足一个用户自身具备优势的表现点,都会产生相应的与其他用户相比较的数据。所以如今的产品设计已然不是图形表达,而是如何做好数据表达。

数值表达与设计的矛盾

设计的本质是数值,这一点我在其他文章里陈述过,但我需要强调的是,设计是数值的外在呈现,但它决不是数值的直接表现。

举一个简单的例子:一个优雅的圆形,在程序的数值中是半径80PX,所以用户能够看到圆形的形态,但这并不代表需要把80PX这个数值直白的写在界面中。因为无论设计师如何排列这个“80PX”都没有圆形本身所具备的优雅,因为数字是冷冰冰的,并且只有10个不同的形态(0,1,2,3,4,5,6,7,8,9)。

这就能够解释为什么当大量的数值摆放在界面中时,界面只能够采取最简单的表格形式,这并非是设计师不想用更好的设计排版,而是数值本身的组合形态决定了它们的表现力不可能像图像那样充满多元化的个性。所以越是需要展现具体数值的界面往往就越丑,这就是数值表达与设计的矛盾。

我的客户时常把这种难题甩给我,问为什么界面看起来不漂亮,我的回答只有一个:“数值组合不是图形排版,信息传递的准确性才是数值组合的第一目标,而不是美观。”

“那我不管,我就要它好看!”

如何才能让数据展现在产品中呈现美的感觉,我几乎动用了我所有的美学能力和设计技巧。最终探索出了以下几个解决方法。

数据表现在界面中常见的几个问题

我先说下数据表现在界面中通常会出现的几个问题:

1.界面的拥挤杂乱

数据表格显得拥挤有多种原因,但总体原因往往是产品经理在策划中不懂取舍造成的,特别是在数据展现上求大求全,似乎要将用户的全部数据信息都陈列摆上才能显得产品的专业,这完全是一个误区。事实上从产品功能而言,用户的接受度往往是单项选择,同时在界面中具备好几个功能的数据表现,会让用户看不到数据的重点在哪里。

2.过于展现数据的精确度

在某些产品中,为了表现其专业度和优势,有的会将数值精确显示在小数点后两位,有的会将数据的位数增加在6-8位,这种做法并非完全不可行,特别是在棋牌竞技类数据中,用户的得分往往由多位数组成。然而面对移动平台硬件,这种多位数的展现形式很容易因为屏幕大小的改变而出现弊端,比如:数字摆放不下,出现表格破损。

3.数据表现的展现手法单一

关于数据中的动态表格呈现往往与程序员的水平有密切关系,这需要设计师根据动态表格的呈现提交确切的设计数值,包括颜色、各个数据的间隔规范等等。动态表格由于程序的控制,可以有很多元化的表现手法,比如:圆形、线形、块状形等等……这些都是数据与图形的结合方式,也是最能发挥设计师用途的表现形式。然而这部分表格的呈现通常比较单一化,一方面是设计师对表格的设计无法提交确切的数值规范,另一方面也在于程序对表格的开发能力有限,短平快的研发周期让多数产品只愿调用现有的效果模板,这样在表现上必然会受到局限。

相关热词搜索:产品设计 上一篇:响应式网页设计指南 下一篇:门户网站页面设计要避免的五大误区