有质感的后台管理系统 | UI设计公司


何时使用各种图形类型

为了帮助您为图表选择正确的表示类型,请问自己以下问题:

- 您希望在单个图表中显示多少个变量?

- 是显示一段时间内的值,还是在项目或组之间显示值?

- 每个变量需要显示多少个数据点?

1.. 遵循清晰一致的命名约定和一致的日期格式,并截断大值。

由于仪表板的主要目标是一目了然地传达消息,因此每件小事都很重要。使用清晰框架的最大好处是数据一致性。如果数据在每个工具中的命名方式相同,则使用这些工具将更加容易。一个框架。没有问题。

2.. 定义布局和流程。优先。

网格可以帮助您毫不费力地实现有效的对齐和一致性,并为您的设计创建基本结构或骨架。它们由可以放置设计元素的“不可见”线组成。这样做将它们联系在一起,形成一个整体“系统”,并合理地支持您的构图。这对于仪表板设计至关重要,因为您需要以无缝的方式组织大量信息。

网格和模块

在决定应该去哪些信息时,请记住这一点:

- 屏幕的左上角自然会得到更多的关注,所以尝试从左到右放置关键信息。这基于我们读取信息的方式,因此可能会因您为其设计的用户所在地区而异。

当读者完成第一行时,他们将向下移动到下一行。

- 如果存在依赖关系会影响基于另一组信息的一组信息的决策,请以用户不需要来回切换的方式创建布局 - 创建一个连续的流,以便轻松扫描仪表板。

3.. 使用结构一致的构建块。

定义网格后,我们可以开始使用多个“小部件”来保存信息、图表和控件。卡片很容易排列。关于卡片最重要的事情是它们几乎是无限可操纵的。它们是响应式设计的不错选择,因为卡片充当易于扩展或缩减的内容容器。

卡片的一个重要特征是内部控件和数据布局一致。将名称放在左上角,将视图控件或操作与卡片右上角对齐,其余部分留给内容。当所有界面都具有一致的结构时,用户就更容易使用界面 - 他们在期望的位置找到所有内容。

在响应式设计或用户自定义方面,使用上述建议的布局具有灵活性的额外好处。当卡变大或变小时,所有主要组件仍固定在特定位置。这对开发人员以及未来设计的整体可扩展性也有好处。

4. 利润翻倍

空白,也称为负空间,是设计组合中元素之间的区域。读者通常不会意识到负空间的重要性,但设计师会非常关注它。如果空格不平衡,则难以读取副本。这就是为什么负空格与任何其他排版元素一样重要。

5. 不要隐藏信息或过分依赖互动。

由于仪表板的主要目标之一是一目了然地显示信息,因此依靠滚动或许多交互会稀释整个目的。

帝国大厦仪表板

设计长可滚动仪表板是设计人员最常犯的错误之一。他们试图以清晰的方式显示更多信息,将其一个放置在另一个下面,以避免让用户不知所措。因此,只有屏幕折叠上方可见的信息才可能被用户发现。下面的所有内容都很少受到用户的关注。那么有什么意义呢?

解决方案是确定优先级。在进行更多的研究和采访后,您应该能够识别核心信息。您应该只使用折叠上方的空间来显示它。不要讲述完整的故事 - 而是总结,只显示关键信息。您可以使用其他交互来适应更多内容,而不会用数据让用户不知所措。

不要依赖太多的交互来呈现信息

交互有助于显示次要信息。完全依赖它们作为使用仪表板的主要方式是一个很大的错误。在上面的示例中,我们看到用户如何痛苦地在多个选项卡之间切换才能获得全貌。这会对用户隐藏所有其他选项卡中的信息,就像首屏内容一样。

数据过载仪表板示例

尝试真正使您的仪表板提供信息可能会导致极端情况。我们应该永远记住,人类不擅长同时跟踪多件事。不要对用户要求太多,也不要用数据压倒他们。最多使用 5-7 个不同的小部件来创建视图。否则,用户将很难集中精力并获得清晰的概述。

6. 个性化而不是定制。

用户希望他们看到的内容与他们的个人需求相关。个性化和自定义是可以帮助您确保用户看到对他们重要内容的技术。

个性化由系统本身完成。系统应设置为标识用户并向他们提供与其角色匹配的内容、体验或功能。自定义由用户完成。系统可能使用户能够通过配置布局、内容或系统功能来自定义或更改体验以满足其特定需求。

可定制的仪表板

为用户提供更多自定义仪表板的功能是一个很好的举措,只要视图已经个性化。设计更多自定义方法通常是避免真正找出每个用户角色真正需要看到的内容的繁琐过程的借口。最后,用户只能靠自己为自己构建视图。

7. 集成数据表或列表时,请确保它们是交互式的,并且数据正确对齐。

当您需要显示大量项目的大量信息时,数据表是一个很好的解决方案。例如,包含其 ID、状态、联系人、上次活动等的客户列表最好显示为数据表。还有许多其他好处 - 它很好地利用了空间,提供了轻松的可扩展性,更容易的开发,并且用户通常习惯于使用网格,因为许多人已经习惯使用Microsoft Excel。这是查找和更改某些内容的简单方法。您可以在本文中找到有关数据表的更多信息。10. 最后设计仪表板。

由于仪表板是视觉上最令人兴奋的视图之一,因此它通常是首先要设计的东西之一。我会推荐相反的。仪表板是其他所有内容的摘要视图,并显示来自应用程序各个部分的关键信息。只是在最后设计它更实用。否则,您将需要在处理所有其他页面时不断返回并更新仪表板设计。此外,一旦设计了大多数视图,在组合仪表板时,您将有大量组件可供使用。


首页 > 新闻资讯

Tag: UI外包公司 UI界面设计公司 交互设计公司 人机交互设计公司
留言