记录用户体验细节

突然有个想法,想把原来我发现的,看到的,听到的一些好的用户体验列出来,这些经验对于做终端的开发,都是值得我们学习的。现在能想到的几条,以后想起来慢慢加上来。
  • windows虽然IE做得不怎么样,但你可知道触发拖动事件不是mousedown开始就叫拖拽(DragDrop),而是有两个条件,一个是mousedown后1秒,或者鼠标移动3px后再开始触发拖动的么?
  • Safari里的tab菜单不仅仅是你点击到上面会触发,如果你细心的话,会发现,他还有一个offset,约3px。这样的策略可以应用在我们的产品中,例如一个下拉菜单,你可以在目前有效范围之外再加一定的偏移量,以免用户有误操作。
  • 腾迅的聊天窗口是圆角的,但是你可知道,它最大化之后不是圆角,如果最大化还是圆角,那么在该窗体下的窗口会被误关掉,baidu hi就没有解决这一点。
  • android的加减速度的触摸体验做得没有apple的产品好,其中之一是因为如果android的触摸拖动拖出触摸屏边界,那么就加减速拖拽就无效了,也就无缓动效果了(例如地图);而apple产品就解决了这一问题,在这里计算了手指是否离开屏幕边界,如果离开按在屏里的加速度来算缓动,这在我们做web的拖拽产品时也要注意这一点。
  • 滚动条在拖动时是被捕获的。例如你拖时把鼠标偏移滚动条之外的一定偏移距离时,仍然是有效的。
  • hover 悬浮触发的切换,从用户体验角度讲,一般都会加上 100ms 触发延迟,以避免不经意划过时的触发;
  • apple的操作系统,我用鼠标选了输入法后,光标的focus不会丢失。仍然是在最后一次你要输入的文本框上;
  • chrome的标签页的标签不是即时变换大小的. 变换的时机是你的鼠标已经移出了(mouseout)了标签栏才会改变大小, 这使得要连续用鼠标操作标签页上更高效. 例如:你要关闭连续两个相连的标签页.
  • 什么样的suggest(Autocomplete)是体验比较好的? -- IE8之前或FF的浏览器, 以及自动填充功能, 都只有单态或双态, 而IE8之后做得不错,包括chrome,做成三态(1为自然状态,2为鼠标hover状态,3为键盘操作状态),很贴心.

你可能感兴趣的:(开发日志)