<rt id="gauyw"><center id="gauyw"></center></rt>
<acronym id="gauyw"><center id="gauyw"></center></acronym>
"

✅泛亚电竞|在线登录✅㊣全球最大,最信誉的线上综合平台✅泛亚电竞|在线登录✅千款游戏,砖石级服务,泛亚电竞|在线登录,欢迎各界玩家加入体验!

<rt id="gauyw"><center id="gauyw"></center></rt>
<acronym id="gauyw"><center id="gauyw"></center></acronym>
"

企业软件开发通用界面设计法则

日期:2021-04-25 10:33:58    来源:www.satfilmfest.com

大部分产品经理在设计企业软件产品界面的时候不知道如何下手泛亚电竞|在线登录泛亚电竞|在线登录,今天广州软件开发公司-毕方信息就为大家汇总了一些企业软件典型界面及其设计原则,帮助大家从容应对界面设计,不再不知所措泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。


Dashboard

Dashboard 页通常作为产品的泛亚电竞|在线登录出现泛亚电竞|在线登录泛亚电竞|在线登录,产品内各种重要的数据和信息都会展现在 Dashboard 上。用户可以通过点击 Dashboard 上的卡片或卡片上某条数据泛亚电竞|在线登录,快速链接到详情,这大大缩短了用户获取信息的路径泛亚电竞|在线登录。产品团队也可以通过 Dashboard 页,向用户传递产品迭代泛亚电竞|在线登录、运营活动等内容泛亚电竞|在线登录。

1. 设计原则

?泛亚电竞|在线登录?槎懒?/strong>

Dashboard 是由承载不同内容的卡片组成的泛亚电竞|在线登录,每块卡片的内容都要独立泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,不该交叉泛亚电竞|在线登录。

有效统计

Dashboard 上所呈现的数据最重要的就是该数据是否为用户真实所需,如果统计数据不对用户产生任何价值泛亚电竞|在线登录泛亚电竞|在线登录,那还不如不统计,否则会干扰用户泛亚电竞|在线登录泛亚电竞|在线登录。

短路径导航

了解用户需要使用 Dashboard 的核心目标,为用户通过 Dashboard 达到数据详情页提供最短的路径导航。

2. 工作台

使用场景

将用户需要待办的事项泛亚电竞|在线登录、事项处理的进度等都完整的展示出来泛亚电竞|在线登录泛亚电竞|在线登录,方便用户随时查看泛亚电竞|在线登录,提升用户的工作效率泛亚电竞|在线登录泛亚电竞|在线登录。

核心功能

核心统计数据、待办任务泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、快捷入口泛亚电竞|在线登录、通知公告等。

设计建议

  • 展示与使用角色日常工作相关姆貉堑缇簗在线登录??,并且将重要??榉旁谑灼?泛亚电竞|在线登录。
  • 总?泛亚电竞|在线登录?槭烤×靠刂圃?59 个泛亚电竞|在线登录。
  • 不同的角色需求不同,应提供基于角色的差异化视图泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

3. 新手引导

使用场景

当新用户第一次使用产品时泛亚电竞|在线登录泛亚电竞|在线登录,为了减少用户的困难和快速完成用户的任务泛亚电竞|在线登录,新手引导页可以将核心操作链路展现给用户。

核心功能

产品介绍泛亚电竞|在线登录、核心功能使用手册泛亚电竞|在线登录泛亚电竞|在线登录、相关内容指引泛亚电竞|在线登录。

设计建议

  • 引导步骤尽量控制在 35 步。
  • 引导语尽量简短并阐明要义泛亚电竞|在线登录。
  • 可以添加视频学习窗口泛亚电竞|在线登录泛亚电竞|在线登录,帮助用户快速上手泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

4. 监控页

使用场景

监控页是数据可视化页面中的一种,它通过一系列对数据高度概括的图表来展现系统的核心指标泛亚电竞|在线登录。指标监控页的使用者通常是管理者(即决策者)泛亚电竞|在线登录,他们需要看到系统整体的运行状态泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,监控全局数据泛亚电竞|在线登录泛亚电竞|在线登录,从而调整自己的决策泛亚电竞|在线登录。

核心功能

关键指标统计泛亚电竞|在线登录泛亚电竞|在线登录。

设计建议

  • 展示决策者关注的核心指标泛亚电竞|在线登录,并将重要姆貉堑缇簗在线登录泛亚电竞|在线登录?榭壳罢故?泛亚电竞|在线登录。
  • 使用合理的图表展现数据泛亚电竞|在线登录。
  • 图表配色要符合数据的特性,例如警示用黄色泛亚电竞|在线登录。
  • 允许用户可以下钻查看详情泛亚电竞|在线登录。

