打造成功产品的利器 -- Axure原型设计思想+实战演练

【课程对象】

商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等。

【课程时间】2天（6小时／天）

【课程背景】

Axure是一款专业的产品原型工具，能够快速创建线框图、流程图、原型和规格说明文档，可支持多人协作设计与版本管理。Axure自带的组件库能满足绝大多数用户的需求，提供强大的交互支持，对专业的需求度较高。

对于产品经理来说，除了要掌握原型软件的使用和产品原型的设计制作，还需要懂得原型图背后的业务逻辑、部门协同，而这些部分，体现在原型图上，就是梳理清业务条线逻辑，明确自身的产品会与其他业务线产生哪些交集；原型更新后及时变更日志，让与你协作的研发、UI不做无效的工作；注释文字清晰，让协作者一目了然……

输出一份好的原型图，不会使你迅速升值加薪，但长期看来，你能在输出原型图时考虑协同部门的感受，会增强你在同事间的信任感，在排期或设计时能优先考虑你的需求，这对长期工作来看是大有裨益的。一份优质的，逻辑清晰的原型图，也能使你减少受到开发、设计质疑的概率，一定程度上也会减少你向leader求助、共同推进工作的概率，这会让你的leader觉得你是一个靠谱、能解决问题的人。

• 如何在一天之内掌握Axure原型设计工具的核心和技巧？
• 如何理解原型设计与业务逻辑、用户体验设计之间的关系？
• 如何通过原型设计提高工作效率，增强团队合作协调？
• 如何通过原型设计降低产品研发的风险？

基于以上典型问题，我们结合大量的培训和咨询案例，并不断总结，从而推出该课程，案例、模板、经验、教训、学员分享等贯穿全课程。

【课程收益】

• 掌握Axure原型设计的工具使用，通过一系列基础和高级的实战案例由浅入深的掌握Axure工具的用法；
• 掌握Axure原型设计背后的交互设计三大模型，同时结合不同案例和项目来去将理论和实践相结合；
• 掌握产品经理和交互设计师对于原型设计的深度认知和把握，包括产品的结构层（信息架构、导航设计、菜单层级设计等）和框架层（页面布局、交互行为、视觉层次等）的深度理解和应用；
• 掌握精益创业，敏捷时代的需求文档的攥写方法，学习使用Axure来撰写需求文档，深入理解需求文档的挖掘、分析和撰写方法，夯实产品经理的基本功；
• 掌握Axure作为流程工具的用法，深刻理解流程设计对于产品的重要性、实战思想和方法。
• 透过Axure软件来去深刻理解用户体验在原型设计中的深度整合的方法和意义。

【课程特色】

• 通过案例做沙盘演练，强调理论和实践相结合；
• 强调学、练结合，课堂需要学员积极参与，踊跃提问，通过思想碰撞来加深对课程内容的理解深度；

【课程对象】

商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等。

【课程时间】2天（6小时／天）

【课程大纲】

1. Axure9.0原型设计定义和优势？
2. 什么是原型
3. 原型设计方法论
4. 原型设计各工具介绍及优缺点
5. 原型设计注意事项
6. 原型设计分类

• 手绘原型
• 灰摸原型
• 交互原型

1. Axure8.0 基础动效原型案例-实操演练

• 案例1-个人信息填写表单界面
• 案例2-登录界面原型
• 案例3-复杂标签切换案例（切换菜单标签）
• 案例4-轮播图切换
• 案例5-锚点导航原型案例
• 案例6-麦当劳订购外卖App（动态面板制作动效交互）

1. Axure中高级技巧原型案例-实操演练

• 某旅游网站登陆界面原型案例（嵌套动态面板的使用）
• 电商平台界面原型案例（动态面板、脚本、母版的结合使用）
• 常用统计图表制作—饼状图、柱状图、折线图、环形图(含交互)
• 中继器制作表格数据动态双向绑定和统计(主要动态效果：分页、中继器、弹窗、动态文本、函数变量、数据动态统计、表格增删改查。）

1. Axure PRD文档实战+需求攥写
2. 敏捷开发和Axure 实战的关系
3. PRD需求文档撰写要点
4. Axure需求撰写案例实操

• 需求说明
• 功能点业务模型分析
• 功能点用户体验分析
• 功能点需求撰写

1. 交互设计规范和规格文档说明
2. 交互设计规范之文字输入

• 必需项
• 字段长度
• 格式校验
• ……

1. 交互设计规范之界面风格一致性

• 色彩与字体
• 窗口与风格
• 布局与间距
• 按钮与控件
• ……

1. 交互设计规范之用户界面行为

• 鼠标
• 光标定位
• 键盘支持

……

1. Axure交互设计底层基础
2. 交互设计三大模型

• 实现模型
• 心理模型
• 表现模型

1. 信息架构设计为什么这么重要？

• 什么是信息架构
• 内容的划分
• 内容的层级组织
• 迷宫式的信息架构设计

案例：某网银网站菜单结构设计

• 信息架构布局思路
• ToC和ToB信息架构的区别
• 信息架构的服务对象
• 用户
• 场景

案例：苹果手机拍照

• 信息架构的深度和广度（四种组合方式解析及案例分析）
• 架构的深度
• 架构的宽度
• 架构的几种不同的组合方式及其特点

案例：相机APP

• 好的信息架构的特点
• 与“产品目标”和“用户需求”相对应
• 具有一定的延展性
• 保证分类标准的一致性、相关性和独立性
• 有效平衡信息架构的“广度”和“深度”
• 使用“用户语言”

案例：百度、今日头条、淘宝主界面分类导航、支付宝9.9版本主界面

1. 如何不理解导航设计会有什么问题？

• 什么是导航设计
• 导航设计与信息架构的关系
• 移动UI导航的架构分类
• 层级式
• 辐射式
• 套娃式
• 标签式
• 汉堡包导航
• Web端导航设计
• 搜索导航
• 分类导航
• 相关导航
• 导航设计用户体验原则
• 导航菜单要清晰可见
• 告诉用户其当前位置
• 导航菜单要与用户任务协调一致
• 导航菜单要易于操作

案例：建行官网、Airbnb等

1. Axure流程设计
2. 流程设计基础概念

• 某C端产品总体流程设计规划思路实战演练
• 逻辑流程概念
• 某电商网站注册登录逻辑流程案例实战演练（Axure绘制）
• 页面流程概念
• 页面流程案例分析和实战演练

1. 流程设计中的用户体验案例分析

• 清晰的布局
• 结构准确的文字描述/提示
• 给用户反馈
• 不要在同一个页面里面展开多个流程
• 流程设计案例分析

1. 综合高级项目原型设计实战演练

带领学员从一个完整项目的角度来去运用Axure从基础到进阶到高级各种功能的综合运用（如在线课程学习&在线考试平台原型（web）、电商saas原型、O2O管理系统原型（各个端口）等。）

陈博老师的其它课程