关于仪表板UI设计的7个实用技巧

👆首发于微信公众号:小阿田的设计笔记~ 

写在前面

我们今天生活在技术时代每天都在发展着人工智能(AI),商业智能和BlockChain等各种卓越技术,这些技术正在成为我们日常生活中不可避免的一部分。这些智能技术使用复杂的算法快速分析大量数据,并为用户提供有用的信息。但是,如果用户无法理解或涉及它,数据或信息又有什么意义?或者更糟糕的是,如果他们无法找到有用的东西或从中受益,该怎么办?这就是为什么仪表板设计最近变得非常重要的原因。

在我们以前的博客之一中,我们讨论了仪表板设计的功能,AKA和UX方面。另一方面,这一块是关于仪表板的视觉设计,因为仪表板的用户界面同样重要,以使其可用和有趣。然而,在我们深入探讨如何使仪表板看起来非常好之前,以下是一个伟大的仪表板的基本功能的快速回顾:

一个有效的仪表板显示用户可以采取行动的有用信息,并且可以直观地表示什么是复杂的数据,易于理解。

一个好的仪表盘能够帮助用户理解,分析以及呈现关键的见解。

他们很容易定制,不复杂,最重要的是,非常直观。

尽管空间有限,但是很棒的仪表板可以为最重要的数据组件和小部件提供空间,而不会显得过于混乱。

这里有几个关于仪表板设计的视觉基础建议:

1、一致性是关键

对于仪表板而言,在整个视觉设计方面始终保持一致非常重要。所有设备上的不变设计就是我们正在谈论的。大多数用户拥有具有不同屏幕尺寸的多种设备,例如智能手机,平板电脑和台式机,因此,确保仪表板在每个设备上的外观和功能方面保持一致非常重要,无论是在颜色,字体,元素的位置,导航,甚至图表风格方面。建议先从最小屏幕开始,遵循设计的黄金法则,因为这有助于首先为最重要的信息创建视觉上吸引人的空间,并导致创建完美的用户界面设计,从而增强卓越用户体验的能力。

2、首先传达重要信息

内容层次结构是设计仪表板的核心和灵魂,但是在仪表板设计的用户体验阶段可以实现。然而,只有通过视觉设计,最重要的信息才能以吸引人的和可用的方式传达给用户。这个阶段不仅有助于冻结布局,而且有助于定义设计指南。

卡片布局通常是最优选的形式,因为它允许简洁的数据分类以及易于定制的灵活性。

中心路线是最值得推荐的,因为用户首先会察觉到这部分信息。

18像素字体是要使用的最大值。

应该使用独特的颜色突出显示信息。

3、轻松制定仪表板

在设计仪表板时,重要的是不要采用“一刀切”的方法。这是因为首先,我们有多个用户角色,需求和优先级各不相同; 其次,设计应该是可扩展的。把重点放在为用户提供能够调整以适应其个人业务需求的设计上给予用户非常重要 - 这可以像添加或删除列一样简单,或者像添加一个全新模块一样复杂。

基本上,无论调整的复杂程度如何,良好的仪表板设计应该始终允许轻松定制。

尝试使用易于拖放交互的自定义仪表板

允许轻松修改,如添加/删除字段

尽可能提供不同的颜色主题

为查看/下载数据提供不同的选项

4、就图表而言,更少

作为设计师,我们通常会对各种呈现数据的想法感到兴奋不已,这往往会让我们陷入过度。但是,图表是用户的主要数据可视化工具,它们应该很简单 - 应该避免使用复杂的图表。

条形图,饼图和折线图在眼睛上很容易,在紧凑的地方也能很好地工作。尽量避免使用3D图表,并使用平面设计的图表来代替,因为它们更容易理解,并且看起来更整齐。

5、注意仪表板中的图标

通常会被忽略,但仪表板UI中非常重要的组件是图标。最好的仪表板设计包括熟悉的图标。例如,垃圾可以代表“删除”,每个人都可以轻松识别其功能。仪表板可能一天内被用户多次使用,并且可以通过快速操作或信息进行访问。因此,显而易见的指示器可缩短处理时间并帮助创建出色的UX和UI。

6、请记住使用正确的字体

在用户体验和用户界面方面,字体的风格和大小同样重要。在设计仪表板时,建议使用不超过两种字体样式来实现更清晰的UI设计。

创建具有仪表板上所有书面内容的视觉层次结构(以倒金字塔样式)非常重要。您可以通过将最重要的洞察力放在最大的字体中,并且可能以独特的颜色来做到这一点,并将不太重要的信息放在较小的字体中。

7、色彩心理学比你想象的更重要

不同的颜色表示不同的事物。想想交通灯。红灯要求我们停下来,绿灯意味着我们可以继续开车。现在,想象有一道绿灯需要我们停下来,还有一道红灯表示我们可以继续驾驶。这难道不会令人困惑吗?这就是为什么,为了实现良好的仪表板UI,注意仪表板设计中使用的颜色非常重要。

除了使用正确的颜色之外,记住不要过度使用所使用的颜色是很重要的。为了正确使用仪表板颜色,利用对比度至关重要。您可以从两种颜色匹配的颜色开始,如互补色。

写在最后

前面提到的技巧肯定会有助于创建更好的仪表板UI设计,但如果您不了解用户,它们就毫无价值。如果您很好地了解用户的偏好,您将能够确定在仪表板上需要采用哪种风格。此外,它将有助于根据您的观众的特定需求精确地设计设计,这反过来会使他们找到有用的仪表盘。想象一下,为儿童设计一个面向企业的仪表盘!它肯定会让他们对仪表板保持警惕,不是吗?想象一下商人的仪表板,它里面全都有Looney Toons - 它显然会失去它应该拥有的每一分严肃。这就是为什么,即使在视觉设计中,知道用户是最重要的。为了深入了解应用研究技术,用户研究。

毕竟,正如Frank Chimero正确地说过的,“人们忽视忽视人的设计”。

作者地址:https://medium.muz.li/8-tips-for-a-great-dashboard-ui-252fb5597b34

本文由 @Tzw_n 翻译整理发布。未经许可,禁止转载。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 216,163评论 6 498
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,301评论 3 392
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 162,089评论 0 352
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,093评论 1 292
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,110评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,079评论 1 295
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,005评论 3 417
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,840评论 0 273
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,278评论 1 310
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,497评论 2 332
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,667评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,394评论 5 343
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,980评论 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,628评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,796评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,649评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,548评论 2 352

推荐阅读更多精彩内容

  • 原文作者:Neil Turner。 如果你是一名专业的骑行者,那么你很可能听过“Domestique”这个词。对于...
    神经卡卡夕阅读 2,199评论 0 8
  • 摘要: 越来越多的证据表明,诺基亚的衰落对于芬兰来说,最开始大家都以为是噩梦,现在看反而是拯救了芬兰。 近日外媒T...
    f11015f29d83阅读 428评论 0 0
  • 感恩大恩上师及诸佛菩萨护佑我加持我,感恩上师慈悲开示,感恩上师引领我走在修行的道路上,谢谢,谢谢,谢谢! 感恩爸妈...
    晓筱竹阅读 177评论 0 0
  • 从我上班回来,家里的电话就变得少了,以前可不是这样。每次天气一变,到了周末,下班时间我妈总会微信或者电话问我在这里...
    八万学长阅读 136评论 0 1
  • 第一次去乌节路享受下午茶时光,也是第一次和他人谈论理想、人生、价值观之类的问题,有许多思想的触动,有许多灵感的闪现...
    海伦向阅读 483评论 2 0