产品原型的设计Axure入门培训分析.pptVIP

产品原型设计 Axure入门培训 认识 Axure 速的原型工具,主要是针对负责定义需求、定义规格、设计功能、设计界面的专家,包括 用户体验设计师(U)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE) Axure能让你快速的进行原型的设计,让相关人员对你的设计进行体验和验证,向用户进行演示、沟通交 流以确认用户需求,并能自动生成规格说明文档。另外, Axure还能让团队成员进行多人协同设计,并对 设计进行方案版本控制管理。 Axure使原型设计及和客户的交流方式发生了变革 进行更加高效的设计 让你体验动态的原型 更加清晰的交流想法; 目前全球有很多大型公司和重要机构在使用 Axure,国内的淘宝、雅虎、腾讯、当当等公司的产品经理也 都在使用 Aurel的工作环境 园无标斯一 ArurE RP Er5:教权子且uA 件编1奋福图象m表格()生成其享E铟助 1、主菜单和工具栏 控件交互面板 5、熊框图面板 「、控件注解面板 图济华图 Benefit 文本块 3、组件面枥 會中 Stabilit 曰②页面棵块 8、如面注释和页面交与面板 Aurel的工作环境 短平一 e音4李中B 程 日②页面块 占位符 站点地图面板 组件面板 模块面板 对所设计的页面进行添加、该面板中有线框图控件和流程模块是一种可以重复使用的特殊页面 件,用这些控件进行页面在该面板中可进行模块的添加、删除 可以直接拖动页面改变其层框架和流程图的设计。 重命名和组织。 级结构。 可直接拖拽、拷贝控件到主工如图示可以针对项目做页面模块,比如 双击页面即可在主工作区打 区进行移动、改变尺寸操作。页头、页尾:也可制作所有项目的公用 页面进行设计。 双击、右键点击控件可针对不模板,比如切换标签样式或图形按钮 的控件进行編辑风格和属性 Aurel的工作环境 ·m囚页头一 ,,,,,, 件块速链接 控件交互面板 定义控件的交互,如:设定链接 弹出、动态面板的显示和隐藏等 不同控件有不同的内建交互事件 如0 Click(鼠标点击) 鼠标悬停)等,后 线框图面板 会有详细介绍。 在线框图面板中可以进行页面线框图、流程图的设计,线 如果需要特殊说明的功能模块或有 框图面板也就是 Axure的主工作区 以标签形式 交互行为产生的控件一定要填写标 显示打开的多个页面。 签,如“个人信息提交按钮 “选择商家等级下拉菜单”等等。 Aurel的工作环境 自定文子和携 且定义 retR|当 控件注释面板 对控件进行注释、定义和功能进行说明 控件注释面板一自定义字段和视图 里面的选项可以自定义,比如添加一个 点击注解面板上的“自定义”打开设定自定义字段和视图的 功能说明”的项,并删除原有的项目 菜单,可以根据项目需求设定注解项目,如功能说明(文本 添加注释的控件在产品原型页面上会显示 类型);优先级(下拉菜单类型);完成时间(日期类型) 黄色便签的图标,点击可查看具体注 等等。自定义视图是将设定的字段分类放到不同组内,以方 便选择,比如只有功能说明及优先级的字段可以建立功能分 汉化版的 Axure不能修改下拉菜单注释, 组,有功能说明及完成时间的字段可以建立项目控制分组 请避开此选项或者用其他方式表达 建立好的分组可以在控件注释面板顶部的箭头按钮点击选择 Aurel的工作环境 面· Default 点击泽汇页面注秤 彐加事住报件 页面注释和页面交互面板 忝加和管理页面的注释和交互事件 点击加贡面注轧曾理注深 页面注释和页面交互面板管理注释 点击页面注释和页面交互面板顶部的箭头按钮,可以打开页面注释管 理页面,可以添加不同的页面注释字段,如“页面说明”、“参与部 门”等等,添加完成后,可点击箭头按钮为不同的字段添加说明 现在演示一下 Axure的工作环境 基本交互设计 控件交互面板中可以定义控件的交互,交互由事件( Events)、场景( Cases)和 用户操作界面时就会触发事件,如鼠标的0 nClick、0 nmouseenter和 OnMouseout 每个事件可以包含多个场景,场景也就是事件触发后要满足的条件 每个场景可执行多个动作,例如:打开链接、显示面板 面板、移动面板。 场景1 动作2 加件绢事件 事件 y Open kpeopling 动作1 sshowPanel 名场景2 动作 事件、场景和动作的关系 基本交互设计 目前 Axure RP5支持的事件如下: OnClick:鼠标点击 OnMouse enter:鼠标的指针移动到对象上 OnMouse out:鼠标的指针移动出对象外 OnFocus:鼠标的指针进入文字输入状态(获得焦点) 0 nLostfocus:鼠标的指针离开文字输入状态(失去焦点 OnPageload:页面或