
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
对于仪表板而言,在整个视觉设计方面始终保持一致非常重要。本文沈阳达内IT培训为大家介绍仪表板UI设计的七个要点。
一、一致性是关键
大多数用户拥有具有不同屏幕尺寸的多种设备,例如智能手机、平板电脑和台式机。因此,确保仪表板在每个设备上的外观和功能方面保持一致非常重要,无论是在颜色、字体、元素的位置、导航、甚至图表风格方面。
建议先从最小屏幕开始,遵循设计的黄金法则,因为这有助于首先为最重要的信息创建视觉上吸引人的空间,并导致创建完美的用户界面设计,从而增强卓越用户体验的能力。
二、首先传达重要信息
内容层次结构是设计仪表板的核心和灵魂,但是在仪表板设计的用户体验阶段可以实现。
然而,只有通过视觉设计,最重要的信息才能以吸引人的和可用的方式传达给用户。这个阶段不仅有助于冻结布局,而且有助于定义设计指南。
卡片布局通常是最优选的形式,因为它允许简洁的数据分类以及易于定制的灵活性。
中心路线是最值得推荐的,因为用户首先会察觉到这部分信息。
18像素字体是要使用的最大值。
应该使用独特的颜色突出显示信息。
三、轻松制定仪表板
在设计仪表板时,重要的是不要采用“一刀切”的方法。
这是因为:
首先:我们有多个用户角色,需求和优先级各不相同。
其次:设计应该是可扩展的。把重点放在为用户提供能够调整以适应其个人业务需求的设计上给予用户非常重要——这可以像添加或删除列一样简单,或者像添加一个全新模块一样复杂。
基本上,无论调整的复杂程度如何,良好的仪表板设计应该始终允许轻松定制。
尝试使用易于拖放交互的自定义仪表板
允许轻松修改,如添加/删除字段
尽可能提供不同的颜色主题
为查看/下载数据提供不同的选项
四、图表更少
作为设计师,我们通常会对各种呈现数据的想法感到兴奋不已,这往往会让我们陷入过度。
但是,图表是用户的主要数据可视化工具,它们应该很简单——应该避免使用复杂的图表。
条形图、饼图和折线图在眼睛上很容易观看,在紧凑的地方也能很好地工作。应尽量避免使用3D图表,并使用平面设计的图表来代替,因为它们更容易理解,并且看起来更整齐。
五、注意仪表板中的图标
这点通常会被忽略,但仪表板UI中非常重要的组件是图标。最好的仪表板设计包括熟悉的图标。
例如:
垃圾可以代表“删除”,每个人都可以轻松识别其功能。
仪表板可能一天内被用户多次使用,并且可以通过快速操作或信息进行访问。因此显而易见的指示器可缩短处理时间并帮助创建出色的UX和UI。
六、请记住使用正确的字体
在用户体验和用户界面方面,字体的风格和大小同样重要。
在设计仪表板时,建议使用不超过两种字体样式来实现更清晰的UI设计。
创建具有仪表板上所有书面内容的视觉层次结构(以倒金字塔样式)也非常重要。您可以通过将最重要的洞察力放在最大的字体中,并且可能以独特的颜色来做到这一点,并将不太重要的信息放在较小的字体中。
七、色彩心理学比你想象的更重要
不同的颜色表示不同的事物。
想想交通灯,红灯要求我们停下来,绿灯意味着我们可以继续开车。现在,想象有一道绿灯需要我们停下来,还有一道红灯表示我们可以继续驾驶。这难道不会令人困惑吗?
这就是为什么为了实现良好的仪表板UI,注意仪表板设计中使用的颜色非常重要。