产品设计与用户体验摘要.ppt

英丞教育 ——交互设计及用户研究分析 交互界面设计 1.???????何谓交互设计：和传统的平面设计有什么区别 2.???????交互设计师的就业环境，未来发展 3.???????如何成为一名交互设计师 4.???????作品讲解，好的交互作品是怎么样的 ? 何为交互设计： 从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点。同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多交互设计领域多背景人员的沟通。 　　交互设计借鉴了传统设计、可用性及工程学科的理论和技术。它是一个具有独特方法和实践的综合体，而不只是部分的叠加，具有一定的科学逻辑性。它也是一门工程学科，具有不同于其它科学和工程学科的方 产品设计—高端用户的口碑 浏览器的兼容性，如QQMail一直是兼容多种浏览器 IE内核类 Firefox Chrome Safari Opera 产品功能的向后兼容性 产品升级时的兼容性考虑，包括 用户的设置的配置和使用习惯配置 安装位置，文件夹的命名格式等 如何更Smart的更改注册表（已有则无需再写，减少操作系统和安全产品的预警） 小结 产品设计 口碑传播 少即是多 兼容性 无所不用其极 关注性能和速度 抓住高端用户 大气的设计 满足用户个性化需求 寻求差异 交互设计 把自己想象成一个迟钝、挑剔、易怒的傻瓜来使用产品 抓主要矛盾，重点关注最常使用的交互点 产品经理有前台和后台技术背景，有助于设计的判断和平衡 擅长体会和学习业界优秀交互案例 视觉关注和决策行动，决定准确和快一秒 键盘少敲一下，鼠标易于点选，鼠标少移一段，操作形成定势 照顾用户习惯 如何把新功能引入 交互设计—Dont make me think “返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。 帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了 光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容. 交互设计—符合用户习惯与预期 类Outlook客户端操作，但比它做得更优秀 先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！ 交互设计—符合用户习惯与预期 兼容客户端邮件菜单习惯 在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。 不要随意去掉用户正在使用的功能 原来mail在做出了“HTML方式查看”后，去掉了“打开”功能 符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置 交互设计—适时的提醒 没必要的提醒不需要出现 而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除历史邮件） 数字和字母帐号不同方式；图片验证旁提示“不区分大小写”，细节中体现体贴; 修改前 修改后 交互设计—寻求最佳方案 看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。 收到带附件的信在上面提示得不够好，如果才是1-2个附件，完全可以把附件名全部显示出来。上面下面都显示 附件的位置，上下左右都放了一遍，最终选择带文件名的方案 以前的方案 现在的方案 小结 交互设计 Dont make me think 符合用户习惯与预期 做适时的提醒 不强迫用户 选择最佳方案 操作便利 视觉设计—干净，简洁，工具化 “推广”很重要，“简洁”也很重要，因此舍“推广”而取“简洁” 语音邮箱放到邮箱登录后的邮箱首页右上角，但太重hardsell了，会影响一些速度和简洁性 不多用一个图片 在好友Qzone文章的摘要前加头像，感觉会破坏阅读感（容易吸引眼球到头像而非文章），而从关注好友的角度，头像能突出好友。但给用户2个图片，用户看哪个呢？ 工具化设计意味着清晰的逻辑和操作。不是内容越多越好，是越简单越好。 视觉设计—制定规范，维持统一 文字使用要规范，语法，大小，颜色，大小写都需要注意 能用一个词表达的，不用一句话。能用一句话表达清楚的，不用两句话 每个概念都只有唯一一种表达。如”VIP”的概念 能用一种字体颜色的，不多用一种颜色 能用一种字体大小的，不多用一种大小 用标准组件 能用标准控件的，不自己画控件 （一个button