超全泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普!

5. 分析页

使用场景

分析页也是数据可视化页面中的一种泛亚电竞|在线登录,它通过对系统多维度的详细分析来展示系统的情况,从而使使用者可以发现问题泛亚电竞|在线登录,并尽早找出解决办法泛亚电竞|在线登录。监控页重在总览泛亚电竞|在线登录,而分析页重在明细泛亚电竞|在线登录,因此泛亚电竞|在线登录泛亚电竞|在线登录,分析页的使用者通常是执行者泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。

核心功能

关键指标明细分析泛亚电竞|在线登录。

设计建议

  • 展示执行者关注的明细指标,并将重要姆貉堑缇簗在线登录泛亚电竞|在线登录?榭壳罢故?泛亚电竞|在线登录。
  • 使用合理的图表展现数据泛亚电竞|在线登录。
  • 明细数据姆貉堑缇簗在线登录泛亚电竞|在线登录?椴灰斯?,59 个为宜泛亚电竞|在线登录。

超全泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录泛亚电竞|在线登录!

表格页

表格页可以处理大量的数据条目泛亚电竞|在线登录,同时可以导航至对应数据的详情页泛亚电竞|在线登录。在表格页中,用户可以查询自己所需要的数据条目泛亚电竞|在线登录,以及对比数据条目泛亚电竞|在线登录、新增数据条目泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、删除数据条目等。

1. 设计原则

姆貉堑缇簗在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录?榍逦?/strong>

表格页通常由查询区泛亚电竞|在线登录、按钮区泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、表格区、分页器等?泛亚电竞|在线登录泛亚电竞|在线登录?樽槌?泛亚电竞|在线登录泛亚电竞|在线登录,要保证姆貉堑缇簗在线登录泛亚电竞|在线登录泛亚电竞|在线登录?榧洳愦魏侠碛肭逦貉堑缇簗在线登录。

数据格式

表格页中最大的??槲砀袂?泛亚电竞|在线登录,该区域由列组成泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,列由数据构成泛亚电竞|在线登录泛亚电竞|在线登录,列中的数据格式展现要符合业务及用户的需求,例如“星期三”不能表现成“星期 3”泛亚电竞|在线登录。

数据对齐

对齐方式合理的数据泛亚电竞|在线登录泛亚电竞|在线登录,有利于用户定位数据泛亚电竞|在线登录泛亚电竞|在线登录、分析数据泛亚电竞|在线登录泛亚电竞|在线登录。通常数据对齐方式为数值右对齐泛亚电竞|在线登录,文本左对齐,特殊情况居中对齐泛亚电竞|在线登录泛亚电竞|在线登录。

2. 使用场景

全表格页是最常见的产品界面泛亚电竞|在线登录泛亚电竞|在线登录,全表格页主要由筛选条件泛亚电竞|在线登录、按钮区、表格区泛亚电竞|在线登录、分页器组成。表格区是表格页中的主角泛亚电竞|在线登录泛亚电竞|在线登录,当界面数据只需要一张表呈现的时候,使用全表格页泛亚电竞|在线登录。

核心功能

多字段筛选泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、操作区泛亚电竞|在线登录泛亚电竞|在线登录、表格区、分页器泛亚电竞|在线登录。

设计建议

  • 将重要的字段和用户使用频率较高的字段放置在表格靠前的位置泛亚电竞|在线登录泛亚电竞|在线登录。
  • 表格中重要的字段和数据保证让用户可以看完整泛亚电竞|在线登录。
  • 表格中的时间、状态、操作栏等泛亚电竞|在线登录,以及其他业务规定的字段,需保持完整展示泛亚电竞|在线登录。
  • 表格上方的筛选条件一次性展示不宜过多,建议 3-8 个左右。

超全泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

3. 左树右表页

使用场景

左树右表页的界面布局基本与全表格页差不多,只不过其多了一颗左侧的树来帮助用户导航。

核心功能

导航树、多字段筛选泛亚电竞|在线登录、操作区泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、表格区、分页器泛亚电竞|在线登录泛亚电竞|在线登录。

设计建议

  • 导航树上的文字尽量展示完整泛亚电竞|在线登录泛亚电竞|在线登录,便于用户定位信息。
  • 导航树的层级不可太深泛亚电竞|在线登录泛亚电竞|在线登录,控制在 4 层以内泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录泛亚电竞|在线登录!

4. 上下表格页

使用场景

