产品展示您的位置:明陞主页 > 产品展示 >
产品设计中如何优雅地呈现数据的展现形式?
发布时间:2020-10-20 16:57

  至于其他人,用户并不关怀,所以其他人的名字能否显示彻底不是一件主要的工作。

  本文由 @Ada Wong 原创公布于人人都是产物司理。未经许可,禁止转载。

  数据表格显得拥堵有多种缘由,但总体缘由往往是产物司理在筹谋中不懂选择形成的,出格是在数据展示上求大求全,彷佛要将用户的全数数据消息都排列摆上才能显得产物的专业,这完美是一个误区。现实上从产物功效而言,用户的接管度往往是单项取舍,同时在界面中具备好几个功效的数据表示,会让用户看不到数据的重点在哪里。

  设想的素质是数值,这一点我在其他文章里陈述过,但我必要夸大的是,设想是数值的外在出现,但它决不是数值的间接表示。

  人人都是产物司理(是以产物司理、经营为焦点的进修、交换、分享平台,集媒体、培训、社群为一体,全方位办事产物人和经营人,建立9年举办在线+期,线+场,产物司理大会、经营大会20+场,笼盖北上广深杭成都等15个都会,外行业有较高的影响力和出名度。平台堆积了浩繁BAT美团京东滴滴360小米网易等出名互联网公司产物总监和经营总监,他们在这里与你一路发展。

  听到良多舆论说在中王法式员是吃芳华饭的,那么产物司理呢,也吃芳华饭吗?

  产物数据的第一表示力是用户本人。凡长短本人的数据消息,从人道的角度而言,都能够做必然的选择。因而当产物司理苦恼用户不克不迭看到其他人的署名和汗青数据该怎样办时?作为设想师,我会明白的告诉他,用户并不关怀别人的署名和汗青数据,他们只情愿看本人和第一名之间的差距。这象征着良多与排行榜有关的界面设想都能够做到数据展示的简化,以凸起最主要的部门。

  若何才能让数据展示在产物中出现美的感受,我险些动用了我所有的美学威力和设想技巧。最终摸索出了以下几个处理方式。

  动画表示次要使用在动态图形表格上,正常用来表达用户本身的数据,这种动态展示能大大添加用户的好感度及自我成绩的餍足感。但动态图形表格对设想以及法式的要求要弘远于通俗的文字表格。

  微信活动的次要数据就只要一个,步行数。二级数据是用户排名,三级数据是点赞数。这三个数据的层级关系十分清楚。为了凸起步行数,产物司理选择了用户名的显示,微信使用的用户名只显示前四个字。这长短常合实用户体验和人道的做法,由于用户在这个界面功效里只要两个关心点:

  这就可以大概注释为什么当大量的数值摆放在界面中时,界面只可以大概采纳最简略的表格情势,这并非是设想师不想用更好的设想排版,而是数值自身的组合状态决定了它们的表示力不成能像图像那样充满多元化的个性。所以越是必要展示具体数值的界面往往就越丑,这就是数值表达与设想的抵牾。

  无论人文主义如何反感将人的特征同一在数据傍边,都不克不迭阻遏社会向数据化的标的目的成长。在已往,人们所关心的重点,往往是具体的事物和外在的表示力。

  本文内容所会商的是关于在产物设想中设想师该当若何表示数据的展示情势。虽然数据展示并非是所有行业范畴的设想重点,但在特定范畴里,如:行业经济数据,体育博彩数据,棋牌竞技数据,交通里程数据,小我成绩数据等等,其内容是整个产物中不成或缺的一部门。

  若是咱们细心察看这几年的产物功效公布,就会发觉,产物的数据的表示曾经往极端细化的标的目的成长,通常可以大概餍足一个用户本身具备劣势的表示点,城市发生响应的与其他用户比拟较的数据。所以现在的产物设想已然不是图形表达,而是若何做好数据表达。

  关于数据中的动态表格出现往往与法式员的程度有亲近关系,这必要设想师按照动态表格的出现提交切当的设想数值,包罗颜色、各个数据的间隔规范等等。动态表格因为法式的节制,能够有良多元化的表示伎俩,好比:圆形、线形、块状形等等……这些都是数据与图形的连系体例,也是最能阐扬设想师用处的表示情势。然而这部门表格的出现凡是比力单一化,一方面是设想师对表格的设想无奈提交切当的数值规范,另一方面也在于法式对表格的开辟威力无限,短平快的研发周期让大都产物只愿挪用现有的结果模板,如许在表示上一定会遭到局限。

  从设想的角度讲,用户对数字的敏感度与好感度3位数是最适合的,若是达到4位数,则好感度会逐渐低落,跨越6位数不只界面设想感会大幅度降落,对用户而言,识别本钱也会随之添加,若是大量的6位数以上的数据出现出列表的情势,除非是特定的行业数据和专业人士的利用,对付正常属性的用户而言,险些是没有太多耐心去阅读的。

  好比:Clue作为一款女性心理周期的数据产物,其动态图形表格的数据拾掇还能带有用户的客观交互体验,就远比只能作为观摩的动态图形表格要好。有乐趣者自行查阅,以便领会文字表格,动态图形表格与带有交互的动态图形表格之间的不同。

  此刻做产物最隐讳的就是高峻全,现在的贸易生态,产物都必要寄居在整个生态圈中才能保存,所以用户并不必要高峻全的产物呈现,他们必要的是可以大概处理特定问题的产物,所以数据的出现也是如斯,举一个简略的例子:微信活动。

  而此刻人们所关心的重点则成为各个维度的切确数据,通过数据展示本人的社会劣势将从金钱这一个标的目的衍生到糊口中衣食住行的所有层面,所以人们会乐此不疲的查看谁得到了步行量第一的冠军,谁具有了更多的购物积分,谁的安全累计金最高……虽然这此中良多内容是不具备采办力的虚拟产物,但数据带给人的荣誉感会因而变得实在可托,也变得彷佛很容易就能相互合作和超越。

  那么事实要若那边理这些问题呢?总体的准绳是矫捷选择,版式多变,分纳层级,动画表示。

  好比:在这款竞技平台中,将用户数据采用竖版陈列长短常伶俐的做法,而且用颜色区分主次关系。

  然而在产物现实设想中,确实也会晤对着数据无奈简化处置的难题,出格是某些国际上曾经通行的尺度数据展示,好比棋牌竞技类的计分模式,整个产物不得不依照多位数的体例出现,那么用户要若何才能晓得本人的劣势呢?除了特定首要的小我展现外,将用户分为各个层级也是很主要的。按照数据划分区域,按照区域划分层级,按照层级供给分歧的版式设想,用颜色、徽章等图形将用户区分隔,而不是仅仅看谁的数字更长,以此让用户领会他们相互之间的重点消息。

  就目前而言,国内产物根基上是挪用外洋已有开辟出的结果展示,所以在可操作性上往往不克不迭和产物功效彻底顺应,根基上仍是属于简略的结果操纵,没有真正的让整个数据以动态图形表格的情势出现。可是动态图形表格将是将来产物数据的展示冲破口,由于保守的文字表格曾经不克不迭餍足用户的必要,无论设想师若何排版,跟着小我数据的细化,他们都必要更个性,更动态,更拥有交互性的体例来表现本身在虚拟世界的数据价值。在这一点上,能够说,法式的开辟与设想是一体两面,不成朋分的。

  在数据展示设想中,表格的展示体例必要做到矫捷多变,这种矫捷包罗:数字、文字、数字与文字的陈列关系;数字和文字在表格中的位置;数字与文字巨细的关系;分歧颜色带来的主次关系,可操作的表格交互;表格分栏的行数与列数;分歧类型表格的穿插;表格的躲藏于闪现等等……这此中还要尽可能添加数据间的视觉间隙,以避免用户对数据的繁琐感触传染。

  在某些产物中,为了表示其专业度和劣势,有的会将数值切确显示在小数点后两位,有的会将数据的位数添加在6-8位,这种做法并非彻底不成行,出格是在棋牌竞技类数据中,用户的得分往往由多位数构成。然而面临挪动平台硬件,这种多位数的展示情势很容易由于屏幕巨细的转变而呈现短处,好比:数字摆放不下,呈现表格破损。

  我的客户时常把这种难题甩给我,问为什么界面看起来不标致,我的回覆只要一个:“数值组合不是图形排版,消息传送的精确性才是数值组合的第一方针,而不是美妙。”

  该若何将各个维度的数据恰到益处的表达出来,会成为设想师的事情重点,这比零丁的图形版式愈加庞大。出格是在用户的体验感上,数字与图形比拟,自身就拥有必然的违和感。因而,设想师必要有更壮大的设想机关威力,在数据中寻求美与文雅的表现。

  举一个简略的例子:一个文雅的圆形,在法式的数值中是半径80PX,所以用户可以大概看到圆形的状态,但这并不代表必要把80PX这个数值直白的写在界面中。由于无论设想师若何陈列这个“80PX”都没有圆形自身所具备的文雅,由于数字是凉飕飕的,而且只要10个分歧的状态(0,1,2,3,4,5,6,7,8,9)。

Copyright ©2015-2019 明陞,明陞 版权所有     网站地图    沪ICP备16043826号-1
地址:上海市云岭西路356弄7号3楼