QQ邮箱界面分析.ppt

QQ邮箱界面分析 在此处键入您的主题 电子邮箱从诞生之日发展到今天 人们关心的已经不仅仅是它的容量和附件大小了 除了收发邮件 邮箱为用户们提供了内容越来越丰富的操作平台 而用户也越来越希望邮箱能整合更多功能 QQ邮箱在功能扩展上一直没有停止步伐 2G容量的文件中转站 亦博客亦日记本的记事本 都以简单易用受到好评 而推出的漂流瓶 支持录制音视频邮件等功能 让QQ邮箱也变得日益好玩有趣QQ邮箱在每一次更新之后都为我们带来新的惊喜和体验 QQ邮箱已经不再满足于单纯的邮箱角色了 QQMail项目目标 快速 QQMail登录速度是同类产品最快的 最初 简捷版 的诉求就是 简单 快速 稳定 一直在努力中功能强 不一定做很多功能 但做了的要做到最好体验好 只有贯穿产品设计 UI设计 技术设计与实现 才能保证好的体验 QQ邮箱设计风格特点 QQ邮箱的默认皮肤主要是灰白色 清新朴素 偏向于简约商务型虽然其产品功能丰富 但是它在UI表现上却不复杂 登入主界面便可让用户了解提供的各种增值服务 很好的将产品的一些隐藏功能向用户呈现出来 更有效的提升了这些附加功能的使用频率 从UI角度看 其主推的功能与其它功能主次分明 文字与图标的搭配 间距协调 文字描述与超链接等区别明显 从下图中可以看出 主界面左边导航的视觉流向统一 各种功能排放顺序及位置非常合理 大功能与文件夹列表使用框架分割开 大功能项同时使用了图标与文字的设计 显得更为突出 写信 放在 收信 上面 更贴合用户使用习惯与频率 因为登陆进邮箱后新邮件基本上都可以看到 不需要再点击收信操作 相比之下写信的使用机率会更高 发信界面整体的UI显得很和谐 统一 灰色色系用得非常好 另外各个可能使用到的功能都摆在需要用到的位置 在写信界面中 当用户选择了附件后 在写信的过程中 QQ邮箱系统会同时进行上传附近的操作 并以显眼的绿色进度提示条提醒用户 使用户在写完邮件后即时可以把邮件发出去 不需要再等待上传附件的时间 此功能非常的贴心 省时 方便 在垃圾邮件文件夹中 立即删除所有垃圾邮件的功能及自动清理垃圾邮件的提示使用了提示色进行提示 非常的清晰与方便 点击后也会出现二次确认提示 功能栏的彻底删除 转发 举报等功能性按钮突出 用户基本上不会在此界面上产生疑惑 当已删除邮件与垃圾箱中有邮箱时 清空按钮便相应出现在右侧 近在咫尺 异常方便 同时为了不抢夺文件夹列表的主要功能 以灰色调淡化显示 交互设计 交互设计 Don tmakemethink 返回 的位置和做法很重要 这是整个QQMail的交互的 枢纽 帮用户自动选中 在输入独立密码或加密folder输入密码时错误后自动清除 这样就可以直接打入光标定位 之前的点 回复 时光标focus到正文的问题 交互设计 符合用户习惯与预期 类Outlook客户端操作 但比它做得更优秀先字母排序 再优先显示最近联系人 减少键盘操作 这么细的体验 但一旦用上 就觉得别的同类产品很粗糙了 VS 交互设计 适时的提醒 没必要的提醒不需要出现而适时出现的提示或功能 用得好 不但不会骚扰用户 还是对用户的细致的关怀 当未读邮件过多时 提示删除历史邮件 数字和字母帐号不同方式 图片验证旁提示 不区分大小写 细节中体现体贴 修改前修改后 交互设计 不强迫用户 喜爱QQMail的很多用户有不少是比较喜欢干净的 TIPSICON默认不点亮不滥用QQ资源 保护用户体验需求 是否要让QQ打包一个右键菜单 发送文件到邮件 占领用户的右键 结论 这种强制右键的少搞为妙 为不到1 的需求让99 的人右键被染很不好 交互设计 寻求最佳方案 看起来很小的细节 也是需要对多种方案反复斟酌 才能做出最佳选择 收到带附件的信在上面提示得不够好 如果才是1 2个附件 完全可以把附件名全部显示出来 上面下面都显示附件的位置 上下左右都放了一遍 最终选择带文件名的方案现在的方案以前的方案 交互设计 操作便利 鼠标响应区域的大小 灵敏度和精确度 直接影响操作体验 QQ邮箱中不良的UI设计 邮箱设置中各项设置功能的内容太多 导致页面过长 严重挑战用户的眼力与耐心 同时并没有像microsoft google等网站一样 在页面顶部设置 保存设置 的按钮 如果用户在第一屏就找到并修改了他的设置 他需要不停的滚动到页面底部才能操作 小结 交互设计Don tmakemethink符合用户习惯与预期做适时的提醒不强迫用户选择最佳方案操作便利 视觉设计 视觉设计 制定规范 维持统一文字使用要规范 语法 大小 颜色 大小写都需要注意能用一个词表达的 不用一句话 能用一句话表达清楚的 不用两句话每个概念都只有唯一一种表达 如 VIP 的概念能用一种字体颜色的 不多用一种颜色能用一种字体大小的 不多用一种大小 视觉设计 制定规范 维持统一用标准组件能用标准控件的 不自己画控件 一个button 就有focused selected up down enabled disabled tab顺序等多种状态要画和处理 不容易的 而且要考虑浏览器兼容 能用文字的 不用图片 加图片是要申请的 保持尽可能少的格式式样维持统一就算字体和行间距等小细节都应该关注到英文字体Tahoma 视觉设计 传播产品理念只有当我们对产品抱有一个完美的理念和愿景的时候 我们才能做出优美的设计来体现理念 QQ邮箱 常联系 是我们的愿景 这个愿景需要完美的产品设计 优秀的技术实现 和优质运营来达到 封面画和选词 呼应邮件含义 淡雅而不张扬 视觉设计方面 干净 简洁 工具化 推广 很重要 简洁 也很重要 因此舍 推广 而取 简洁 语音邮箱放到箱登录后的邮箱首页右上角 但太重hardsell了 会影响一些速度和简洁性邮不多用一个图片在好友Qzone文章的摘要前加头像 感觉会破坏阅读感 容易吸引眼球到头像而非文章 而从关注好友的角度 头像能突出好友 但给用户2个图片 用户看哪个呢 工具化设计意味着清晰的逻辑和操作 不是内容越多越好 是越简单越好 视觉设计 重点突出每个页面 板块 只有一块视觉重点 并且 突出重点 不让用户去找 原来的设计排版不对 有一横条的压着的情况黄色块就不能加框 视觉会很繁杂看着不舒服 句号也是多余的 目前方案 原来方案 视觉设计 防止不恰当的低龄化 在追求