5原型设计补充建议.docx

@版本历史变更记录日期作者版本变更内容2012-11--11- -11-27内容大纲1. 列表批量操作建议 . 数据量较少无分页场景下编辑 . 用户直接在列表中进行编辑 . 用户在列表中查看信息,在编辑窗口中编辑内容 . 添加已有数据,或根据已有数据在列表中进行编辑 . 添加已有数据,或根据已有数据在编辑页面中进行编辑 32. 汇总页面(信息港)流程及页面操作建议 . 数据收集汇总,由系统自动发起收集任务。 . 数据收集汇总,由用户选择发起收集任务。 7列表批量操作建议数据量较少无分页场景下编辑适用场景:编辑的数量在100行以下(通常),并且需要在一个页面显示所有数据(不分页)的情况下。编辑模式:用户直接在列表中进行编辑模式描述当用户所编辑数据信息量不大,行宽度未出现滚动条时。用户直接在列表中编辑所需修改的数据。案例分析用户在报销时,需要填写报销明细。通常来说,一次报销明细不会太多。而且报销明细所需要的信息量较少。用户所编辑的内容可以直接在列表中操作。备注1:列表中的输入项,操作过程中可以弹出编辑窗口。备注2:需要修改时,直接在需要修改的输入项中进行修改用户在列表中查看信息,在编辑窗口中编辑内容模式描述用户编辑的数据信息量非常大,或者需要编辑的内容包括图片上传、附加上传操作时,采取编辑窗口的模式进行编辑。和在列表中编辑最大的不同。这种模式下,列表中的信息全部为只读。在编辑页面中,显示单行所有内容。案例分析公司需要在银行进行开户,填写开户申请单。通常每次开户的数量不会很多,但是每个账号的属性信息非常多。单行展示时,会出现横行滚动条(像素大于1024)。上图是在大屏幕分辨率下的截图,即使这样的情况,每个信息项都被压缩的非常紧凑,十分不易于编辑。这个时候可以采取编辑页面的模式。首先页面修改如下:这里列表每行增加一个编辑按钮。用户在添加数据时,首先弹出编辑页面:用户在编辑页面填写所有数据,点确定保存至列表中。如果需要对以添加的数据进行编辑,先找到需要编辑的数据,点击编辑按钮,弹出编辑窗口:修改完需要编辑的内容后保存至列表中。添加已有数据,或根据已有数据在列表中进行编辑模式描述用户需要添加已有数据,或根据已有数据在列表中进行编辑时。点击添加,弹出数据查询页面,用户选择所需的查询结果,确定后将数据初始化至列表中案例分析用户在账户管理中,需要批量对账户提出管理方案建议。这里需要操作的账户不需要显示账户全部信息,信息比较少。我们采取在列表中直接编辑的方式。假设此数据是由此页面填写人添加,而不是传入数据用户点击添加时,弹出查询页面(建议默认为高级查询):填写查询条件后,搜索出结果列表,勾选其中需要编辑的内容(可多选):确定后添加到列表中进行编辑:备注1:如果列表中的内容不需要编辑,只需要展示所选择内容(如:选择需要注销的账户)可以使用这样的模式。添加已有数据,或根据已有数据在编辑页面中进行编辑模式描述和在列表中直接编辑数据不同,需要编辑的数据信息量较大。这个时候建议使用弹出窗口的方式。案例分析用户需要批量修改账