【海外2.7K点赞量好文】数据令之界面设计

[
本文的眼前7管辖电影由自己的冤家栗子哥推荐(感谢栗子哥,此处应该掌声!),后三总理由本人加推荐,下文框起来的旁白May其实就是自家本身啦。]

告诉您至于数据的故事


“仪表盘”,“大数目”,“数据可视化”,“数据解析”-在此处,期待下数据去做一些有意思之从事的人数以及商社呈现爆发式增长。在我之职业生涯中,我就特别幸运与多重度数据的界面设计工作。对于什么贯彻一个异常和产生义的制品,我思分享下我的想法。
成千上万人口曾经提起过此问题,所以自己以圈部分极端有震慑之点子。

用作一个爱好看Action Movie 和Disaster
Movie的口,最近寒假无聊看了几总统欧美风小清新电影,个人觉得还对,在是推荐给大家。

1.例外之用户,不同之数

不论何时你要设计一个错综复杂的系,都不可避免要为不同的用户还是角色设计。经理,管理者,和分析者都是普通的用户,他们每个人都出她们各自的做事流程及数量需求。
概念美的角色与生成洞察力本身即是一律山头艺术,这并无是自身就要当这边详细说之。如果您好奇怎就及时一点,可以于Cooper探这个中的帖子。
最为亟需谨记的是每当头确定角色,组织消息架构任务,以及环绕其设计线框图。
下面是咱们去年用来医疗报告应用程序的付出成品。这个系统发生两样之用户,每个用户都务求来他们协调的数额工作流程。一旦我们成立了关键人物角色,在每个评审会议,我们便管它们放在我们的交付成品吃。

留神人物角色顶上的每个画板。我们的客户就领这种方法。

向阳客户出示艺术品可能是同样件艰巨的天职。无论你是分解线框图和流程图或争议视觉处理,很麻烦让每个人犹跟达到而的笔触。
通过人物角色组织而的著作,将推向你(和而的客户)在这些议论中维系冷静。

May: 看,栗子哥还是发生寒假的人口,多么任性

2服页面

自我大多年来学到之一个技是培育页面的定义。核心理念真的坏粗略:

预先亮用户需查阅的情节,然后因用户的故事或信息层次组织页面的多余部分。

造就页面的概念是写散文(以及广大旁交流形式)的着力标准,这个是在自己形容了平本书此后所熟识的。多年来,我花了诸多时间在当时按照开《“风格:清晰与雅致的底蕴”》上。它除了是平等据精美的参考写作,还像地描述了之视角:

当您开始分心时,你的听众不仅十分丢脸到每一个元素是啊,而且无法取方方面面工艺流程的症结。

当进行交互设计时,这是内需谨记的实惠原则。下面是我们经常因此来塑造页面的点滴栽办法。

为你仪表板结构。问问你自己 - 我若就此信息阐述什么故事?

洋洋我于Behance和Dribbble看看底仪表盘和数码就是项目虽然(视觉及)设计良好而反复极平庸。他们还是没层次地将众多的图组件组织于Pinterest风格的布局里,要么过度设计无相符数据的可视化。

左侧的图像展示了过多的数额可视化信息。右边的图像像一个装饰,降低了对数码的关注度。

每当上面的图(左边),报告仪表盘下任务决定的措施来显现信息……这是相当有压迫感的。为了避免这种情景,我们计算透过设计信息来处理这些项目的界面,让那个重新如是你于看杂志及读之同等首文章。

可并无是说于职责决定界面是从来不机会和观下的…我个人喜欢设计这样的物。但在多数景下,没有必要一直视各个一个。

极端要害而考虑的是-避免创建有相同明了半解的可视化。在页面上组织信息,使得向用户率先提供重要信息,然后跟提供支撑内容。


3.选择“正确”可视化

发出过多(太多)的设计为为难而滥用图表。
极端糟糕的凡-这些“坏习惯”似乎成倍增加。在我看来,我顾的区域图应该是饼图,或折线图应该是漫漫形图。因此,让咱并全力停止这种表现……这里出几个专业数据的建议:

起数开始
原有表格的数据是无直观形象的。然而,这是极端好的开始。它将扶持你开思考数据被发生什么样变量,以及各种数据实体是哪干的。

原数据的扁平性质将援助您想想系统遭到实体之间的涉及。

除去由一无所有的数目开始,期待灵感最终溜进你的不知不觉,你得又积极地审视这些丰富的资源,借这发现数目中有趣的关系:

  • Charted-一个是因为Medium开发的,可以以数据自动可视化的家伙。
  • 因此Google
    Sheets,Illustrator和Sketch设计更好的图样
  • Tableau-在此是家伙是无限好的,但十分高昂。

