【课程背景】
Axure是一款专业的产品原型工具,能够快速创建线框图、流程图、原型和规格说明文档,可支持多人协作设计与版本管理。Axure自带的组件库能满足绝大多数用户的需求,提供强大的交互支持,对专业的需求度较高。
对于产品经理来说,除了要掌握原型软件的使用和产品原型的设计制作,还需要懂得原型图背后的业务逻辑、部门协同,而这些部分,体现在原型图上,就是梳理清业务条线逻辑,明确自身的产品会与其他业务线产生哪些交集;原型更新后及时变更日志,让与你协作的研发、UI不做无效的工作;注释文字清晰,让协作者一目了然……
输出一份好的原型图,不会使你迅速升值加薪,但长期看来,你能在输出原型图时考虑协同部门的感受,会增强你在同事间的信任感,在排期或设计时能优先考虑你的需求,这对长期工作来看是大有裨益的。一份优质的,逻辑清晰的原型图,也能使你减少受到开发、设计质疑的概率,一定程度上也会减少你向leader求助、共同推进工作的概率,这会让你的leader觉得你是一个靠谱、能解决问题的人。
Ø 如何在一天之内掌握Axure原型设计工具的核心和技巧?
Ø 如何理解原型设计与业务逻辑、用户体验设计之间的关系?
Ø 如何通过原型设计提高工作效率,增强团队合作协调?
Ø 如何通过原型设计降低产品研发的风险?
基于以上典型问题,我们结合大量的培训和咨询案例,并不断总结,从而推出该课程,案例、模板、经验、教训、学员分享等贯穿全课程。
【课程收益】
Ø 掌握Axure原型设计的工具使用,通过一系列基础和高级的实战案例由浅入深的掌握Axure工具的用法;
Ø 掌握Axure原型设计背后的交互设计三大模型,同时结合不同案例和项目来去将理论和实践相结合;
Ø 掌握产品经理和交互设计师对于原型设计的深度认知和把握,包括产品的结构层(信息架构、导航设计、菜单层级设计等)和框架层(页面布局、交互行为、视觉层次等)的深度理解和应用;
Ø 掌握精益创业,敏捷时代的需求文档的攥写方法,学习使用Axure来撰写需求文档,深入理解需求文档的挖掘、分析和撰写方法,夯实产品经理的基本功;
Ø 掌握Axure作为流程工具的用法,深刻理解流程设计对于产品的重要性、实战思想和方法。
Ø 透过Axure软件来去深刻理解用户体验在原型设计中的深度整合的方法和意义。
【课程特色】
Ø 通过案例做沙盘演练,强调理论和实践相结合;
Ø 强调学、练结合,课堂需要学员积极参与,踊跃提问,通过思想碰撞来加深对课程内容的理解深度;
【课程对象】
商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师、架构师、程序开发工程师等。
【课程时间】2天(6小时/天)
【课程大纲】
一、Axure9.0原型设计定义和优势?
1. 什么是原型
2. 原型设计方法论
3. 原型设计各工具介绍及优缺点
4. 原型设计注意事项
5. 原型设计分类
Ø 手绘原型
Ø 灰摸原型
Ø 交互原型
二、Axure8.0 基础动效原型案例-实操演练
Ø 案例1-个人信息填写表单界面
Ø 案例2-登录界面原型
Ø 案例3-复杂标签切换案例(切换菜单标签)
Ø 案例4-轮播图切换
Ø 案例5-锚点导航原型案例
Ø 案例6-麦当劳订购外卖App(动态面板制作动效交互)
三、Axure中高级技巧原型案例-实操演练
Ø 某旅游网站登陆界面原型案例(嵌套动态面板的使用)
Ø 电商平台界面原型案例(动态面板、脚本、母版的结合使用)
Ø 常用统计图表制作—饼状图、柱状图、折线图、环形图(含交互)
Ø 中继器制作表格数据动态双向绑定和统计(主要动态效果:分页、中继器、弹窗、动态文本、函数变量、数据动态统计、表格增删改查。)
四、Axure PRD文档实战 需求攥写
1. 敏捷开发和Axure 实战的关系
2. PRD需求文档撰写要点
3. Axure需求撰写案例实操
Ø 需求说明
Ø 功能点业务模型分析
Ø 功能点用户体验分析
Ø 功能点需求撰写
五、交互设计规范和规格文档说明
1. 交互设计规范之文字输入
Ø 必需项
Ø 字段长度
Ø 格式校验
Ø ……
2. 交互设计规范之界面风格一致性
Ø 色彩与字体
Ø 窗口与风格
Ø 布局与间距
Ø 按钮与控件
Ø ……
3. 交互设计规范之用户界面行为
Ø 鼠标
Ø 光标定位
Ø 键盘支持
……
六、Axure交互设计底层基础
1. 交互设计三大模型
Ø 实现模型
Ø 心理模型
Ø 表现模型
2. 信息架构设计为什么这么重要?
Ø 什么是信息架构
ü 内容的划分
ü 内容的层级组织
ü 迷宫式的信息架构设计
案例:某网银网站菜单结构设计
Ø 信息架构布局思路
Ø ToC和ToB信息架构的区别
Ø 信息架构的服务对象
ü 用户
ü 场景
案例:苹果手机拍照
Ø 信息架构的深度和广度(四种组合方式解析及案例分析)
ü 架构的深度
ü 架构的宽度
ü 架构的几种不同的组合方式及其特点
案例:相机APP
Ø 好的信息架构的特点
ü 与“产品目标”和“用户需求”相对应
ü 具有一定的延展性
ü 保证分类标准的一致性、相关性和独立性
ü 有效平衡信息架构的“广度”和“深度”
ü 使用“用户语言”
案例:百度、今日头条、淘宝主界面分类导航、支付宝9.9版本主界面
3. 如何不理解导航设计会有什么问题?
Ø 什么是导航设计
Ø 导航设计与信息架构的关系
Ø 移动UI导航的架构分类
ü 层级式
ü 辐射式
ü 套娃式
ü 标签式
ü 汉堡包导航
Ø Web端导航设计
ü 搜索导航
ü 分类导航
ü 相关导航
Ø 导航设计用户体验原则
ü 导航菜单要清晰可见
ü 告诉用户其当前位置
ü 导航菜单要与用户任务协调一致
ü 导航菜单要易于操作
案例:建行官网、Airbnb等
七、Axure流程设计
1. 流程设计基础概念
Ø 某C端产品总体流程设计规划思路实战演练
Ø 逻辑流程概念
Ø 某电商网站注册登录逻辑流程案例实战演练(Axure绘制)
Ø 页面流程概念
Ø 页面流程案例分析和实战演练
2. 流程设计中的用户体验案例分析
Ø 清晰的布局
Ø 结构准确的文字描述/提示
Ø 给用户反馈
Ø 不要在同一个页面里面展开多个流程
Ø 流程设计案例分析
八、综合高级项目原型设计实战演练
带领学员从一个完整项目的角度来去运用Axure从基础到进阶到高级各种功能的综合运用(如在线课程学习&在线考试平台原型(web)、电商saas原型、O2O管理系统原型(各个端口)等。)