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

0 评论 2916 浏览 10 收藏 5 分钟
渴望踏入产品经理行业但无从下手?我们的1V1私教陪跑实战营,由大厂导师手把手带你入门,从理论到实践,助你快速掌握核心技能,轻松上手!

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

对提前准备原型规范&说明模板不明白的朋友,可以先查看《如何解决原型说明写不全?》

本期组件:表格-批量操作。

组件概述:表格的基础操作。

一、约定基础规范

本节主要与研发约定默认实现内容,通过规范文档维护。

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. 勾选(必须)

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

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

2. 统计(可选)

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

统计项1:

  • 数据计算方式
  • 数据显示规则

统计项2:

  • 数据计算方式
  • 数据显示规则

3. 操作(可选)

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

1)操作1

操作说明

2)操作2

操作说明

本文由 @产品工具库 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
38043人已学习20篇文章
“搜索功能”拆解:小功能,大细节。
专题
13178人已学习13篇文章
在产品的不同生命周期,需要有对应的产品战略以应对市场。本专题的文章分享了如何做好产品战略规划。
专题
15426人已学习12篇文章
用户体验五要素包括战略层、范围层、框架层、结构层、表现层五个方面,本专题的文章分享了用户体验五要素的看法。
专题
16428人已学习12篇文章
对于产品经理来说,做用户调研是一项很重要的过程。本专题的文章分享了如何做好用户调研。
专题
66832人已学习25篇文章
做好微信运营比做好APP运营还重要,因为用户把时间都给了微信。
专题
13326人已学习15篇文章
该如何有效推广?有效推广的策略有哪些呢?本专题的文章分享了产品推广策略。