此有的进程并未技术。不要怕摸索数据,尝试通过混合及相当不同的变量来制作中心图表。它用时间,但是值得的。我怀念闹的一些好之想法,都是于摆弄原始数据文件开始之。

采取离散和连续数
本身花了一段时间才察觉及当时一点,有些图表比其它图表更好地发挥了你的多寡。你晤面充分轻易地只站在公协调的角度挑选好看的图,从而希望团结的数目有意向。我生自责在尝大频繁才察觉(我是一个散点图爱好者)。
因你所处理的数据类型,某些种类的可视化比其余见效还好。选择适当的图纸的一样种植艺术是评估你所具备的数据类型。数据要出点儿栽类型:

离散数据-可计算的非同值。例如,一些进球分数或脸谱网的触发赞数。

条形图太能够显现离散数据

连数-范围内之别价值。例如,一个时节的降雨量或一个丁的身高/体重。

丝图太能够显现连续数

总的说来,线图最可连续数,条形图太会展现离散数据。

对自家吧,真正巩固自己之视角的一个资源是由于Dona
Wong创作的“华尔街日报:引导信息图片”。但愿我几年前即有着这本书。对于选择适当的图样以及出示信息应注意的事项,这按照开来难得的参照意义。

https://www.amazon.com/Street-Journal-Guide-Information-Graphics/dp/0393347281

1 时空恋旅人(About Time)

4.核心和定制可视化

末尾,作为这些发生增长多少的系的设计师,你要不断咨询自己:“我当倒不平凡的途径去贯彻定制化?还是自身应该据此可靠寻常的图纸来表述信息?”。
我近年以37
Signals遇这篇稿子-3单图都是本人要之。作者强调了干吗可视化的可用性取代该视觉效果。我了能领略在他的田地的感受。然而,我认为他的看法是平等种很便宜的眼光。我相信定制可视化往往可以提高多少的可用性,使该拘禁起特别和扎眼。

一个为主条形图的例证

本着自身来说,这里发生“通用”的图片和“最适合”图表。表、行与条形图可以适应多种类型的数码,但它们啊坏通用(一个尺码适合有的)。作为一个正规的设计师,我梦想自己的著作的外观及发是新鲜和实惠的
比如,纽约时报做了千篇一律桩了无打底转业,定制交互可视化来多他们的文章。你可以在这里瞧重复多他们做的从。让我们探索几个不错的定制可视化的例子:
此例子是提供点击数据好钻取下级数据的职能,使一个线图变得耳目一新。

http://www.nytimes.com/interactive/2013/03/29/sports/baseball/Strikeouts-Are-Still-Soaring.html?\_r=0

每当是3D图中,抽象的变通在视觉及受丁死开眼界,但为推动用户更好地考察数据的相关性。

http://www.nytimes.com/interactive/2015/03/19/upshot/3d-yield-curve-economic-growth.html?\_r=0

从Selfiecity.net此事例能十分好地采取实际的内容来创造可视化。

http://selfiecity.net

终极,来自我们跟美国有线电视新闻网做的一个项目,我们采取彩色编码显示政党偏好,同时用3D凸显成效来贯彻人口统计信息之可视化。

http://truthlabs.com/work/cnn

貌似的话,当数码及技巧需要的时,我们才会待以出定制的可视化,但咱始终有一个后备计划为防万一,比如工作不成事或客户喜爱一个未那么吃资源的办法。

Tim(Domhnall Gleeson 饰)21年了,老爸(比尔·奈伊 Bill Nighy
饰)告诉他,他们家族之男人还发上旅行的超能力,可以回到过去。于是Tim通过几不行时空旅行去追赶美女儿,去改善妹妹的活着,去又好地和亲属、朋友相处,度过生命中之各一样天…

5.那还要怎?

这就是说为什么咱们把富有的数额在页面及呢?答:这样人们得以为此其来-无论是做出决定,调查,还是预测未来。重点是,你的用户不见面盖若选了不错的颜料代表惊讶,他们还当卖力做好本职工作。

因而自己的提议是-当您已经取得了卿的页面布局,一切都精雕细琢地当后,反问自己“那又怎么样?“。探每一个图,小部件,图表,表格,并想什么人会面从中收集信息。很多上你晤面汲取这样的定论:“没关系”,这是抽或者重考虑的一个主要标志。

