原创力文档- 1、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。。
- 2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
- 4、该文档为VIP文档，如果想要下载，成为VIP会员后，下载免费。
- 5、成为VIP后，下载本文档将扣除1次下载权益。下载后，不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后，您将拥有八大权益，权益包括：VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传，每下载1次， 网站将根据用户上传文档的质量评分、类型等，对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
通用产品原型设计工具箱
一、适用场景与价值定位
本工具箱适用于产品从概念到落地全流程的原型设计工作，主要解决团队在需求沟通、方案验证、跨部门协作中的效率问题。具体场景包括：
新产品立项：从0到1梳理产品核心功能，通过原型快速验证可行性，降低试错成本；
需求迭代优化：针对已有产品的功能升级或体验改进，通过原型可视化变更点，同步研发与设计团队；
跨团队协作：为产品经理、UI设计师、前端开发、测试人员提供统一的设计语言和交付标准，减少沟通偏差；
用户测试与反馈：输出高保真原型用于用户调研，直观收集用户对交互流程、信息架构的体验意见。
二、工具箱使用全流程指南
（一）需求梳理：明确核心目标与边界
操作目标：将模糊需求转化为可执行的设计输入，避免后续方向偏离。
具体步骤：
收集需求来源：整理用户调研报告、业务方需求文档、竞品分析结果等，标注核心诉求（如“提升用户下单转化率”“减少操作步骤”）；
拆解功能模块：按业务逻辑将需求拆分为一级模块（如用户中心、商品展示、订单流程）、二级子模块（如用户中心包含个人信息、收货地址、收藏夹）；
定义优先级：采用“四象限法”对功能模块排序（紧急重要/重要不紧急/紧急不重要/不紧急不重要），明确MVP（最小可行产品）范围；
输出《需求梳理表》（见模板1），同步所有相关方确认，避免需求歧义。
（二）框架搭建：构建产品信息架构
操作目标：确定页面层级关系与导航逻辑，保证用户能快速找到核心功能。
具体步骤：
绘制用户旅程图：梳理用户完成核心任务（如“购买商品”）的关键触点（首页搜索、商品详情、加入购物车、下单支付等），明确每个触点的用户行为与需求；
设计页面层级图：用树状图展示页面父子关系（如首页-分类页-商品列表页-商品详情页），标注页面间的跳转逻辑；
搭建导航框架：确定主导航（底部Tab栏或顶部导航栏）与次级导航（页面内导航分组），遵循“核心功能前置”原则，例如电商类APP将“首页”“分类”“购物车”设为一级导航；
用工具（如Axure、Figma）绘制低保真线框图，仅包含页面布局框架，不涉及具体样式。
（三）细节设计：填充原型元素与交互
操作目标：完善页面视觉元素与交互细节，提升原型的真实感与可用性。
具体步骤：
调用原型元素库：从《原型元素库清单》（见模板2）中选取标准组件（按钮、输入框、弹窗、列表等），保证符合平台设计规范（如iOSHumanInterfaceGuidelines、MaterialDesign）；
设计页面布局：根据信息重要性排列内容，遵循“视觉层级”原则（如标题字号字号，核心按钮颜色突出），例如商品详情页顶部展示商品图片，中间为价格与促销信息，底部为“加入购物车”按钮；
添加交互逻辑：通过工具定义页面跳转、动效反馈等行为（如“商品详情页”的“立即购买”按钮，跳转至“确认订单页”；输入框错误时显示红色提示文字），填写《交互逻辑表》（见模板3）；
标注异常场景：考虑用户操作失误或异常情况（如网络中断、库存不足），设计对应的提示文案与处理流程（如“网络异常，重试”“商品已售罄，到货通知”）。
（四）原型输出：标准化交付物
操作目标：输出格式统一、信息完整的原型文件，便于团队协作与后续开发。
具体步骤：
选择原型保真度：根据需求阶段选择低保真（线框图）、中保真（含基础样式与交互）或高保真（接近最终视觉稿），例如需求评审阶段用中保真原型，用户测试阶段用高保真原型；
导出格式与说明：
交互型原型：导出可的HTML文件或在线（如AxureShare、FigmaDevMode），附《原型使用说明》（包含交互路径、特殊操作提示）；
静态展示原型：导出PDF或图片格式，按页面顺序编号，标注关键页面注释（如“首页搜索框支持模糊搜索”“订单页支持筛选”）；
同步版本信息：在原型文件中标注版本号（如V1.0与更新内容，避免团队使用旧版本。
（五）评审与迭代：验证方案可行性
操作目标：通过团队评审与用户反馈，优化原型缺陷，保证方案满足需求。
具体步骤：
组织原型评审会：邀请产品、设计、研发、测试人员参与，按“核心流程-分支流程-异常场景”顺序演示原型，记录评审意见；
收集用户反馈：针对高保真原型，招募5-8名目标用户进行可用性测试，观察用户操作路径，记录卡点问题（如“找不到返回按钮”“优惠券使用规则不清晰”）；
填写《评审反馈表》（见模板4），明确问题责任方（产品/设计/开发）与修复时限；
迭代优化：根据反馈意见修改原型，更新版本号后再次评审，直至通过验收。
三、核心工具模板清单
模板1：需求梳理表
需求来源
用户痛点
功能目标
优先级
验收标准
责任人
用户调研问卷
商品搜索结果不准确
提升搜索算法匹配度
P0
搜索结果相关率≥85%
*小明
业务方需求文档
下单流程步骤多，
文档评论（0）