关注于用户想要的.PPT

软件工程(Software Engineering) 第六章_附 用户体验设计(UE Design) 庞雄文 augepang@ augepang@ 几个界面例子(搜索引擎----2012.11.16截图) 几个界面例子(搜索引擎----2012.11.16截图) 几个界面例子(SaaS(CRM)-Login ----2012.11.16截图) 几个界面例子(SaaS(CRM)-Login ----2012.11.16截图) 几个界面例子(网上购物) 几个界面例子(网游-连连看----2012.11.16截图) 几个界面例子(手机界面) 几个界面例子(手机界面) 2 用户体验概念 用户体验：UE( Experience) 用户体验并不是指产品本身是如何工作的，而是指产品如何和外界联系并发挥作用，也就是人们如何“接触“或者“使用”它。 Web中的用户体验是指用户在访问平台的过程中的全部体验，它包括平台是否有用，疑惑或者bug程度，功能是否易用、简约，界面设计和交互设计是否友好等方面。用户体验的核心是UCD，即“以用户为中心的设计”。 2 用户体验概念 2 用户体验概念 同理心(empathy) 能够理解别人的处境, 心理, 动机的能力。换位思考 你设计的系统如果让你来天天使用(注意：是养家糊口般的使用)，你会怎么办?你希望的系统是什么样子 put yourself in other people’s shoes 3 用户体验设计-一般原则 3 用户体验设计-一般原则 3 用户体验设计-一般原则 3 用户体验设计-一般原则 3 用户体验设计-一般原则 3 用户体验设计-一般原则 4 Tencent - 用户体验设计(Tencent UCD) 视觉设计小结 传播产品理念 大气成熟，干净整洁，工具化 规范与统一 重点突出 防止不恰当的低龄化 5 用户体验设计-练习和例子 出来混总是要还的，上课嘛练习总是要做的 5 用户体验设计-练习和例子 5 用户体验设计-练习和例子 5 用户体验设计-练习和例子 交互设计—Dont make me think “返回”的位置和做法很重要：这是整个QQMail的交互的“枢纽”，如同围棋中的“玉柱”，也定义了邮箱的交互风格。 帮用户自动选中：在输入独立密码或加密folder输入密码时错误后，应该把输入框内的内容select上，这样就可以直接打入而不用清除了 光标定位：之前的点回复时光标focus到正文的问题改好了,但却没有注意到点转发时光标,反而应是在收件人处而不是正文处, 因为一般总要填写转发人, 而回复(包括回复全部)则是直接输入内容. 交互设计—符合用户习惯与预期 类Outlook客户端操作，但比它做得更优秀 先字母排序，再优先显示最近联系人，减少键盘操作。这么细的体验，但一旦用上，就觉得别的同类产品很粗糙了！ 交互设计—符合用户习惯与预期 兼容客户端邮件菜单习惯 在用TT或QQ/TM/RTX截屏后的图,mail原来在写信时用Ctrl-V可以贴出来，但右键则不能。 不要随意去掉用户正在使用的功能 原来mail在做出了“HTML方式查看”后，去掉了“打开”功能 符合用户预期，点击其他地方，WEBQQ的浮动窗口隐藏到固定位置 交互设计—适时的提醒 没必要的提醒不需要出现 而适时出现的提示或功能，用得好，不但不会骚扰用户，还是对用户的细致的关怀（当未读邮件过多时，提示删除历史邮件） 数字和字母帐号不同方式；图片验证旁提示“不区分大小写”，细节中体现体贴; 修改前 修改后 交互设计—不强迫用户 喜爱QQMail的很多用户有不少是比较喜欢干净的，TIPS ICON默认不点亮 不滥用QQ资源，保护用户体验 需求：是否要让QQ打包一个右键菜单“发送文件到邮件”占领用户的右键？ 结论：“这种强制右键的少搞为妙，为不到1％的需求让99％的人右键被染很不好。 ” 交互设计—寻求最佳方案 看起来很小的细节，也是需要对多种方案反复斟酌，才能做出最佳选择。 收到带附件的信在上面提示得不够好，如果才是1-2个附件，完全可以把附件名全部显示出来。上面下面都显示 附件的位置，上下左右都放了一遍，最终选择带文件名的方案 以前的方案 现在的方案 4 Tencent - 用户体验设计(Tencent UCD) 交互设计小结 Dont make me think 符合用户习惯与预期 做适时的提醒 不强迫用户 选择最佳方案 操作便利 视觉设计—传播产品理念 只有当我们对产品抱有一个完美的理念和愿景的时候，我们才能做出优美的设计来体现理念 “QQ邮箱，常联系”是我们的愿景。这个愿景需要完美的产品设计，优秀的技术实现，和优质运营来达到 “封面画和选词，呼应