扫码阅读
手机扫码阅读

原型说明咋写-年度选择器

253 2024-03-13

文章总结了一种快速且全面的产品原型开发方法,并提供了可直接应用的模板。为了解决产品原型说明不清晰和细节缺失的问题,作者提出了一个分步骤的解决方案。

步骤一:约定规范

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

步骤二:使用模板

利用工具如Axure和墨刀,可以将带有说明的通用组件保存到元件库中,便于开发时参照约定的规范。

文章接着详细介绍了如何编写规范与模板,并分享了“年度选择器”组件作为例子。这个组件可以用于选择年度或年度范围。

一、约定基础规范

与开发团队约定默认实现的内容,并通过规范文档维护,包括输入框样式、展开操作、面板基础说明和业务面板基础规范。

二、约定可控参数

与开发团队约定原型中可控制的参数,例如状态(可用、只读、禁用)、提示文案、影响事件和一键清除功能。

三、输出说明模板

提供了年度选择器和年度范围选择器的模板示例,包括组件名称、状态、提示文案、一键清除、可选范围等参数的设定。

文章最后鼓励读者关注和收藏系列更新,以便不错过后续的分享。

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