扫码阅读
手机扫码阅读

原型说明怎么写-滑动输入条

215 2024-03-13

快速且全面的原型开发方法

在面临领导对原型快速开发的压力下,产品人员往往陷入两难。本文提供了一种既快速又全面的方法,并附有可直接应用的模板。

一、约定默认交互

首先,与研发团队约定滑动输入条的基础样式和交互。这包括样式的默认、悬停、禁用状态,组件长度、颜色,滑块样式,以及确定轨道的值范围和方向。交互上,需定义鼠标悬停滑块的行为,拖动滑块来改变数值,以及点击轨道快速移动滑块至点击位置的操作。气泡提示是否默认显示,以及与数字输入框的交互也要约定。

二、约定产品可控参数

接着,确定原型中可控制的参数,确保这些参数可以通过规范文档进行维护。这些参数包括默认值、状态(启用/禁用)、气泡提示方式、气泡提示内容、是否带输入框、最小值、最大值和步长。还需约定操作后的结果对关联数据的影响。

三、产出说明模板

最后,提供了一个说明模板的实例,其中包括组件名称、默认值、状态、气泡提示方式、气泡提示内容、是否带输入框、最小值、最大值、步长以及操作后的结果。这个模板可以写入注释并保存为常用的设计工具元件库。

结语

文末强调,为了帮助产品人员更好地开发原型,作者将持续更新相关系列文章,并鼓励读者关注或收藏以获取更新。

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