网页超级链接最好的打开方式

来源:爱站网时间:2019-04-19编辑:网友分享
爱站小编一直有个疑问那就是打开网页超级链接的时候是在原窗口转换还是新窗口打开的呢?原窗口打开就会覆盖了原网页信息,新窗口打开就会导致一屏幕的窗口,对于这个疑问爱站小编去查找了相关内容,现在我们一起去看看网页超级链接最好的打开方式吧。

  爱站小编一直有个疑问那就是打开网页超级链接的时候是在原窗口转换还是新窗口打开的呢?原窗口打开就会覆盖了原网页信息,新窗口打开就会导致一屏幕的窗口,对于这个疑问爱站小编去查找了相关内容,现在我们一起去看看网页超级链接最好的打开方式吧。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对爱站技术频道的支持!

上一篇:CSS 框架的论述

下一篇:清除浮动的方法总结

您可能感兴趣的文章

相关阅读

热门软件源码

最新软件源码下载