这种从时常产生在自我身上-我创建了非常复杂的仪表板,包含了同一多重趋势图、饼图和成千上万的数据点图。但是客户就问了自己:“我只是怀念清楚产品是否行得通,我以乌好见见?”或者“我只是需要懂得3宗事:X轴、Y轴和Z轴。我当何能找到这些?“

哎呀。在即时一阵子,你才发觉及您迷失在杂草中,而错过了大局。

自我想开了一样栽政策来拉缓解者题材,就是尝试和以文本来抒发人们想知道之消息。

从于高层次来拘禁,文本摘要比图表更发生因此。

方的图样取自我们多年来底鲜独品种。都直接明了地报用户他们需要经过文件来打听,而非是因让要讲的图样。

这种方式引起了我们客户之共鸣,特别是于高层次的信。但正使己面前提到的,总是发生多单人角色要考虑,所以要是于适当的地方以。

诸如有形式之计划相同,这是相同种平衡的法。

力求为独特之计表现你的数据,但避免过度设计和不必
一经之侵扰。

为卿的数码选择是的图纸,但不用忘记用层次结构构建页面。

译者:安琪Angela
原稿作者:Erik K
原稿地址:https://blog.truthlabs.com/designing-data-driven-interfaces-a75d62997631

开局我当马上才是如出一辙管爱情片,后来自家再也多之朗读到了针对亲情、对生活之觉悟…

豆类评分:8.6
推介指数:★★★★★

时空恋旅人(About Time)

2 如晴天 似雨天(Like Sunday, Like Rain)

故事叙述在一个夏,生活一如既往团糟的Eleanor( Leighton
Meester饰)为了生计去让一样叫12年之男女当妈。贫困孤独的Eleanor遇到了12年度心智成熟却从不同龄朋友的神童Reggie。两独孤单的总人口以一齐,也许就不见面孤单了咔嚓,相处之下他们于彼此间找到自我….

May: 冲着女主是Leighton,我啊是使失去看同样圈之!

豆子评分:8.2
推介指数:★★★★★

如晴天 似雨天(Like Sunday, Like Rain)

** 3 恋恋书中人**

假若发生同天,你意识而可随意“控制”你的情人,你见面将他/她变成什么样子?

凯文(保罗·达诺 Paul Dano
饰)是同样员作家,年少成名。但以,他的生存为展示不如愿,自从初恋女友离开他日后,凯文一直孤身一丁,甚至身边没对象。突然发一样天,凯文发现他书写被的女主角露比(Zoe
Kazan饰)竟然出现于现实生活中。而异可由此书写虚构来转现实生活中之露比…

豆子评分:7.5
引进指数:★★★★

恋恋书中人

** 4 你眼中的世界(In Your Eyes)**

女神Zoe
Kazan的另外一统作品。现在没有接触科幻色彩,都无好意思说凡是情电影。有点不同为欧美风的柔情电影,剧情倒出硌像日韩风。不过总体都没关系,因为有帅掉渣的男主(Michael
Stahl-David饰)和美如花的女主(Zoe
Kazan饰),唯美的背景以及卫生脱俗的剧情,还是值得一看的。

豆子评分:7.6
推介指数:★★★★

你眼中之社会风气(In Your Eyes)

** 5 实习生(The Intern)**

年近七十之本(Robert De Niro
饰)曾经是一致各项睿智强干,事业有成的商贩,最终,他要么与大部分老头一样开始了单调的离退休生活。一不善偶然的会,他变成了青春的朱尔斯(Anne
Hathaway
饰)手下的如出一辙称呼小员工,随着岁月之推移,这号慈祥的元老渐渐变成了她在世遭极虔诚的友,帮它分担工作遭到、生活中之压力…

May:
在自看罢想值大高实际却相当给同管辖科教片的《极盗者》,以及美国本跑男与僵尸的对决《移动迷宫2》后重新看这部电影,简直是一旦打春风。故事轻松不干燥,节奏快不拖拉,相当尴尬。

豆类评分:7.7
引进指数:★★★★★

实习生(The Intern)

** 6 再次启程的纽约被见你(Begin Again)**

格雷塔(Keira Knightley 饰)抛弃了全套跟着男友戴夫(Adam Levine
饰)来到美国纽约实现他们的乐与情爱梦想,没悟出已经幻想过的光明一切化作泡影。
丹(Mark Ruffalo
饰)无法处理好家庭的关系,只有在乐中,他才能够找到好。丹和格雷塔,命运给这失意之点滴总人口被同间小小的酒吧里相遇了…

《Lost Stars》太好放了…

May: 所有歌曲都精美听!女神之唱功也是Nice!骚当的上演吧是很卖力的

豆类评分:8.5
推介指数:★★★★★

