交互设计原则课件.pptx

交互设计原则 付东普 首都经济贸易大学 信息学院 2015年10月 谢谢！ 1 了解你的用户 谢谢！ 2 弥合差距 目标导向设计 交互设计不是凭空猜测 实现模型和心智模型 用户界面应该避免实现模型，而支持用户心智模型 目标导向的交互反映了用户的心智模型 不要只在界面上复制机械时代的产品，而不进行信息时代的加强 重要的改变必须比原来更好 新手、专家和中间用户 没有人愿意停留在新手级别 为中间用户优化 将用户想象成非常聪明但非常忙的人 谢谢！ 3 弥合差距 (2) 理解用户：定性研究 涉众访谈 主题专家访谈 用户和顾客访谈 用户观察/人种学现场研究 在交互发生的地方进行访谈 避免一组固定的问题 首先关注目标，任务其次 避免让用户成为设计师 避免讨论技术 鼓励讲故事 请求演示和讲解 避免诱导性的问题 文献调研 产品/原型和竞争审查 谢谢！ 4 弥合差距 (3) 用户建模：人物角色和目标 成功的产品必须首先满足用户目标 公理 不要让用户感觉自己很愚蠢 每一个界面的设计都是为了某个专一、主要的任务角色 脚本提纲：将目标转换为设计 定义需求 创建问题和声明 头脑风暴 标志人物角色的期望 构建场景脚本提纲 标志需要 定义交互框架 定义形态要素和输入方法 定义视图 定义功能元素和数据元素 确定功能组和层次关系 给出交互框架的草图 构建关键路径脚本提纲 设计技巧：在设计的早期阶段，假设界面有魔术效应 谢谢！ 5 弥合差距 (4) 综合好的设计：原则和模式 原则是：减少工作量 逻辑工作 知觉工作 记忆工作 物理/运动神经工作 交互设计模式 姿态模式 结构模式 行为模式 交互设计规则 伦理的（能体谅人、有帮助） 有意图的（有用、可用） 注重实效的（能生存的、可行的） 优雅的（有效、巧妙的和情感的） 谢谢！ 6 设计行为与形式 谢谢！ 7 去除障碍，达到目标 谢谢！ 8 软件姿态 桌面姿态(posture) 种类 独占（sovereign） 暂时(transient) 精灵(daemonic) 辅助（auxilary） 公理 独占式应用程序的用户是永久的中间用户 为全屏使用优化独占式应用程序 独占式界面应该使用保守的视觉风格 Subtopic 设计技巧 独占式应用程序可以使用丰富的输入 在独占式应用程序中，让文档视图最大化 暂时式应用程序必须简单清晰，并且切中要点 暂时式应用只使用一个窗口和视图 谢谢！ 9 软件姿态 (2) Web的姿态 面向信息的站点 事务网站和Web应用 Web应用 其他平台姿态：公用信息亭、手持设备、电器等 谢谢！ 10 和谐与流 公理 无论你的界面有多酷，越少越好 和谐的用户界面是透明的 为很可能发生的情况设计，考虑可能存在的情况 请求宽恕，而不是许可 提问不等同于提供选择 隐藏弹射座椅控制杆 设计技巧 不要使用对话框报告常规状态 内容 流与透明性 遵循心智模型 引导，但不要讨论 将工具放在顺手的地方 无模态反馈 增加的技巧：更少，更好 区分可能性和概率 提供比较 使用图形化输入 反映程序状态 避免不必要的程序状态报告 避免白板 谢谢！ 11 消除附加工作 公理 消除附加工作使得用户更加有效率 不要固定培训工具 不要极端愚蠢地停止进度 别让用户申请许可 在有输出的地方允许输入 常见附加工作陷阱 谢谢！ 12 导航和调整 导航是附加工作。导航类型 在窗口或者屏幕之间导航 在一个窗口的多个窗格或页面的多个框架之间导航 在窗口的多个工具或多个菜单之间导航 在窗格或框架显示的信息之间导航，如滚屏、平移、缩放、链接跳转等 改进导航 减少目的地数量 提供导航标志 提供总体视图 提供合适的控件——功能映射 调整界面以适应用户需要 避免层次关系 谢谢！ 13 导航和调整 (2) 公理 为典型的导航调整界面 如果回报值得，用户愿意付出相称的努力 谢谢！ 14 理解撤销 撤销 恢复/重做 分组多次撤销 防撤销操作 谢谢！ 15 重新思考Files与Save 公理：磁盘和文件不能帮助用户实现他们的目标 设计技巧 自动保存文档和设置 将文件放到用户能够找到的地方 磁盘时黑客手段，而不是设计特性 谢谢！ 16 提供高效能和愉悦 设计体贴的软件 公理：软件应该体贴。 体贴软件应具有的特点 对用户感兴趣 恭顺 乐于助人 具有常识 预见需求 尽责 不会因为自己的问题增加用户的负担 会及时通知用户 有理解能力 自信 不问许多问题 承担责任 知道什么时候调整规则 谢谢！ 17 提供高效能和愉悦 (2) 设计智能的软件 公理：计算机工作，用户思考 公理：值得用户输入，就值得程序记住 改进数据检索 基于属性的检索 改进数据输入 考虑问题 有理解能力数据完整性与数据免疫 数据免疫 丢失数据怎么办 数据输入和规避能力 审核与校正 公理 错误可能不是你犯的，但保护用户是