• 我的订阅
  • 科技

原型说明咋写-单选框

类别:科技 发布时间:2023-11-03 13:02:00 来源:人人都是产品经理

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

原型说明咋写-单选框

步骤一:约定规范

如图,与开发、UI约定组件规范,并维护在独立文档中。

原型说明咋写-单选框

步骤二:使用模板

如图,Axure可将带说明的通用组件置入元件库,出原型时使用;开发看到组件,则使用约定规范;墨刀同理。【PS:想了解word如何使用,请评论留言哈】

原型说明咋写-单选框

那么,规范与模板应该怎么写?本系列将通过“通用、输入、输出、反馈”四类约43个常用组件及3篇页面(表单页、列表页、详情页)写法,将规范与模板分享予您。强烈建议点个【关注】或【收藏】不迷路。

以下,enjoy~ 当前为本系列第6篇,剩40篇。

单选框,适用于在多个互斥的选项中选择的场景,所有选项默认可见,方便用户在比较中选择,因此选项不宜过多。由于选项默认可见,不宜过多。若选择项超过5项,建议使用下拉选择器。

一、约定规范 本节为开发与设计师默认要实现的内容;以及产品会通过哪种形式约束哪些参数,通过一份规范文档维护。 1. 交互规范

基础状态及操作+ 鼠标移入选项,对应选项呈悬停状态+ 鼠标点击选项,对应选项切换为选中,点击范围为图标与文字区域– 再次点击已选中选项,无法取消选中– 已有选中基础上,点击其他选项则切换选中+ 禁用状态下,无悬停效果,也无法选中

原型说明咋写-单选框

排版说明+选项之间会随着选项文字数调整间距,使选项间距始终一致。+在有限横向范围内,一行放不下所有选项,则换行显示。(注:非文字换行)2. 设计规范 +可根据页面要求,定义选项间距参数等,未定义则使用默认值+可定义样式有“带边框样式”、“组合按钮样式”,未定义则使用默认样式

原型说明咋写-单选框

3. 可控参数 +状态:默认,可选禁用+可选项:如果可选项数量是固定的,则直接标明,不建议在原型维护选项,因为要照顾排版,比较浪费时间;+默认值:根据实际业务需求来确定,原型说明中需写明。+操作后置结果:选择后,将影响关联数据表数据及关联控件的使用状态。二、产出模板 组件名称前加个“规范”,便于通过此标识让团队知道此组件已编制规范。 组件名称:单选框+状态:可用+可选项:选项名1、选项名2+默认值:选项名1+操作后置结果:暂无

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

题图来自Unsplash,基于 CC0 协议返回搜狐,查看更多

责任编辑:

以上内容为资讯信息快照,由td.fyun.cc爬虫进行采集并收录,本站未对信息做任何修改,信息内容不代表本站立场。

快照生成时间:2023-11-03 15:45:01

本站信息快照查询为非营利公共服务,如有侵权请联系我们进行删除。

信息原文地址:

即时设计的优势和优化体验
原型设计是每个产品经理必备的基本技能。在实际应用中,原型设计提前测试了产品与用户互动中遇到的问题,从而提高了设计效率,节约了设计成本。对于移动应用程序,原型是产品说明书,可以帮助
2024-01-18 12:15:00
Axure高保真原型:购票选座模板
...。今天作者就教大家在Axure中如何制作高保真购票选座的原型模板。一、效果展示 选择座位:点击可选座位,可以选择对应座位;再次点击已选座位,可以取消选择该座位购票限制:可以规
2023-07-20 18:00:00
好玩的B端组件丨数据穿梭框
...更好地应用与产品设计当中,希望对你有所帮助。大家做原型的时候,肯定用过Axure软件。这个软件功能强大,上手快。大多数公司都是使用这个软件来写需求、做交互。高保真原型,大家工
2023-04-25 15:00:00
SW-LIMS V14低代码平台让项目快速高质量交付
...呢?三维天地总结了以下三个步骤:1第一步,挑选成熟行业原型做前提。在开始使用低代码平台之前,我们需要先确定项目属于哪个行业或领域,是石化还是ADC,以及要满足哪些业务需求和用
2024-01-11 11:00:00
Axure高保真原型:多选下拉列表(自动生成标签)
...制作一个多选下拉列表,并且根据已选项自动生成标签的原型模板。一、效果展示1、点击下拉列表框可以弹出选项,点击选项可以选中选项或者取消选中2、根据已选内容自动显示对应的标签,并
2023-06-15 20:00:00
Axure高保真教程:在PPT里演示原型模板
产品经理在介绍、售前、培训等场合经常会运用到PPT和原型展示,来回切换的过程会比较麻烦。本文作者分享了在PPT中直接演示做好的原型的方法,一起来学习一下吧。产品经理在介绍、售前、
2023-04-20 20:00:00
Axure高保真教程:轮盘滑动控制元件移动
...者分享了在Axure中,制作一个能通过轮盘控制元件移动的原型模板,一起来看一下吧。轮盘控制元件移动是一种通过轮盘来控制元件位置或参数的方式。轮盘通常是一个圆形或半圆形的旋转控
2023-05-18 21:00:00
Axure高保真原型:多选树穿梭选择器
...位案例为例,分析如何在Axure中制作多选树穿梭选择器的原型模板,一起来看看吧。多选树在有分层的领域是经常用到的,例如不同城市下的门店、不同部门的员工等等,用多选树就可以让我
2023-07-07 13:00:00
GPT搜索引擎原型曝光!新模型GPT4-Lite驱动,虽然鸽了发布会但代码已上传
...型”,而仅仅是“先进的”。以及被鸽掉的GPT搜索引擎,原型代码上传到ChatGPT了。黑客“光头哥”Tibor Blaho
2024-05-13 15:34:00
更多关于科技的资讯:
■ 胡蓉摘要:在数字经济快速发展的背景下,营销活动的数字化、智能化和平台化已成为企业提升市场竞争力的重要途径。相较于民营企业和互联网企业
2026-01-29 04:48:00
探店1天|“两个月投入8000元”,年轻人迷上花滑,啥情况?
中新经纬1月28日电 (李自曼)“重心往下,感觉你的刀刃!起身,张开双臂保持平衡……”在冰场中央,花滑教练王子誊一边说着
2026-01-28 23:33:00
江南时报讯 2025年,泰州农商银行秉持“以客户为中心”的理念,深入开展“运营服务满意年”专项活动,以创新驱动、网点提质
2026-01-28 21:53:00
山东移动日照分公司圆满完成2025年银行金融跨年结算通信保障工作
鲁网1月28日讯近日,日照移动公司全力组织人员保障网络工作,顺利完成市县银行系统52家网点的网络保驾护航工作,圆满完成网络通信保障
2026-01-28 22:01:00
科技赋能传统酿造 引领产业数智变革——中科恒信人工智能上甑机器人及发酵食品高端装备项目投产
鲁网1月28日讯近日,记者走进中科恒信智能科技(泰安)有限公司人工智能上甑机器人及发酵食品高端装备项目的智能装备车间,大族激光切割机精准作业
2026-01-28 17:21:00
第四届MUST Awards顺利举办,科技行业年终盛典收官
1月22日,第四届MUST Awards麻瓜青年选择奖在杭州成功举办。作为国内首个由科技内容创作者与大众消费者共同投票评选的消费科技奖项
2026-01-28 17:46:00
宇树科技官方:关于2025年销量数据的澄清
1月22日晚,宇树科技官方微信公众号发布了一份关于2025年销量数据的澄清。宇树强调,过去一个月,网上流传着很多关于宇树2025年出货数量的不实信息
2026-01-28 17:52:00
潮新闻与传播大脑发布“178”方案 打造主流媒体系统性变革的“浙江样本”
大皖新闻讯 1月28日,“三生万物 AI如潮涌”潮新闻&传播大脑三周年联合发布会在浙江杭州体育场路178号浙江日报报业集团举行
2026-01-28 17:54:00
遵义人的年味天花板来了!2026新春年货全网剧透,逛吃玩拿一站齐!
来源:遵义晚报一审:余旭二审:王信 姚腾三审:唐全寿
2026-01-28 18:05:00
中国消费者报北京讯(记者王小月)1月27日,中国连锁经营协会发布2025年度中国购物中心行业景气度报告。当前,购物中心经营仍面临诸多挑战
2026-01-28 18:10:00
2026中关村早期投资论坛暨AI新场景产业创新大会在京举行
1月28日,由中关村天使投资联盟、海创汇、北京前沿国际人工智能研究院、铅笔道、AC加速器联合主办的“2026中关村早期投资论坛暨AI新场景产业创新大会”在北京市海淀区中关村国家自主创新示范区展示中心成功举办
2026-01-28 18:15:00
中国蓝新闻讯 在宁波余姚,一批企业敏锐抓住全球冰雪运动热潮,通过科技创新与产品升级,积极开拓海外市场,让“中国智造”的体育用品走向世界
2026-01-28 18:23:00
中国蓝新闻综合 近日,宇树科技正式官宣成为中央广播电视总台2026年春晚机器人合作伙伴,这是其继2021年牛年春晚、2025年蛇年春晚后第三次登上这一国民级舞台
2026-01-28 18:23:00
河北新闻网讯(张纳军)近日,开滦股份吕家坨矿洗煤厂重介车间内,技术副厂长李小刚正忙于新系统的调试。该矿新引进的重介智能分选系统已进入关键安装调试阶段
2026-01-28 14:13:00
河北新闻网讯(张纳军)近年来,开滦股份吕家坨矿将信息基础建设作为矿井智能化发展的重要支点,系统推进大数据中心、一体化云平台
2026-01-28 14:14:00