扫码阅读
手机扫码阅读

原型说明咋写-表格:批量操作

72 2024-03-13

开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。
今天教大家一个方法,既快又全。文末提供模板,可直接用

对提前准备原型规范&说明模板不明白的朋友,可以先查看《如何解决原型说明写不全?
=========强烈建议点个【关注】或【收藏】不迷路=========

本期组件:表格-批量操作
组件概述:表格的基础操作

一、 约定基础规范
本节主要与研发约定默认实现内容,通过规范文档维护
1.基础样式
在表格第一列增加勾选框,并在表格左下方显示批量操作,及勾选项数据统计。

2. 基础交互

2.1. 勾选

1、勾选表头,则全选本页,全选仅在本页生效,具体操作参考复选框

2、勾选本页部分行,表头为“选部分”状态

3、翻页、更改数据过滤规则、更换排序等操作,清空已选项

注,不建议做翻页记忆,原因如下:

  • 1、不同页面勾选,翻页后容易忘记都选了哪些

  • 2、一页内选不到所需数据,可通过设置更大的页面显示数量或过滤数据后,再勾选数据

2.2. 统计

即在表格下方独立区域显示所需的统计信息,如“共N条数据,已选N条,XX项总数为N,平均值N”

除一些约定俗成的统计项(如:共N条、已选N条)外,都要说明统计方式,及显示单位,以防团队理解不一致


2.3. 操作

勾选最终目的是批量操作,常见有“批量导出”、“批量编辑”、“批量删除”等,以上操作对应“独立操作窗口”,组件中仅通过按钮衔接至对应操作窗口。按钮布置及注意项如下:

1、仅两三个批量操作内容,可平铺在“批量操作区域”,便于快速操作

2、有多个批量操作,酌情考虑通过“下拉按钮”折叠批量操作选项

3、批量操作后,需保留原有勾选项。



二、约定可控参数
本节主要与研发约定原型中可控制的参数,也通过规范文档维护。文中会提供示例参数,及参数填写说明

无需


三、输出说明模板

组件名称前加个“规范”,便于团队识别规范组件;模板可直接写入注释,并存为Axure/墨刀元件库

  • 组件名称:规范-表格-批量操作-勾选

  • 具备此组件的表格,需支持多选操作

  • 组件名称:规范-表格-批量操作-统计

  • 1、统计项1

    • 数据计算方式:

    • 数据显示规则:


  • 2、统计项2

    • 数据计算方式:

    • 数据显示规则:

  • 组件名称:规范-表格-批量操作-操作

  • 1、操作1

    • 操作说明:

  • 2、操作2

    • 操作说明:

原文链接: http://mp.weixin.qq.com/s?__biz=MzI1NTUwODc4OQ==&mid=2247484429&idx=1&sn=882c4deefe939fcc79fcabd8ef25b87d&chksm=ea35ac57dd422541d10f74ccde0560b552a7ce50a5a1c39d197c956d5560e2f276fb06cbf401#rd