仪表盘的设计仪表板设计是创建应用程序中最困难的部分之一。从在线商业应用程序到快速简单的移动应用程序,知道要向用户展示什么数据——更重要的是,展示什么数据向用户展示——既是一门艺术,也是一门科学。

在本指南中,您将学习10个技巧,用于设计时髦且用户友好的仪表板和应用程序界面,同时仍然以用户能够理解的格式向用户显示重要数据。无论你是刚开始UI设计,还是你的产品已经差不多完成了,跳进来学习如何设计完美的仪表盘。

这是你第一次设计用户界面吗?UI设计不仅仅是创造一些东西看起来优秀的ui也需要这样做履行好。用户体验:可用性的终极指南,将复杂而富有挑战性的UI设计和测试过程分解为简单的步骤供您遵循。

了解你的关键绩效指标(kpi)

每一个应用程序,从移动健身应用程序到强大的在线分析软件,都是围绕几个关键的性能指标构建的。谷歌Analytics跟踪转化率和流量,而MyFitnessPal跟踪卡路里的摄入、摄入和减肥。

了解您的关键绩效指标(KPI)是创建用户喜欢与之互动的仪表板的关键。您的KPI应该是用户首先使用您的应用程序看到的东西 - 界面设计的关键焦点。

研究各种各样的应用程序,从Twitter到谷歌Analytics,看看他们是如何使kpi——在这种情况下,最近的tweets和帐户活动,以及转化率、流量和其他目标——成为他们仪表盘的焦点。

保持一切都轻松、干净和简单

有疑问,简化。最好的用户界面并不大规模复杂 - 事实上,最好的UI根本并不复杂。使用正确的可用方法,您可以在简单,用户友好的仪表板设计背后进行大量功能。

将你的产品功能分解成核心类别,然后使用这些类别来确定你的界面设计。MailChimp将自己的所有特征分成了五类,非常引人注目:活动,列表,报告,Autoresponders,搜索。

如果你的产品有数百个功能,对它们进行分类,并创建一个选项卡或模块化布局,供用户从中选择功能。简单是可行的,最好选择干净、简单的设计,而不是一些杂乱但功能强大的设计。

使用颜色提醒和通知用户

颜色在网页设计中扮演着重要的角色,特别是在设计优秀的用户界面时。使用颜色以按钮颜色和提醒的形式提醒和通知用户任务、活动、功能等。

一般来说,最好在你的网站上使用可预测和常见的颜色。绿色很好地表明一切正常,而橙色和红色可以用来表示小问题或严重问题。

了解有关在UI设计中使用颜色的更多信息斯科特和尼尔的网页界面设计大师班。从头开始为UI设计人员,这个详细的课程涵盖了从应用程序结构到布局和UI控件的一切。

不要重新设计网页

网站之间的UI设计有一些共同的特征。例如,几乎每个社交网络都有一个最近更新的feed。几乎每个B2B应用程序都有一个左对齐的导航栏和一个右对齐的内容部分。

与其从头开始设计仪表板,不如使用与您的应用程序类型相同的特性来加快设计过程。下拉通知或右上角的帐户菜单在UI设计中是普遍存在的。

这些UI设计clichés通常被称为UI模式。关于如何使用UI模式来加速设计和开发的更多信息,请参阅我们的博客betwayapp下载安装你应该知道的9个UI设计模式

为您最流行的平台设计

您的用户如何与您的应用程序交互?他们会在iPad、全分辨率电脑或智能手机上观看游戏吗?了解您的用户喜欢的平台是构建强大且可用的界面的关键。

虽然每个现代网站都应该具有响应性(在任何类型的移动设备或PC上都可以看到),但在设计应用时考虑到最广泛使用的平台是很重要的。例如,大按钮对平板电脑应用程序来说至关重要。

使用谷歌Analytics查看哪些设备用于访问你的网站,然后为你最受欢迎的平台设计。通过我们的深度培训课程,学习谷歌Analytics的基础知识,谷歌分析掌握

调查你的听众来了解他们的需求

