恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
提升Dashboard设计的三个技巧
0.0°
2016-11-29 自译外文 经验/观点 原作者: Joanna Ngai 举报 2130 6 2 0

创建有效Dashboard的最佳做法

Dashboard是用户界面的一种,它将纷繁零碎的信息整合成一块显示,让用户一目了然地收集关键信息。


设计得当的话,Dashboard可以将庞大复杂的信息简单清晰地展示出来。因此,Dashboard成为企业和所有设法从各种来源传输数据的组织的杰出工具。


这里有三个技巧可以让Dashboard更有效:


1.组织


Dashboard的内容必须以反映信息本质并支持有效和有意义的监控的方式进行组织。


不能随便把信息放在Dashboard的某处,也不能将可用空间的大小简单地定为显示器的大小。相关的信息应该比邻而居。


——Stephen Few,《信息仪表盘设计》作者

Image title

应该按照对用户的重要程度来组织信息。重要的信息应该能被清晰、快速地辨认。


通过查看网页设计的例子,可以收集关于使用网格设计布局的有益指导。


当你开始设计布局Dashboard时,思考以下问题:


应该把最重要的信息放在哪里?辅助支持的信息呢?该如何设计布局图表和文本才能保持清晰度和连贯性?如何利用留白给你的用户讲一个清晰的故事,并帮助他们获取信息?



2.适当的可视化


图表有一种魔力。曲线的轮廓揭示了整体情况——流行病生命史、恐慌,或一个时代的繁荣状况。曲线调动思维,唤起想象力,说服力。


——Henry D.Hubbard  
 

Image title

可视化是Dashboard设计的一个关键部分。原始数据通常十分复杂难懂,很难消化,而且冗长乏味。可视化的目的就是在短时间内展现有关的信息,同时让用户在想要时获得更多细节。


可视化应该服务于特定目的,并用比基本原始数据格式更有效的方法传达特定的高级信息。


考虑你在通过Dashboard给哪类用户传达哪种类型的信息。


思考以下问题,然后选择一种合适的可视化方案:


用户最关心什么信息?


除此之外他们还需要什么重要的细节?


你试图传递什么类型的信息?


3.减少迷惑


可视化的目的是洞察,而不是图片。


——Ben Shneiderman

Image title

有选择性的选取你需要展示的数据以及突出数据的可视化方法。使用颜色减少可视化的杂乱和复杂是很精妙很有意义的方法。


Dashboard应该用于传递从可操作的结果内提取的高级信息。通过使用导航元素(例如菜单或者过滤器)来简化复杂数据集,从而降低复杂性。


欢迎关注公众号 1660,不仅有译文哦:


Image title


更新:2016-11-29

收藏

6人已收藏

Cyy_Emma

接设计私活,q交流群:145065052

  • 35

    作品

  • 425

    粉丝

  • 21

    关注

  • 利用Tableau开发通用性Dashboard指南
  • 优雅Dashboard,附送Sketch源文件~
  • 第二阶段C4D练习
  • 2016年11月移动端交互设计Top 5

    猜你喜欢

      2016-11-29 自译外文 经验/观点 原作者: Joanna Ngai 举报 2130 6 2 0

      提升Dashboard设计的三个技巧

      0.0°

      你确定要举报提升Dashboard设计的三个技巧

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年11月23日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      2
      6
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录