上下表格页是表格嵌套表格幻化过来的泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,通常上表格为主表,下表格为子表泛亚电竞|在线登录,子表展示了主表中某条数据的详情。

核心功能

多字段筛选泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、操作区泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录、表格区、分页器。

设计建议

  • 主表数据对应的子表数据需要符合逻辑且展现清晰泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。
  • 若主表和子表均数据量大泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,则需要都加入筛选条件泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

4. 左右表格页

使用场景

左右表格页与上下表格页有异曲同工之妙泛亚电竞|在线登录泛亚电竞|在线登录,左右表格页通常左表为主表,右表为子表。

核心功能

多字段筛选、操作区泛亚电竞|在线登录、表格区泛亚电竞|在线登录、分页器。

设计建议

  • 由于表格左右布局泛亚电竞|在线登录,表格列不宜过多泛亚电竞|在线登录,尽量不出现滚动条泛亚电竞|在线登录泛亚电竞|在线登录。
  • 左右表格区分要明显,保证信息正确归属。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

6. 折叠表格页

使用场景

折叠表格页的出现通常是页面上表格的信息需要分组泛亚电竞|在线登录,每一张表格展现一类信息泛亚电竞|在线登录。

核心功能

分组、操作区泛亚电竞|在线登录、表格区泛亚电竞|在线登录、分页器泛亚电竞|在线登录泛亚电竞|在线登录。

设计建议

  • 建议加上分组的标题及描述信息泛亚电竞|在线登录。
  • 每个表格为一个姆貉堑缇簗在线登录?榉貉堑缇簗在线登录泛亚电竞|在线登录泛亚电竞|在线登录,建议??榭扇空箍肴空鄣?。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

表单页

表单页是用于信息添加和录入的页面类型泛亚电竞|在线登录,用户根据系统的要求将必填字段信息填写完成泛亚电竞|在线登录泛亚电竞|在线登录,从而提交给系统泛亚电竞|在线登录,由系统接收并输出信息泛亚电竞|在线登录泛亚电竞|在线登录。

1. 设计原则

控件合理

通过选择合理的数据录入控件泛亚电竞|在线登录,及通过合理的信息组织形式泛亚电竞|在线登录,帮助用户可以快速完成数据录入的任务泛亚电竞|在线登录泛亚电竞|在线登录。

明确好用

表单页面中泛亚电竞|在线登录,每个表单项都要做到自身体验的明确与好用,例如针对一些有通用值的表单项建议设置默认值泛亚电竞|在线登录,针对必填项要明确标明,针对表单项标题泛亚电竞|在线登录、错误提示要明确传达含义泛亚电竞|在线登录。

清晰反馈

表单录入完后泛亚电竞|在线登录泛亚电竞|在线登录,允许用户进行返回、取消、清空泛亚电竞|在线登录、保存等操作,并且操作后提供明确的反馈泛亚电竞|在线登录,例如保存成功、保存失败等泛亚电竞|在线登录。

2. 基础表单页

使用场景

表单项较少泛亚电竞|在线登录,表单信息直接平展即可泛亚电竞|在线登录,表单录入任务简单且快速泛亚电竞|在线登录。

核心功能

表单项泛亚电竞|在线登录、填写说明泛亚电竞|在线登录、操作按钮区泛亚电竞|在线登录。

设计建议

  • 表单项尽量单行纵向排列,引导用户纵向阅读。
  • 在界面空间有限时泛亚电竞|在线登录,表单项可多个组合在一行中泛亚电竞|在线登录,进行多列排列泛亚电竞|在线登录泛亚电竞|在线登录,建议不超过 3 列泛亚电竞|在线登录。
  • 表单项对齐方式一致泛亚电竞|在线登录,保证用户视线流舒适泛亚电竞|在线登录泛亚电竞|在线登录,高效完成数据录入泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。
  • 表单整体要保持在用户合理操作范围泛亚电竞|在线登录,居左或居中。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

3. 高级表单页

使用场景

高级表单页通常需要用户填写大量的信息泛亚电竞|在线登录,这样大型而复杂的数据录入任务需要被拆解为多个部分进行泛亚电竞|在线登录。

核心功能

分组/卡片分组、表单项、操作按钮区泛亚电竞|在线登录。

设计建议

  • 任务的分组需要有层层递进关系泛亚电竞|在线登录,而不是无序的分组泛亚电竞|在线登录。
  • 如果任务分组过多泛亚电竞|在线登录泛亚电竞|在线登录,最好不要超过 5 组泛亚电竞|在线登录,在 25 组之间较为合适,可以采用锚点定位的方式来帮助用户定位信息。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录泛亚电竞|在线登录!

