Xconsole的场景页面

http://xconsole.cloud/
http://xconsole.cloud/cloudbench/scenes

引导类概览类列表类详情类表单类结果类

引导类

简介常用于产品或功能的欢迎介绍、新手开通引导等场景，由功能区和内容区上下两个部分构成。功能区可包含 1.起到正确表意效果的产品配图； 2.产品名称、产品简介、产品文档跳转连接； 3.功能自定义模块，例如勾选协议、认证授权等开通前置功能，也可以根据业务场景的需要，结合步骤条等组件，承载更复杂的内容； 4.主要行动按钮，例如“立即开通”、“开始使用”等。内容区可包含 1.产品能力介绍； 2.使用流程介绍； 3.布道内容、运营内容、帮助文档等信息新用户可能关心或感兴趣的内容。

概览类

简介常用于产品信息全局总览，起到集中显示用户可能更关心的信息、展示关键数字、提供常用功能入口等作用。概览类页面适合以卡片形式按特定比例进行页面信息布局。

列表类

简介常用于以列表形式批量展示资源、商品、服务等内容的属性信息，并可提供与内容相关的操作或设置。列表类页面通常由上中下三部分构成：顶部操作区、内容区、底部操作区。顶部操作区左侧 1.主要放置针对列表内容操作的功能按钮，例如主行动按钮、搜索框及搜索按钮、筛选下拉框等； 2.如果有高级筛选类操作，也可以放置在此区域； 3.当功能按钮较多无法排开时，可以自右向左将部分按钮收起到下拉框中。顶部操作区右侧 1.主要放置针对列表展示形式、帮助类信息的功能按钮，例如列表显示列配置、刷新、帮助文档链接等； 2.通常使用文字按钮、Icon按钮、文字链接形式； 3.建议控制功能按钮数量。内容区 1.按需展示各种不同的列表，例如普通列表、支持批量选择的列表、嵌套型列表等； 2.根据业务场景的需要和展示要求，可以拓展多种展示形式，例如：关键列锁列、自定义列表顺序、列表内筛选等。底部操作区左侧主要放置针对列表内容可批量操作的功能按钮，例如删除、启动、停止等。底部操作区右侧主要放置针对列表的翻页器，可按需选用不同形式的翻页器。

详情类

简介常用于展示列表中条目的详细信息，详情类的页面内容区可以有多种信息布局、由多个信息块构成，也可以放置列表、发生多次页面下探。

表单类

简介常用于创建、编辑复杂表单场景，表单内容可以进行单列、多列布局，表单项的标签与内容可以进行左右或上下排布。

结果类

简介常用于反馈功能操作、表单操作结果场景，更好的引导用户查看操作结果信息或继续进行关联操作。

参考

常见业务领域和功能

设计模式概要

Xconsole的场景页面

参考