[外观设计]用于显示设备的图形用户界面

摘要

1、产品名称用于显示设备的图形用户界面。2、产品用途用于运行程序、进行通讯以及进行通信。3、设计要点在于显示设备显示的图形用户界面内容。其余部分的设计为惯常设计。4、界面用途产品的图形用户界面为显示基于流程图的云服务故障诊断系统的界面。设计1主视图为配置界面，当用户触发“Flow编辑页面”标签时，“Flow编辑页面”从左至右分为三个模块，分别为“Item列表框”、“Flow列表框”、“Flow详情编辑框”，其中；“Item列表框”中，以只读方式显示已配置好的Item列表，除显示名称外，还在名称左侧显示其编号。点击某个Item，会在列表下方的本文框内显示该Item的详情；“Flow列表框”中，触发“Flow名称列表”模块中任一项目名称时，该项呈选中状态，同时，最右侧的“Flow详情编辑框”会显示相应的详情，可供编辑和保存；也可触发项目名称右侧的“铅笔”图标修改名称或“×”图标删除该项目；“Flow详情编辑框”中，以流程图的方式显示某个项目；其中，编辑框分为两栏，左侧栏为三个只读的“基本元素”列表，右侧栏为流程图。当用户在新建一个项目或触发一个已存在项目时，用户可以通过“拖拽”的方式将基本元素从左侧栏复制到右侧栏，并进行相应的编辑，形成一个完成的流程图（包括文本注释）。设计2主视图为运行界面，界面顶部显示“选择产品”下拉框、“选择团队”下拉框和“选择流程”下拉框以及“ID或IP”输入框、“用户ID（Uid）”输入框、“时间范围”输入框等，界面顶部右侧显示“开始诊断”和“查看历史”按钮，页面主体显示“诊断流程图”显示框、“诊断流程”列表框、“诊断项”列表框，其中；“诊断流程图”显示框中，在诊断过程未结束之前，每隔若干秒（如3秒）循环显示“诊断流程”列表框中每个项目对应的流程图；在诊断过程结束之后，默认显示第一个项目的对应流程图。“诊断流程”列表框中，显示用户选定的一个或多个流程项目的状态。“诊断项”列表框中，触发“诊断流程”列表框中的某一项“查看详情”按钮后，显示该项目所包含的所有的诊断项的诊断结果。设计3主视图为配置界面初始界面，界面顶部显示“选择产品”下拉框和“选择团队”下拉框，当用户选择产品及团队后，页面主体显示“Item编辑页面”和“Flow编辑页面”两个标签页，显示设计3界面变化状态图1；设计3界面变化状态图1中，当用户触发“Item编辑页面”标签时，“Item编辑页面”从左至右分为三个模块，分别为“Item名称列表”、“指标树”、“Item详情编辑框”；当用户触发“Item名称列表”模块中任一项目名称时，该项呈选中状态，同时，最右侧的“Item详情编辑框”会显示相应的详情，可供编辑和保存，显示设计3界面变化状态图2；设计3界面变化状态图1中，当用户触发“Flow编辑页面”标签时，“Flow编辑页面”从左至右分为三个模块，分别为“Item列表框”、“Flow列表框”，显示设计3界面变化状态图3；在设计3界面变化状态图3中，当用户触发“Flow列表框”模块中任一项目名称时，该项呈选中状态，同时，最右侧的“Flow详情编辑框”会显示相应的详情，可供编辑和保存，显示设计3界面变化状态图4。设计4主视图为运行界面的初始界面，界面顶部显示“选择产品”下拉框、“选择团队”下拉框和“选择流程”下拉框以及“ID或IP”输入框、“用户ID（Uid）”输入框、“时间范围”输入框等，界面顶部右侧显示“开始诊断”和“查看历史”按钮，页面主体显示“诊断流程图”显示框、“诊断流程”列表框、“诊断项”列表框；用户输入相应的数据后，触发“开始诊断”按钮后，“诊断流程图”显示框内显示用户选定的一个或多个流程的状态、“诊断流程图”列表框内显示流程图、“诊断项”列表框显示诊断结果，显示设计4界面变化状态图1；在设计4界面变化状态图1中，触发“诊断项”列表框中“查看详情”按钮后，弹出浮层显示详情，依次显示设计4界面变化状态图2、设计4界面变化状态图3；在设计4界面变化状态图1中，触发界面顶部右侧“查看历史”按钮时，弹出浮层，以列表方式显示用户诊断历史记录，显示设计4界面变化状态图4。界面中空白部分为流程图内容，故删除。5、最能体现本外观设计的设计要点的图片设计1主视图。6、该外观设计包括4项设计，其中设计1为基本设计。7、设计1‑4的左视图、右视图、后视图、仰视图、俯视图为惯常设计，故省略。