美文网首页
Dashboard设计

Dashboard设计

作者: 贾老师和他的朋友们 | 来源:发表于2019-10-26 10:24 被阅读0次
Dashboard

一、Dashboard的概念

翻译成中文可以是仪表盘,虽然我不是特别满意。汽车的仪表盘,手机的首页,网站的首页(带有登陆功能的更为明显),大家基本能懂了。简单说:就是聚合系统重要内容统一呈现。有人说是portal,我觉得portal比dashboard范围要大,portal也有dashboard。

二、为什么要设计Dashboard

dashboard是给用户的第一屏,这就是为什么要设计dashboard,第一印象很重要;如果能让用户在第一屏就能完成大部分功能,体验将会大大提高。而把系统所有内容集中到一屏上,是非常困难的一件事。

三、设计步骤

主要从三个维度考虑
a)、用户场景,展示内容。属于道的层面。
b)、如何展示。属于术的层面。
c)、交互方式。属于术的层面。

3.1用户场景,展示内容

脱离场景谈设计有点耍流氓。这里只谈2B中管理系统方向。
如果以功能论,展示内容没法一一列举,所以需要把业务进行抽象,这就需要系统有消息机制,完成业务的消息的聚合。这样思路就简化了
1)消息。之前写过一篇讨论统一消息的内容,现在感觉提升空间很大,以后再重写一篇。
2)系统重要数据指标,可以说是KPI类数据,尽管有些人认为KPI过时了,但是从系统角度,KPI还是比较直观和简化的方式。
3)快捷操作入口

3.2如何展示

1、portlet是一种比较好的概念。
2、流式布局使设计简单
3、每个portlet尽量不要有滚动条
具体设计时再补充。

3.3交互方式

1)弹窗。弹窗是最简单的方式,但是要考虑弹出内容URL设计方便。
2)跳转。从程序设计角度,要在前期设计方便系统间跳转。

相关文章

  • 【笔记 | 翻译】Information Dashboard D

    《Information Dashboard Design》是2006年出的一本关于dashboard设计的书籍,...

  • dashboard设计

    整体的设计是卡片式的metro风格 基础理念: 1.选择excel的50列,控制列的宽度,每个单元格为正方形,其他...

  • Dashboard设计

    1.Dashboard含义 Dashboard的中文是“仪表盘”,与汽车仪表盘相同——反映车辆各系统工作状况的装置...

  • Dashboard设计

    一、Dashboard的概念 翻译成中文可以是仪表盘,虽然我不是特别满意。汽车的仪表盘,手机的首页,网站的首页(带...

  • 全新展示界面-HA Dashboard架设

    HA 的dashboard 是用类似metro的设计语言展示HA中的组件的界面。dashboard项目基于appd...

  • 如何设计Dashboard

    1.为谁设计,用户想要什么 角色、岗位的不同就造成了他们所关注的重点、立场不同,不同人所发现的信息、得出的结论也是...

  • 关于Dashboard设计的总结

    作为一个TOB产品的设计师,一定设计过仪表盘(Dashboard)无论是哪一种数据产品,仪表盘(Dashboard...

  • kubenetes dashboard 1.10.0

    kubeadmin dashboard dashboard modify kubernetes-dashboard...

  • 使用 Nginx 做 EMQ Dashboard静态资源服务器

    EMQ Dashboard前端页面使用SPA设计(single-page application), 后端使用 M...

  • 【译】如何设计Dashboard?

    Dashboard的作用 Dashboard是用于沟通状态,监控工作进度或评估工作成功与否的重要工具。如今,Das...

网友评论

      本文标题:Dashboard设计

      本文链接:https://www.haomeiwen.com/subject/opryvctx.html