扫码阅读
手机扫码阅读
原型说明咋写-开关
485 2024-03-13
我们非常重视原创文章,为尊重知识产权并避免潜在的版权问题,我们在此提供文章的摘要供您初步了解。如果您想要查阅更为详尽的内容,访问作者的公众号页面获取完整文章。
查看原文:原型说明咋写-开关
文章来源:
产品工具库
扫码关注公众号
在产品开发中,面对领导要求快速完成原型设计的压力,产品人员可以通过约定规范和使用模板的方法来提升效率。本文教读者如何快速且全面地完成原型设计,并提供可直接使用的模板。
步骤一:约定规范
首先,与开发和UI团队约定组件的规范,并将这些规范维护在一个独立的文档中,以确保团队成员都能遵循统一的标准。
步骤二:使用模板
其次,使用Axure等工具将带有说明的通用组件添加到元件库中,在制作原型时可以直接使用这些模板。这样开发人员在看到组件时,就能按照之前约定的规范进行开发。同样的方法也适用于其他设计工具,如墨刀。
系列内容介绍
本系列内容将包括“通用、输入、输出、反馈”四类共43个常用组件和3篇页面(表单页、列表页、详情页)的规范和模板写法,本文是系列的第8篇,后续还有38篇将会更新。
本期组件:开关
组件概述
滑动开关组件用于在两个互斥对象之间进行选择,例如触发「开/关」状态的切换,常见于多种应用场景。
约定规范
与开发和UI团队约定默认实现的样式和交互内容,并通过规范文档进行维护。
- 样式规范包括自定义的开启和关闭状态颜色,默认开启状态为主题色,关闭状态置灰,禁用状态则在原色调下增加50%透明度。
- 交互规范涵盖整个按钮的热区、单击切换状态、显示气泡提示或文字提示,提示内容会随开关状态变化。
- 可控参数包括开关的默认状态(开/关),是否可用,是否带有提示以及开关状态变化的前后置影响。
产出模板
在组件库中添加规范化的开关组件,并提供具体的状态、提示文案、前置和后置影响等参数,以便团队成员能快速识别并使用。
结语
文章鼓励读者关注或收藏本系列,以便跟进更新,并表示读者的鼓励是作者持续分享的动力。
想要了解更多内容?
查看原文:原型说明咋写-开关
文章来源:
产品工具库
扫码关注公众号
产品工具库的其他文章
原型说明咋写-照片墙上传
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末提
原型说明咋写-文本
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。
如何解决原型说明写不全?
产品经理的基础工作门槛低好入门,但想把工作做好,需做大量努力,但最终总会陷入“效率与质量”矛盾中。如何解决?
原型说明咋写-复选器
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。文末
原型说明咋写-卡片
开发吐槽原型说明不清晰,领导催促原型要快细节再说,真是夹缝中生存的产品。今天教大家一个方法,既快又全。
加入社区微信群
与行业大咖零距离交流学习
软件研发质量管理体系建设
白皮书上线