Axure快速原型设计题稿.pptx

Axure 李巍 liw@ 中睿信息技术有限公司 以用户为中心的快速原型设计 用户体验 以用户为中心去研发产品 User Experience?Optimization 李巍 liw@ 用户看到的20%却是由那些看不到的80%决定的 20% 很不幸的消息，其实用户压根不关心我们的东西 用户或者客户只关注一个产品的 良好用户体验的作用 用户体验是什么？ 它在项目中的意义？没有它不行么？ 为什么需要用户体验设计 用户体验带来的很实际的部分 提高项目研发成功率 降低培训成本 降低团队成本、后期维护的工作量 提高产品的传播速度 带来用户对产品的良好口碑 减缓压力（个人意见） 用户体验定义 用户体验（User Experience，简称UE）是一种纯主观的在用户使用产品过程中建立起来的感受。 是用户对产品的唯一评价 但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够被设计的。 不要让用户思考，并且提供改错的机制 用户体验可用性第一定律 不要期待用户会研究你的产品，应该让他们速度实现自己的目标 用户体验可用性第二定律 点击多少次都没关系，只要每次点击都是无须思考、明确无误的选择。 用户体验可用性第三定律 实际项目中的UE 以用户为中心 用户体验的考虑从开发的最早期就开始进入整个流程，并贯穿始终 应用程序的用户体验主要是来自用户和人机界面的交互过程 UE的设计不是盲目的，是考虑成本、技术等等条件的平衡 UE在实际项目的平衡 高保真原型的介绍 根据功能，为了指导开发而画的草图 高保真原型也叫做交互式原型 实现了功能页面流程跳转 做到用户的响应都会有反馈 和最后开发出来的产品基本吻合 高保真原型的对项目的意义 团队了解需求的最佳方式 程序员开发的最好参考 项目开发和维护中所需标准的最好表现形式 验收的依据 高保真原型的制作工具 纸和笔，白板和油性笔 Axure UIDesigner PPT 什么是Axure？ Axure的完整英文名是Axure RP Pro，可以快速创建应用软件或Web网站线框图、原型、规格说明书等的。 Axure会使你以往的工作方式发生变革：进行更加高效的设计；体验到动态的原型；清晰有效的交流想法； Axure工作环境介绍 主菜单和工具栏 站点地图面板 控件面板 模块面板 线框图工作区 页面注释和交互 控件交互面板 控件注释面板 站点地图面板 “添加子页面”按钮可以添加一个页面； “上移”、“下移”、“降级”、 “升级” 按钮，可以组织页面的层次和顺序; “删除”按钮或点击鼠标右键的 “删除”选项可以删除一个页面； “设计页面”按钮，打开该页面在线框图区域中进行线框图设计; 在页面上点选右键菜单中也可以进行同样的操作。 部件面板(控件面板) 控件是用于设计线框图的用户界面元素。在控件面板中包含有常用的控件库，如按钮、图片、文本框等。 添加控件 从控件面板中拖动一个控件到线框图区域中，就可以添加一个控件。控件可以从一个线框图中被拷贝(Ctrl+C)，然后粘贴(Ctrl+V)到另外一个线框图中。 操作控件 添加控件后，可在线框图中选择该控件进行鼠标拖曳移动该控件和改变控件大小，还可以一次选择多个控件进行移动和改变大小。另外，还可以组合、排序、对齐、平均间距（Distribute）和锁定控件。 编辑控件风格和属性 （有多种方法） ?鼠标双击：鼠标双击某个控件，可以对控件的最常用的属性进行编辑。例如，双击一个图片控件可以导入一张图片；双击一个下拉列表或列表框控件可以编辑列表项。 工具栏：点击工具栏上的按钮可编辑控件的文本字体、背景色、边框等。 右键菜单： 通过在控件上点击右键菜单，编辑控件的一些特定属性，不同的控件这些属性也各不相同。 查看和搜索控件 控件面板工具栏中，线框图下拉菜单，可以查看所有控件库，或只看默认线框图或流程图控件库，或只看已经被加载的控件库。另外，你还可以加载已有控件库、创建新控件库、编辑当前控件库、或更新控件库。 控件注释面板 页面注释面板 为控件添加注释，以说明控件的功能 对页面进行详细描述和说明 Axure基本交互设计 控件的交互 示范定义一个链接 定义行为 定义多个场景（场景说明） 页面事件: OnPageLoad 控件的交互在控件交互面板中可以定义的控件交互由 事件（Events）、场景（ Cases）和行为（Actions） 组成 用户操作界面时就会触发事件， 如鼠标的OnClick、OnMouseEnter和OnMouseOut； 每个事件可以包含一个或多个场景，场景就是事件触发后出现的一种情况，如点击一个按钮后可以出现两种场景：一种是进入页面1；另一种是进入页面2； 每个场景中可执行多个行为，例如：打开链接、显示