网页超级链接最好的打开方式
2019-08-14 09:38:19来源:爱站网 阅读 ()
爱站小编一直有个疑问那就是打开网页超级链接的时候是在原窗口转换还是新窗口打开的呢?原窗口打开就会覆盖了原网页信息,新窗口打开就会导致一屏幕的窗口,对于这个疑问爱站小编去查找了相关内容,现在我们一起去看看网页超级链接最好的打开方式吧。
其实这个特定的环境也是个不特定的环境,比如说从新闻列表打开新闻内容页,按常理链接内容页的时候应该是打开新窗口,看完这个新闻后直接关闭这个新开的窗口,这也符合人们在网络上阅读的习惯。可是我看新闻等列表型的内容时有一个这样的习惯,那就是在列表页的时候点击打开所有想看的新闻内容页,然后再一个一个的查看,因为我不想看一个新闻然后关一个窗口又返回列表页去打开另一个新闻窗口,但是这个不可避免的就会满屏幕的出现新窗口或者是标签栏里排满了标签。
那有没有更好的办法呢?有什么办法即可以让我看到所有想看的新闻,而又不用面对满屏幕的窗口或是堆叠的标签呢?
有一种方法是当我从新闻总列表页打开某一类新闻其中的一条的时候,使用新窗口或是新标签打开,然后这一类新闻的列表会出现在这个内容页里,看过的新闻自动消失在这个列表里,再然后看这一类新闻的时候可以直接在这个窗口里转换,如果还想看另一类别的新闻,那就到新闻总列表页去打开另一类的新闻内容页。
这样的确是可以很大程度的减少新窗口量或是标签量。可是我们不得不考虑到这样一点,当用户在使用这种模式的网站时就会多出一项认知的过程,无疑在易用性上又过不了关。而且这种模式的网站如果导航系统没设计好的话,很有可能就会让用户产生迷路的感觉。
所以并不推荐以上所说的方式,还是老老实实的在新闻总列表点一条看一个吧。
可是即使是这样子的操作方式,也涉及到一个问题,就是打开页面链接的方式的统一性。
如果你在一个新闻列表页页,打开第一条新闻的时候是新开的窗口(标签),可是当你点击第二条新闻的时候却是在原窗口里转换的,那么你会想到什么?莫名其妙外加一头雾水。
当然这种情况并不常出现,在同一个新闻列表页面里更是不太可能会出现。可是如果这个新闻列表页是不同类型的呢?比如说一个是数码新闻列表页,另一个是软件新闻列表页,在数码新闻列表页里打开新闻用的是打开新窗口的方式,可是在软件新闻列表页打开新闻却用的是在原窗口转换的方式。这个时候用户该破口大骂了,为什么同样的类型却用的是不同的方式?!
一致性并不只是表现在页面排版等视觉上,还包括操作方式等交互行为上。
最近在使用yupoo网的相册服务时就发现了一个这样一个同类型却用不同方式的问题。yupoo提供了好多种查看别人照片的方式,比如说通过搜索、随便逛逛、最近上传、最近七天的靓照、最近一月的靓照、一年前的今天等,可是这些方式提供出的照片预览页在打开链接时却出现了不一致的方式。
以上几种方式提供出的照片预览页都可以算是新闻列表页,点击其中的照片就像点击一条新闻一样,可是问题却在这里出现,通过搜索、随便逛逛、最近上传、最近七天方式打开的照片预览页点击打开其中一张照片的方式是新开窗口(标签),可是当通过最近一月的靓照、一年前的今天方式来打开其提供的预览中的照片时却是直接在原窗口里转换的。
如果说从通过搜索等方式提供的预览页打开照片使用新窗口是为了用户返回来重新寻找照片,那为什么从本月推荐等方式就不能返回来重新查看照片呢?如果说通过搜索等方式提供的照片预览页是一类照片的合集,那本月推荐的照片就不算合集?用户从本月推荐里并不只是想看其中的某一张照片,而应该是跟通过搜索一样的想查看更多的照片。
当我第一次使用这个最近一月的靓照功能时,我以为他跟最近七天的靓照的方式应该是一样的,点击照片后在新窗口(标签)打开链接,本来我是准备多点几张然后再一张一张看的,可是当我点下第一张的时候发现窗口转换掉了,要想看其他最近一月的靓照还得重新来过。这顿时让我产生一种被人欺骗的感觉。
如果通过搜索、最近上传等方式提供的预览页在点击照片时采用的也是在原窗口转换的话,那么用户最多只是会感觉到不方便而已,并不会有被欺骗的感觉。在这一点上flickr做得很统一,不管是通过什么方式去查看照片时都是采用在原窗口里转换的方式,虽然有些不方便可是至少不会有被欺骗的感觉。
如何保持交互的统一性?如何不让用户产生被欺骗的感觉?多多从用户的角度去考虑吧。
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助~如果有疑问大家可以留言交流,谢谢大家对爱站技术频道的支持!
原文链接:https://js.aizhan.com/web_authoring/css/5589.html
如有疑问请与原作者联系
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
上一篇:calc()在less中编译报错
下一篇:如何缩写优化CSS文件的体积
- 毕业生想学习web前端开发,有什么好的发展方向吗? 2020-06-09
- 使用 Apache SSI(Server Side Includes) 制作多语言版静态网 2020-06-01
- 网页搜索框里显示字段鼠标点击后就隐藏的方法 2020-05-29
- 【2020Python修炼记】前端开发之 网页设计超级酷炫小技巧 2020-05-14
- 使用css将网页变成黑白色 2020-04-04
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash