选择显示字体大小

如何简化过于拥挤的新闻网站首页的混乱?

我曾抱怨新闻网站首页的设计,太杂乱与沘淆,用过多可点选的连结吸引读者注意,同时也要往下卷动好几次,才能阅览全页,这对读者来说已经失去了焦点。 有一些大型网站,在去年针对杂乱的问题做些调整,但用隐藏内容的概念更可能解决问题,做法是表层并没有太多的内容,但当鼠标移动到固定的位置,底层的信息就出现,这样可以把许多信息存入网页,似乎可用来简化新闻网站首页的混乱。

跳出到右边

什幺叫隐藏内容?最普通的是鼠标移动导致出现下一层的导引连结或索引, msnbc.com 把这个技巧用在首页的左侧已经很多年了,鼠标移至「商业」,就会在右侧出现一长条标题,再把鼠标移至其中一项,右侧又出现下一层的一串标题,每个标题可连结到内容。

用鼠标移动来导读,在主要新闻网站虽未应用,但企业与商业的网站已经普遍使用。

举一个极端的例子,堪萨斯州 topeka capital-journal 的网站 cjonlihe.com,就比许多新闻网站超前运用隐藏内容的设计,他们仅用 dhtml 就能完成这项工作。

隐藏内容的设计首先用在左侧导读索引上,但在上端突发新闻栏目,也用在自动展示新闻,鼠标移动到国内或国际新闻,下层即展现标题。在网页当中主题区,有新闻、体育、专栏、特别报导四项,鼠标移动到任何一项,不仅主题照片与标题变动,右侧出现的新闻标题也一齐跟着变动。首页之下方块中有影视、指南、深入报导三项,鼠标移动到任何一项,下层标题就出现。

处理过多的内容

新的媒体主任jim debth 就说,他们的 jconline.com 在设计上与许多新闻网站一样苦恼,太零乱了。老的设计左行就有四、五十个连结,但很少有人会从头到尾浏览一遍的,他们的设计团队就针对这个问题,从头作起、重新设计。

新网站设计的原则,是让多重管道引进内容。读者可以从一般的管道点选体育连结,到体育版首页,但也可以停留在首页,把鼠标移到主题照片之下的体育标示,今天的体育新闻标题就会展现出来。

停留在首页但获得更丰富的信息,对仍使用拨接连线的读者非常有用,而研究机构如 poynter-stanford 的 eyeball 研究结果显示,读者除非确认换页可获得更好的信息,否则不愿意点选换页。移动鼠标,是可以让读者留在同一网页但可获得更多信息的技巧。

隐藏内容的格式,可以把很多内容挤到首页,仅在网页的上段编辑就能放入五十条新闻标题。

cjoline.com 操作主管 phil thompson 说,当一年前目前的新设计推出的时候,约一半人赞成一半反对,但赞成的人多逐渐增加,一旦习惯就开始喜欢。

专家进来了

几位网站设计大师,对 cjoline.com 简化首页的用意虽仍给于肯定,但也特别提出意见。

roger black,这位世界级的网上出版专家与设计家,认为隐藏内容的设计是相当好的例子,来善用时间与空间设计新闻网站。他指出许多新闻网站的首页,设计的好象印刷的版面,把每一件新闻都放进去这是 90 ,年代中期的老旧想法。在低频宽的时代,网页较为精简,但几年下来新闻网站内容日益丰富,就变得条文式连结内容的索引。尤其近年网站人力缩减,使设计的创意不如预期。

andrew devigal,是旧金山州立大学教授也是 devigal 设计公司的负责人,说隐藏内容的技巧以前多用到服务上,像是广告,商业网站通常也这一技巧把许多信息压缩到拥挤的空间里。devigal 说,对新闻网站这是一个好的步骤。

但隐藏内容的设计,仍有相当的问题,网站应用大师 jakob nielsen 就说,cjoline.com 的隐藏内容并没有解决杂乱的问题。当鼠标在页面上移动的时候,画面变更,教人有闪动的感觉,反而分心无法看清画面全貌。另外有隐藏太深的问题,例如想看到体育新闻的标题,就必得把鼠标移至主题照片下的体育标示,如果不知道这幺做,就看不到体育新闻标题。

别忘了群聚

网站使用专家,也是「别让我想」(don't make me think) 这本书的作者 steve krug,说他喜欢隐藏内容的做法,但要做对。cjoline.com 首页的问题,是中心报导这个单元扩展几层、占据了大部份画面,其实可把扩展的部份绘出界线,例如加框或加色,使鼠标移动的隐藏范围更清楚展现。

另一技巧是鼠标移动到隐藏内容的上方,做一点时间延后,再显示隐藏内容。立刻显示反而会扰乱读者。krug 说,最重要一点是避免不留意的鼠标移动使隐藏内容立即消失。(nielsen 指出,鼠标移动很可能给动作不便、或年长的人操作计算机用。)

按鼠标还是移动鼠标

最后一点:按鼠标还是移动鼠标?意思是说按鼠标上的点选键来改变网页的内容,还是移动鼠标到固定的位置显示出隐藏的内容?

像 espn.com 与 augustachronicle.com,都在首页有一区域,按鼠标点选键仅改变那一区的内容,但仍停留在首页。这种做法,据专家们说不是标准的做法,因为对读者造成困扰,读者多习惯点选之后跳到另一新页。

从使用人角度看,移动鼠标的技巧较为合理,一般的习惯是在隐藏内容的标记旁加一个十字,让读者一目了然知道还有隐藏在下层的内容。这样可以把点选键,留到真正要跳到新网页的时候再用。

正如 nielsen 指出,各个网站尝试隐藏内容的做法多不相同,一个网站移动鼠标的方式与另一个网站移动鼠标的方式,可能完全不同,从计算机的使用接口设计来说,这也是正常的现象。不过假以时日,会实验出最好的方式,然后大家都会遵照这个标准。   


 


关键字 本文所属关键字

相关 与本文相关文章

分类 所有文章关键字导航

源码编程相关

Java   Asp   PHP   .Net   XML   C/C++   CGI   VB   Jsp   J2ee   J2se   J2me   EJB   Servlet   Tomcat   Resin   Struts   Weblogic   Eclipse   ANT   GUI   JMS   Web servise   IDEA   Webphere   Hibernate   Spring   Jboss   Applet   Swing   Socket   Javamail   Perl   Ajax   P2P   安全   模式   框架   测试   开源   游戏

SQL数据库相关

My-SQL   Ms-SQL   Access   DB2   Oracle   Sybase   SQLserver   索引   存储过程   加密   数据库   分页   视图  

手机无线相关

3G   Wap   CDMA   GRPS   GSM   IVR   彩信   短信   无线   增值业务

网页设计制作相关

HTML   CSS   网页配色   网页特效   Javascript   VBscript   Dreamweaver   Frontpage   JS   Web   网站设计

网站建设推广相关

建站经验   网站优化   网站排名   推广   Alexa

操作系统/服务器相关

Windows XP   Windows 2000   Windows 2003   Windows Me   Windows 9.x   Linux   UNIX   注册表   操作系统   服务器   应用服务器

图形图像多媒体相关

Photoshop   Fireworks   Flash   Coreldraw   Illustrator   Freehand   Photoimpact   多媒体   图形图像

标准 网站致力的规范

Valid CSS!

无不良内容,无不良广告,无恶意代码

Valid XHTML 1.0 Transitional

creativecommons