网页超级链接该以什么方式打开?

来源:网络整理 责任编辑:栏目编辑 发表时间:2013-07-01 09:38 点击:

一直以来都有这样一个困惑,那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢?如果是在原窗口里转换页面的话,那我还想使用原页面的信息呢?但是在新窗口打开的话,到时候可能是一屏幕的窗口(现在的浏览器都提供标签式浏览——我认为这是浏览器至今为止最好的改进,但也会造成成堆的标签排在那而不知道到底哪个才是自己想要的),很容易就让人迷失在窗口里。也许该说按特定的环境使用特定的方式,可是这个特定的环境又是哪些呢?

其实这个特定的环境也是个不特定的环境,比如说从新闻列表打开新闻内容页,按常理链接内容页的时候应该是打开新窗口,看完这个新闻后直接关闭这个新开的窗口,这也符合人们在网络上阅读的习惯。可是我看新闻等列表型的内容时有一个这样的习惯,那就是在列表页的时候点击打开所有想看的新闻内容页,然后再一个一个的查看,因为我不想看一个新闻然后关一个窗口又返回列表页去打开另一个新闻窗口,但是这个不可避免的就会满屏幕的出现新窗口或者是标签栏里排满了标签。

那有没有更好的办法呢?有什么办法即可以让我看到所有想看的新闻,而又不用面对满屏幕的窗口或是堆叠的标签呢?

有一种方法是当我从新闻总列表页打开某一类新闻其中的一条的时候,使用新窗口或是新标签打开,然后这一类新闻的列表会出现在这个内容页里,看过的新闻自动消失在这个列表里,再然后看这一类新闻的时候可以直接在这个窗口里转换,如果还想看另一类别的新闻,那就到新闻总列表页去打开另一类的新闻内容页。

这样的确是可以很大程度的减少新窗口量或是标签量。可是我们不得不考虑到这样一点,当用户在使用这种模式的网站时就会多出一项认知的过程,无疑在易用性上又过不了关。而且这种模式的网站如果导航系统没设计好的话,很有可能就会让用户产生迷路的感觉。

所以并不推荐以上所说的方式,还是老老实实的在新闻总列表点一条看一个吧。

可是即使是这样子的操作方式,也涉及到一个问题,就是打开页面链接的方式的统一性。

如果你在一个新闻列表页页,打开第一条新闻的时候是新开的窗口(标签),可是当你点击第二条新闻的时候却是在原窗口里转换的,那么你会想到什么?莫名其妙外加一头雾水。

当然这种情况并不常出现,在同一个新闻列表页面里更是不太可能会出现。可是如果这个新闻列表页是不同类型的呢?比如说一个是数码新闻列表页,另一个是软件新闻列表页,在数码新闻列表页里打开新闻用的是打开新窗口的方式,可是在软件新闻列表页打开新闻却用的是在原窗口转换的方式。这个时候用户该破口大骂了,为什么同样的类型却用的是不同的方式?!

一致性并不只是表现在页面排版等视觉上,还包括操作方式等交互行为上。

最近在使用yupoo网的相册服务时就发现了一个这样一个同类型却用不同方式的问题。yupoo提供了好多种查看别人照片的方式,比如说通过搜索、随便逛逛、最近上传、最近七天的靓照、最近一月的靓照、一年前的今天等,可是这些方式提供出的照片预览页在打开链接时却出现了不一致的方式。

以上几种方式提供出的照片预览页都可以算是新闻列表页,点击其中的照片就像点击一条新闻一样,可是问题却在这里出现,通过搜索、随便逛逛、最近上传、最近七天方式打开的照片预览页点击打开其中一张照片的方式是新开窗口(标签),可是当通过最近一月的靓照、一年前的今天方式来打开其提供的预览中的照片时却是直接在原窗口里转换的。

如果说从通过搜索等方式提供的预览页打开照片使用新窗口是为了用户返回来重新寻找照片,那为什么从本月推荐等方式就不能返回来重新查看照片呢?如果说通过搜索等方式提供的照片预览页是一类照片的合集,那本月推荐的照片就不算合集?用户从本月推荐里并不只是想看其中的某一张照片,而应该是跟通过搜索一样的想查看更多的照片。

当我第一次使用这个最近一月的靓照功能时,我以为他跟最近七天的靓照的方式应该是一样的,点击照片后在新窗口(标签)打开链接,本来我是准备多点几张然后再一张一张看的,可是当我点下第一张的时候发现窗口转换掉了,要想看其他最近一月的靓照还得重新来过。这顿时让我产生一种被人欺骗的感觉。

如果通过搜索、最近上传等方式提供的预览页在点击照片时采用的也是在原窗口转换的话,那么用户最多只是会感觉到不方便而已,并不会有被欺骗的感觉。在这一点上flickr做得很统一,不管是通过什么方式去查看照片时都是采用在原窗口里转换的方式,虽然有些不方便可是至少不会有被欺骗的感觉。

如何保持交互的统一性?如何不让用户产生被欺骗的感觉?多多从用户的角度去考虑吧。

    发表评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    用户名: 验证码:点击我更换图片
    最新评论 更多>>

    推荐热点

    • 扎实基础 9则css网页制作技巧
    • CSS设计符合Web标准的网页表单的几个技巧
    • 技巧:css星级效果总结
    • 用CSS建设网站的实例(9)
    • 提高网站性能:JavaScript+CSS优化的建议(3)
    • CSS制作网页实例:用CSS控制li标记样式
    网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
    Copyright © 2008-2015 计算机技术学习交流网. 版权所有

    豫ICP备11007008号-1