产品的设计和用户体验
o 用标准组件
能用标准控件的,不自己画控件 (一个 button ,就有
focused,selected, up/down,enabled/disabled,tab 顺序等多种状态要
画和处理,不容易的,而且要考虑浏览器兼容)
能用文字的,不用图片(加图片是要申请的)
保持尽可能少的格式式样
o 维持统一
就算字体和行间距等小细节都应该关注到
英文字体 Tahoma
32. 视觉设计—重点突出
o 每个页面(板块)只有一块视觉重点。并且,突出重点,不让用户去找。
原来的设计排版不对,有一横条的压着的情况黄色块就不能加框,
视觉会很繁杂看着不舒服,句号也是多余的
原来方案 目前方案 ·
Pony :在设置了独立密码的情况下 , 当登陆到需要输入独立密码时 , 总是先出来输入框 , 此时已可输入 , 我经常是立刻输入 , 但打了几个字母后上面 , 才瞬间出现上面的黄色提醒 " 请输入独立保护密码 ", 而会导致输入框位置立刻下压 , 比较影响输入 . 最好能改一改 html 里的结构 , 能够快速让人立刻输入 ( 越快越好 ) 的基础上 , 其他显示的可以慢些 load 到但不应影响其他部件的改变 .
33. 视觉设计—防止不恰当的低龄化
o 在追求“简单”的过程中, QQMail 不知不觉的变得“中性”、“成熟”化。
o 当我们更加理性和严谨地设计产品的时候,自然会远离“低龄”倾向。“成熟”
源自合理的设计,“低龄”源自不合常理的设计。
不恰当的低龄化
34. 小结
o 视觉设计
传播产品理念
大气成熟,干净整洁,工具化
规范与统一
重点突出
防止不恰当的低龄化
35. 补充: QQMail 和 QQ 影音体验成功的关键点
o QQMail 总结起来,做到了:快速,稳定,功能强,体验好
快速: QQMail 登录速度是同类产品最快的,最初“简捷版”的诉求
就是“简单,快速”
稳定:一直在努力中
功能强:不一定做很多功能,但做了的要做到最好
体验好:只有贯穿产品设计, UI 设计,技术设计与实现,才能保
证好的体验
o QQ 影音低调推出后,外界反响普遍不错,是我们桌面产品比较成功的一个。
成功的关键是产品的基本功 - 播放功能比较扎实,
如硬指标是对多种格式的支持、硬件加速后高清视频的 CPU
和内存占用
视频的色彩、清晰度、流畅度等。