IT技术博客大学习 共学习 共进步

设计上的小细节

Prower - 记录成长过程 2010-06-20 23:45:32 累计浏览 2,945 次

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

    

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

    

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

    

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

    

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

    

建议继续学习

  1. xargs命令少为人知的细节 (累计阅读 5,544)
  2. 网页表单设计摘要 (累计阅读 5,323)
  3. 不得不说的糟糕设计 (累计阅读 4,784)
  4. 解读iPhone平台的一些优秀设计思路 (累计阅读 4,746)
  5. 卡通风格网站设计一览 (累计阅读 4,583)
  6. 在信息架构层次对比开心网和Facebook的设计 (累计阅读 4,308)
  7. 优先为移动设计带来的优势 (累计阅读 3,983)
  8. 大胆设计 (累计阅读 3,686)
  9. 优先为移动设计的理由 (累计阅读 3,588)
  10. 深泽直人:无意识设计 (累计阅读 3,588)