基于用户体验的界面原型设计培训精要.pptVIP

基于用户体验的界面原型设计 2014年2月 * 目录 软件产品的用户体验 01 界面原型设计概述 02 如何使用RP设计原型 03 什么是用户体验 * 什么是用户体验？ 用户体验是一种纯主观在用户使用产品过程中建立起来的心理感受。 用户体验的标准是什么？ 用户体验从什么时候开始？什么时候结束？ 软件产品的用户体验 * 软件产品的用户体验包含哪些内容？ 用户体验不是只针对界面的体验。 6个方面：界面、交互、功能、语言、性能、兼容 用户体验之“不要让我思考” 不要让我思考这是做什么的？ 不要让我思考在哪里找我要的东西？ 不要让我思考该如何操作？ 用户体验总体原则：0、1、2、3 0手册 1看就懂 2步操作 3秒响应 用户体验不是一成不变的 软件产品的用户体验（1）－界面 * 界面友好 展现形式 内容看不懂或不直观 控件或按钮使用不当 未采用不一致的设计 没有使用提示性信息 没有进行排列或组合 用户不知道等待时间 页面布局 功能或菜单分类不合理 没有按内容重要性布局 同类页面的布局不统一 页面布局明显不够协调 颜色搭配 颜色过于相近或反差太大 背景颜色影响文字的阅读 软件产品的用户体验（2）－交互 * 交互简单 功能入口 找不到功能入口 业务逻辑 流程不够清晰 业务不好理解 操作过程 操作步骤过多 不懂如何操作 光标没有定位 缺少记忆功能 查找选择麻烦 结果提示 操作成功没有提示 操作失败原因不详 软件产品的用户体验（3）－功能 * 功能完善 功能缺失 功能不合理 功能有BUG 软件产品的用户体验（4）－语言 * 语言通俗 功能菜单 信息名词 说明注释 能用一个词表达的，不要用一句话 每个概述只用一种表达 软件产品的用户体验（5）－性能 * 性能理想 响应速度 运行稳定 软件产品的用户体验（6）－兼容 * 兼容具备 电脑浏览器 手机操作系统 屏幕分辨率 部分交互细节 * 符合用户的使用习惯。 光标自动定位。访问页面或打开新的页面。 帮用户自动选中。输入错误时、只有一个选 项时。 “返回”记忆功能。返回后页面内容保留，注册、订单、查看详情。 多记录的都需要排序。选择、列表、查询结果。 必要的注释。如注册时用户名由什么字符组成；密码是几位数。 允许用户犯错误。让用户可以撤销动作，执行具体的破坏操作时要求用户确认。 * 目录 软件产品的用户体验 01 界面原型设计概述 02 如何使用RP设计原型 03 V1.5 需求秋千图 * V2.0 原型设计的意义 * 目的 让客户、需求人员、开发人员对产品达到一致的理解和认识 意义 避免返工 作用 与客户进行需求确认 作为开发人员的需求文档 原型设计的内容 * 功能 界面 交互（很重要） 原型做得好相当于什么？ 原型设计与需求分析 * 原型设计是需求分析的输出成果，但需求分析是否只要输出原型设计就可以？ 做原型设计的前提 * 了解需求 需求分析 怎么画原型设计 * 手画 手画完拍照或扫描 能体现功能和界面，但体现不了交互 工具：VISIO、RP RP能够更好地体现交互 * 目录 软件产品的用户体验 01 界面原型设计概述 02 如何使用RP设计原型 03 RP使用—布局 * 几种布局 系统 网站 手机/pad端 布局使用的控件 RP使用—控件 * 常用控件 控件形状设计 RP使用—交互 * 控件交互： 常用交互：点击、悬停、移入/移出、获取焦点/失去焦点、选中状态改变 页面上的事件 常用事件：OnPageLoad RP使用—典型案例 * 获取焦点显示或隐藏信息 鼠标移入移出显示或隐藏信息 记住用户输入的内容并显示（判断、变量） 页面内容切换 Tab标签 按钮、单选框、复选框、下拉选择框 轮换图 菜单 下拉、右侧 弹出对话框和窗体 母版的使用 RP使用—生成规格说明书 * RP使用—部分注意事项 * 要体现交互和流程，而不是静态的页面 必要的时候使用图片让原型更直观 控件名称一定要命名好 先用手画框架，再用RP软件画具体 *