交互设计细节案例分析优秀教案.pptx

交互设计案例分析 操作 响应 帮助 习惯 其它 操作原则——围绕用户目标 化繁 为简 帮助用户 高效完成 任务 连贯 顺畅 轻松 有趣 选择替代输入 操作原则 响应原则 帮助原则 习惯原则 【操作原则】减轻操作的负担 - 1 自动补全邮箱地址 后缀，简化了用户 操作 用转轮方式进行选 择，替代输入的不 便 扩展按键面积 操作原则 响应原则 帮助原则 习惯原则 【操作原则】减轻操作的负担 - 2 滑屏时显示滑动块， 方便用户上下拉动 进行快速定位 扩大字符的显示和 接触区域，所选字 符不会被手指挡住 操作原则 响应原则 帮助原则 习惯原则 【操作原则】保持任务的连贯 - 1 Chrome考虑到用户连续关闭标签的场景： IE8则没有考虑此种应用场景：要关闭某 个标签，必须先激活；其次，关闭后，将马上 重新计算各标签的宽度 关闭某个标签，其后剩余标签并没有及时地调 整尺寸，而是整体向前移动，用户鼠标会自然 落在下一个标签的关闭按钮上 操作原则 响应原则 帮助原则 习惯原则 【操作原则】保持任务的连贯 - 2 考虑到输入时键盘 会遮挡下半部，自 动将按钮位置上提 操作原则 响应原则 帮助原则 习惯原则 【操作原则】保持任务的连贯 - 3 操作按钮置于导航 栏，较之前一处理 孰优孰劣？ 两种输入框显示方 式，哪种更自然？ 操作原则 响应原则 帮助原则 习惯原则 【操作原则】保持任务的连贯 - 4 阅读模式开启后， 到页尾处会自动加 载下页内容，确保 用户阅读的流畅性 自动加载不宜过多， 控制在若干屏内 操作原则 响应原则 帮助原则 习惯原则 【操作原则】轻松惬意的体验 摇一摇加好友，感 觉新奇刺激 滑动手势实现热词 切换，结合动态效 果，感觉很有趣 响应原则——所见即所得 预见 让用户操作前有一定的 可预见性 感性 让用户感受到正在交流的是 “感性的朋友 有效 让用户感受到“他的操作是 有反应的、有效果的 操作原则 响应原则 帮助原则 习惯原则 【响应原则】这不是我的错 - 1 问题篇 提示用户改正错误时， 应该礼貌。他们在用你应用 的时候，需要被认为是聪明 的。如果出错了，不要将错 误的判断和解决丢给用户 提示信息过于简单， 没有原由说明，让 用户无所适从 有错误原由，但含 混笼统，用户仍不 能明确问题所在 操作原则 响应原则 帮助原则 习惯原则 【响应原则】这不是我的错 - 2 基础篇 明确给出错误原因， 有效地指导用户后 续操作 错误信息要尽量准确、 通俗易懂，告知用户为什么 操作被中断，以及出现了什 么错误，并提供解决方案以 使用户能够进行修复 操作原则 响应原则 帮助原则 习惯原则 【响应原则】这不是我的错 - 3 进阶篇 差异化提示，让你 产生思维停顿；拟 人化语气，让你欲 罢不能 退出界面加入频道 推荐，好似说“你 不再来点儿别的” 操作原则 响应原则 帮助原则 习惯原则 【响应原则】这不是我的错 - 4 高级篇 针对用户误操作产生的 困惑，及时给予了相关 说明和解决方案；并巧 妙地淡化了用户的误操 作，增加了趣味性 赞！你发现了会话窗 口拖动的秘密。按住 头像还可以拖回去哦， 快试试吧 操作原则 响应原则 帮助原则 习惯原则 【响应原则】别让我等待 - 1 原理篇 超过10秒，需要将任务进行拆解 1秒是用户保持不间断思维流的限 定时间，超过情况下用户会想在等 待期间去处理其他事务，所以需要 显示将要完成的时间或进度 0.1 秒内显示反馈用户是可以接受 的，超过情况下没有特别的信息反 馈时，用户是会产生疑惑的 加载过程没有任何 时间进度显示 操作原则 响应原则 帮助原则 习惯原则 【响应原则】别让我等待 - 2 基础篇 进度条加文字方式 明确告知当前状态 明确告知进度、剩 余时间、当前速率 操作原则 响应原则 帮助原则 习惯原则 【响应原则】别让我等待 - 3 进阶篇 用笑话来减缓用户 等待的烦躁情绪 等待过程中心形会 不断跳动，非常有 趣，有助于缓解用 户紧张的情绪 帮助原则——适量的帮助 多、繁 适量 少、简 过多或过繁，会让用户感到烦躁、不能清晰的找到准确的帮助； 过少或过简，则可能无法覆盖用户的问题、让用户无从下手 要考虑应用场景和用户行为来给出 操作原则 响应原则 帮助原则 习惯原则 【帮助原则】只在我需要的时候 - 1 对于刷新时间较近的，可以直 接提示时间间隔，如“上次刷新： 提示上次刷新时间， 避免