设计上的小细节

2010-06-14

1、卓越亚马逊的首页轮换图片，每刷新一次，都是随机不同的顺序显示，这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题，这点对于电子商务等时效性不是很讲究的网站来说尤其重要；

2、最初的时候是点击照片跳转到下一张，再然后是点击照片的左边是上一张，点击照片右边是下一张，当我们习惯了这样的照片浏览方式之后，似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围，使得照片翻页不在只是局限在照片里面，而是整个页面的宽度，以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持；

3、而腾讯网内容页里对照片这块的处理则有更多的细节，比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时，好与坏开始变成一个相对的事情；

4、当在页面的链接处用鼠标右键点击时，弹出的菜单：IE从上下到是“打开”、“在新选项卡中打开”、“在新窗口中打开”；Firefox从上到下的顺序是“在新窗口中打开”、“在新选项卡中打开”；而Chrome的则是“在新标签页中打开链接”、“在新窗口中打开链接”。IE的第一项“打开”完成就是左键单击的行为，实则无意义；Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上，标签页正是为了解决桌面上铺满浏览器窗口而设计的，所以在这个顺序上，Chrome的设计则是最好的；

5、当页面中需要出现页码时，可以看到很多网站对这个翻页的设计都做了处理，比如减少“上一页”的可点击区域，增加“下一页”的可点击区域。很长一段时间来，浏览器的前进与后退两个按钮是同样的大小，但在页面中翻页时用户更多的操作是在“下一页”，同样的，对于浏览器的前进与后退，用户更多的操作行为会是在“后退”，所以Firefox对这两个按钮的设计做了处理，增大了后退按钮，更便于用户的频繁操作；

分类：体验设计 | 标签： 、、 | 查看：15,267

22 条评论

  1. 草根网 说道：
    2010-6-16 12:30

    好文，收藏至20ju.com

  2. 山东H3C 说道：
    2010-6-18 10:44

    这一点体现了人文关怀，以人为本，注重用户体验，小细节也值得大推敲！

  3. 木鱼猫 说道：
    2010-6-18 11:06

    经你一说发现原来这么多细节很是亮点

  4. 走走 说道：
    2010-6-19 11:15

    正在纳闷怎么IE的默认是新窗口打开呢，麻烦死了。总是一开就一大堆窗口~

  5. 视觉博客 说道：
    2010-6-20 03:00

    看幻灯片是以Flash展示还是以JS显示的。现在很多幻灯片都将就细节性问题了，往往一个小的“bug”就会连累很多，就像你买衣服一样，那个线头坏了，就会觉得是个瑕疵。

  6. cccmarket 说道：
    2010-6-20 17:42

    现在网站越来越注重网站细节。

  7. Jack Hsu 说道：
    2010-6-20 17:54

    博主很细心，文章写得也很详细。

  8. 阿泽 说道：
    2010-6-21 01:10

    博主是做WEB设计的吗？

  9. 指舞六弦 说道：
    2010-6-25 13:35

    再来看下 发现更新袄

  10. 水水 说道：
    2010-6-29 10:39

    这玩意，貌似我有50多种~~没表情，发言不能一针见血~~

  11. 庸水禅 说道：
    2010-6-29 18:26

    大部分时候细节往往显示出真功夫

  12. 苗木 说道：
    2010-7-1 09:20

    来看看 不想错过

  13. 比度克 说道：
    2010-7-3 15:47

    也就是用户体验。。

  14. 皇家元林 说道：
    2010-7-4 15:16

    说实话 腾讯的设计确实很不错

  15. 月舞 说道：
    2010-7-5 21:35

    博主很细心

  16. 树熊 说道：
    2010-7-13 11:13

    其实我觉得阿玛逊是参照了外国的做法，都是讲数据存放到数据，然后用数组随机函数将数组随机排列，这样就达到了每次刷新的不同效果了···大概原理就是这样~

  17. 卡卡 说道：
    2010-7-19 09:22

    用户体验很重要

  18. 赵轩 说道：
    2010-8-18 17:00

    汗，博主真是细心。。。。

  19. Andrew 说道：
    2011-1-14 09:39

    挺细心的嘛 。。。

评论被关闭！