重新启程的纽约备受见你(Begin Again)

** 7 和莎莫的500天 (500) Days of Summer**

自新泽西底汤姆(Joseph Gordon-Levitt约瑟夫•高登-莱维特
饰)就职于一家贺卡公司,任务是撰写富有新意之祝辞。某一样天外碰到了来密歇根的魅力女孩莎莫(Zooey
Deschanel 佐伊•丹斯切尔
饰)。汤姆与莎莫没有一见钟情,但也以同等不行酒吧K歌后互动示好,成了非典型的恋人…

少数总人口从恋爱到爱恋再到分手,感觉一切都是那么真实,就类似是咱们身边的故事。很多时段,我们的柔情不是失利给了现实,而是败给了和谐。

May : 栗子哥的感悟很浓嘛

豆类评分:8.0
推介指数:★★★★★

与莎莫的500上 (500) Days of Summer


May:
在栗子哥推介的基本功及,我耶援引几总统文学清新向的影——伍迪·艾伦的欧洲三部曲。(不过起接触老矣)

** 1 午夜巴塞罗那(Vicky Cristina Barcelona)**

影片故事来在漂亮的巴塞罗那,讲述了美国女孩维姬(丽贝卡·豪尔 Rebecca
Hall 饰)和克里斯蒂娜(斯嘉丽·约翰逊 Scarlett Johansson
饰)结伴来西班牙国旅。维姬为丁死而将成婚,克里斯蒂娜则思想开放、充满好奇心。这简单独性情相异的主人公,来到西班牙继,邂逅了一样各好有魅力之艺术家胡安(哈维尔·巴登
Javier Bardem 饰)和他漂亮而特别爱吃醋的原配玛丽娅(佩内洛普·克鲁兹
Penélope Cruz 饰)。随后四单人口以内有了平多重有趣而浪漫之爱情故事…

May:有人说把Vicky的悟性与Cristina的神志结合起来,一个妻子就是应有尽有了。(社会对女生也是生苛刻的,想想做只女生也是深不轻之)
横谁都起蠢蠢不安的感性随性,也来冷静理性之黑白控制,没有丁是十足的秉性嘛。
满载欧洲风情的景象,诙谐幽默之故事,还有漂亮的几独女主,值得一看!

豆瓣评分:7.8
推荐指数:★★★★

夜半巴塞罗那(Vicky Cristina Barcelona)

** 2 午夜巴黎(Midnight in Paris)**

吉尔( Owen Wilson
饰)是各项在好莱坞小有名气的录像编剧,他盼望当巴黎即时所仿若”流动的庆功宴”的都遭受成就好的首先管辖小说。而只是是赢得在旅游心态来巴黎赎结婚家具的未婚妻她内兹(
Rachel McAdams 饰)及其父母特别反对,不欢而散中,吉尔单独漫步巴黎。

这儿适时到来之均等部马车,将他带走一会他好还未敢想象的名流派对,在派对饱受,不仅同海明威,菲茨杰拉德夫妇,达利,布努埃尔等丁畅聊,更跟毕加索情人阿德里亚娜(
Marion Cotillard
饰)共生情愫,在一次次的穿越中,他进一步沉醉在巴黎即所城池中…

May:在巴黎街口为同样辆马车而通过,简直浪漫酷炫!虚实交互,奇幻浪漫之喜剧,场景拍的酷唯美华丽。电影之尾声一幕简直美到意外从什么。

豆子评分:8.1
引进指数:★★★★★

夜半巴黎(Midnight in Paris)

** 3 爱在罗马(To Rome with Love)**

简介很丰富,我就算不复制了。概括起来便是几乎单例外之人物于罗马经验了千篇一律多级有趣的故事,主演是杰西·艾森伯格、艾伦·佩吉、佩内洛普·克鲁兹、亚历克·鲍德温、罗伯托·贝尼尼,有接触像《真爱至上》那样的结构。帅哥靓女与美景,都是碰头演戏的,很有意思的同部电影。

这些故事错综复杂,但是来一定量只共同点。首先它还是喜剧;其次,故事都产生在罗马以此充满了惊讶的城池。

May: 老爷子终于以投机之录像里露出了照,这吗是欧洲三部曲的收官之作。
他是一个富有欧洲心灵之美国人数。抛开他的私人问题未说,他打的影视确实是于人口得罢不能够,有毒,会上瘾!漫不经心的讲述方式,不严肃也未会见无限意识流。
喜好欧洲之尽管甭去他的录像了。

豆瓣评分:7.5
推荐指数:★★★★

爱于罗马(To Rome with Love)

新年快乐~End

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图