焦点轮播区域的形式

Posted on 2007-3-20 星期二

  时下在互联网上很流行焦点区域轮播(焦点图)的形式,形式上就是以醒目的大图或配以说明性文字,进行定时交替播放。至于实现的技术手段就是FLASH或javascript的动态前台技术(基本没有什么技术含量可言)。不过从呈现方式上虽然精髓都是同一个,都是以同一区域展示的信息量成倍增加为最终目的,但是呈现效果、用户体验上可就是五花八门,百家争鸣,百花其放,丑态百出(这个好象不搭调)。
  现面我们就拿几个最典型的实现方式来小论一下:
  首先是在国内网站上比较流行的一种焦点图方式,所谓的新浪风格:

focus_sina
新浪的焦点轮播

这种轮播方式被国内大大小小网站拿来的拿来,演绎的演绎:

小熊
小熊在线的焦点轮播

太平洋电脑网
太平洋电脑网的焦点轮播

  要说明的是这种轮播图的方式目的已经达到,即上述的内容展示加倍。但是这种形式有两个缺点。第一,下面的当前播放的指示,不知设计人员是怎么考虑的,一个焦点图的位置能放几十还是几百张图片吗?最多超不过10张(通常3-5张),难道把用户当白痴数不清10以内或5以内的数?非要你标记一下那难看的系统字体的数字在下面?下面的指示器目的是说明共几张,当前第几张,小色块就足够了,加数字即影响美观又增加不必要的文件大小,简直是画蛇添足。第二,就是花里胡哨的过场效果,本来就不大的焦点区弄些乱七八糟的过场,用户刚看上去还比较新鲜,不出两三次就会烦,所以不要添加过场,这样就不会触犯任何审美倾向的用户。而且相当程度上减小了文件大小,带宽等开销,提升用户浏览的流畅性。

  第二种是上述情况的改进型,个人认为是最好的轮播方式,简洁大方,好用易用:

yahoo_news
news.yahoo.com

CCTV
CCTV

  这两个就是使用了小ICON做播放指示,简洁大方。CCTV的张数就有些多了,这时使用数字才比较合适,不过还可以接受。而YAHOO的那个只有三个,如果换成1.2.3,那真的就是把用户当白痴了,至少我还能数清楚是三张。

  第三种很流行的是播放指示部分除了指示轮播张数、当前位置的作用外,还增加了内容缩略的作用:

CNET.COM
CNET.COM

beijing2008.cn
beijing2008.cn

上面这两个就是将内容缩略和播放指示和二唯一了,这使得用户即能知道当前播放的是那张,一共几张,还能看到每张的大概内容。其中beijing2008的那个增加了进度指示功能,可以让用户清楚自己看到下一张需要等多少时间。当然时间间隔指示有很多种,下面的就不错:

ESPN
ESPN

这个时间间隔指示使用的是所谓的的2.0样式,一个环状加载指示。

总结:
轮播这种方式要么就用最简单的呈现,上述第二种,即能达到目的,又能给用户带来比较好的体验(这个有点大,通俗点,就是不招人烦)。要么就用第三种,让用户彻底清晰明了,知道自己在看什么,将要看到什么,多久能看到… … 。不伦不类的呈现方式还是尽量避免使用。


No comments have been added to this post yet.

留下评论

(必需)

(必需)


Information for comment users
Line and paragraph breaks are implemented automatically. Your e-mail address is never displayed. Please consider what you're posting.

Use the buttons below to customise your comment.


RSS feed for comments on this post | TrackBack URI