扫码阅读
手机扫码阅读

原型说明咋写-拖拽上传文件

269 2024-03-13

本文介绍了一种快速且全面的方法来开发产品原型,以应对常见的原型开发中的时间紧迫和需求不明确的问题,并提供了一个实用的模板。

步骤一:约定规范

首先和开发、UI团队一起约定组件规范,并将这些规范维护在独立的文档中。

步骤二:使用模板

使用Axure和墨刀等工具,将带说明的通用组件置入元件库,便于原型开发时直接使用。开发团队在看到组件时,会根据之前约定的规范进行开发。

规范与模板编写方法

作者计划分享43个常用组件和3篇页面(表单页、列表页、详情页)的规范与模板写法。本期重点是拖拽上传文件组件。

一、约定基础规范

与研发约定默认实现内容,包括模块的整体说明和“上传区”的样式说明,以及上传方法和异常处理方式。

二、拆分说明-已上传操作区

详细介绍了上传操作区的不同状态,如上传中、上传成功、上传失败,并说明了每个状态的悬停样式。

三、约定可控参数

与研发约定原型中可控制的参数,提供了示例参数和参数填写说明。

四、输出说明模板

提供了一个明确的输出说明模板,包含组件名称、文件类型、文件大小、文件数量、提示文案和后置影响。

结语

文章的结尾鼓励读者关注和收藏,以便跟踪系列的更新,并强调读者的支持是作者分享的动力。

想要了解更多,点击 查看原文