4. 分步骤表单页

使用场景

当表单填写有相应的步骤顺序时,采用分步骤表单较为合适。

核心功能

步骤条泛亚电竞|在线登录、表单项泛亚电竞|在线登录、操作按钮区。

设计建议

  • 若步骤间有很明确的顺序关系泛亚电竞|在线登录泛亚电竞|在线登录,需在相关位置进行明确的提示泛亚电竞|在线登录泛亚电竞|在线登录。
  • 若有些步骤为非必填泛亚电竞|在线登录泛亚电竞|在线登录,建议也做出合理的展现。
  • 步骤不宜过多泛亚电竞|在线登录泛亚电竞|在线登录,在 25 项为宜。

超全泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普!

5. 带树表单页

使用场景

当表单块归属不同的分类时,需要使用带树表单页去处理。

核心功能

导航树、表单项、操作按钮区泛亚电竞|在线登录。

设计建议

  • 分类超过 10 项泛亚电竞|在线登录,且分类标题内容较长时泛亚电竞|在线登录泛亚电竞|在线登录,建议使用树导航泛亚电竞|在线登录泛亚电竞|在线登录。
  • 分类带有层级时泛亚电竞|在线登录,建议使用树导航。

超全泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录!

详情页

详情页的作用是向用户展示一个对象的完整信息,它的主要作用是帮助用户信息浏览泛亚电竞|在线登录泛亚电竞|在线登录,同时允许对详情页整体的数据或某部分数据发起编辑等操作。

1. 设计原则

层次分明

针对信息较少的详情,平铺展示即可泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录;针对信息量大的详情泛亚电竞|在线登录,需进行合理组织泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,保证层级分明泛亚电竞|在线登录泛亚电竞|在线登录。

结构相近

针对详情信息的?泛亚电竞|在线登录泛亚电竞|在线登录?榛橹?,要求尽量姆貉堑缇簗在线登录?榈慕峁瓜嗨?泛亚电竞|在线登录,减少复杂性泛亚电竞|在线登录,降低用户的理解成本泛亚电竞|在线登录。

2. 基础详情页

使用场景

基础详情页信息量较少,信息复杂度低泛亚电竞|在线登录,直接平铺展示即可。

核心功能

详情信息泛亚电竞|在线登录。

设计建议

  • 建议呈现在一张卡片中泛亚电竞|在线登录泛亚电竞|在线登录,直接通过标题进行区分泛亚电竞|在线登录。
  • 字段与内容要明显区分泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,不可糊在一起泛亚电竞|在线登录。

超全泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录!B端通用界面设计法则全方位科普!

3. 高级详情页

使用场景

高级详情页需要展示的内容量较大泛亚电竞|在线登录,且复杂度高泛亚电竞|在线登录泛亚电竞|在线登录,需要拆分为多组来帮助用户浏览信息泛亚电竞|在线登录。

核心功能

卡片泛亚电竞|在线登录泛亚电竞|在线登录、分组、详情信息泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录。

设计建议

  • 分组维度要合理泛亚电竞|在线登录,保证一个维度讲一件事情泛亚电竞|在线登录。
  • 若分组??榇笥?5 项泛亚电竞|在线登录,建议使用锚点定位泛亚电竞|在线登录泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普!

4. 可编辑详情页

使用场景

详情页中有部分字段由于业务需要,会进行修改泛亚电竞|在线登录。

核心功能

详情信息、可编辑信息泛亚电竞|在线登录泛亚电竞|在线登录。

设计建议

  • 可编辑字段通常有两种情况,一种为常显编辑泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,一种为点击编辑。用户对常显编辑字段操作时泛亚电竞|在线登录泛亚电竞|在线登录,页面需要对是否编辑过做出适当反馈泛亚电竞|在线登录。
  • 可编辑样式尽量统一泛亚电竞|在线登录,减轻用户认知负担泛亚电竞|在线登录。

超全泛亚电竞|在线登录!B端通用界面设计法则全方位科普泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录!

通过上面的示例,如果能做到对企业软件通用型界面了然于胸泛亚电竞|在线登录,那么在面对用户需求时才能从容应对,举一反三泛亚电竞|在线登录。不断总结和抽象,是我们应对各种需求的不二法宝泛亚电竞|在线登录。

让我们协助您将需求落地

*请填写需求信息泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录泛亚电竞|在线登录,我们会在24小时内与您取得联系泛亚电竞|在线登录。

泛亚电竞|在线登录