你的用户关心什么?应用程序开发人员在确定他们的应用程序将用于什么用途时,经常会犯错误,从而将注意力集中在那些不像他们认为的那么重要的指标上。

不要猜测你的用户会认为什么重要,而是直接投票让他们知道。Facebook利用这一策略来了解广告商的需求,并发布了UI更新印象取而代之的是抵达)结果。

不知道如何调查你的客户?注册我们的课程,如何采访你的客户并获得有用的反馈,学习如何利用网上调查从你的客户那里获得有用和可行的信息。

选择越少越好

当您设计用户界面时,请记住此简单规则:选项越少,用户遇到的问题就越少。当您的界面简单明了时,您将处理更少的支持票和电子邮件。

如果您需要在可用性和功能之间取得平衡,可以考虑添加先进的功能仪表板的选项。Power用户可以使用此选项激活高级功能,允许您为其他用户构建一个简单的界面。

让您的用户进行分类、筛选和组织

您的应用程序是否显示大量数据?商业应用程序(如分析或广告网络)经常显示包含数千个单元格的表格,这使得在保持干净设计的同时显示重要数据变得很困难。

通过让用户选择他们想要看到的内容,避免创建一个难以理解的界面。简单的过滤和排序功能使组织大型列表或表格成为一个快速和简单的一键过程。

打破长期任务,简单的步骤

您的用户是否放弃了购物车和表单?丢弃购物车最可能的原因之一是表单太长太复杂,用户无法理解。

缩短表单,把冗长复杂的任务分解成简单的步骤。如果你的订单需要20个步骤来完成,把它分成4页,每页5个步骤,以优化可用性和改善转换。

从表单到签出,创建用户喜欢与之交互的界面可能很困难。通过注册我们学习测试用户界面的最佳策略简化Web可用性课程。

提供持续的帮助和反馈

很容易假定您的用户在到达您的仪表板时自然知道该做什么。毕竟,你是设计师——你花了几周,甚至几个月的时间,从头开始设计它。

虽然有些用户在到达仪表板时自然知道该做什么,但大多数人并不知道。准备一个简短的教程来指导他们了解你的应用程序的关键特性,这样可以大大减少来自新用户的支持请求。

即使是经常使用的用户偶尔也需要帮助和反馈。例如,Gmail有了解更多TAB上几乎所有的功能,使用户很容易访问帮助和了解更多关于如何应用程序工作。

了解更多关于UI和仪表板设计的信息

仪表板是任何web或移动应用程序中最重要的部分之一,为有兴趣监控kpi的用户提供一站式服务。即使是最好的应用也会因为糟糕的仪表盘而受挫,这就使得正确的设计变得至关重要。

了解更多关于创建伟大的用户界面与我们的UI设计教程。从UI设计的最佳软件到使用铅笔和纸绘制UI草图的好处,它包含了对仪表板设计感兴趣的设计师的有用提示。

数据可视化的顶级课程

Microsoft Excel - 数据可视化,Excel图表和图表
Maven Analytics, Chris Dutton报道
4.6 (20284)
畅销书
After Effects -运动图形和数据可视化
丹尼尔·沃尔特·斯科特,指导总部
4.7 (5288)
畅销书
数据讲故事和数据可视化[2021]
布林德利约书亚
4.4 (557)
畅销书
掌握Excel仪表板创建和数据可视化
Paula Guilfoyle CPA&MVP
4.5 (140)
Grafana和石墨从初学者到高级(第三版)
基诺K。
4.3 (1927)
畅销书
掌握D3.js中的数据可视化[2020 UPDATE]
亚当•琼斯
4.4 (3019)
畅销书
Tableau专家:Tableau 10中的顶级可视化技术
本·杨,利朗西团队
4.7 (1200)
交互式数据可视化与Python和Bokeh
Ardit Sulce
4.3 (1,066)
学习和理解数据可视化的D3.js
路易斯·拉米雷斯小
4.5 (860)
评价最高

更多数据可视化课程

数据可视化学生也学习

让你的团队。领导行业。

使用Udemy for Business订阅在线课程库和数字学习工具。

请求一个演示