当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网站超级链接的打开方式探讨

HTML/XHTML教程
XHTML入门学习教程:网页Head和DTD
XHTML入门学习教程:XHTML超级链接
XHTML入门学习教程:列表标签的使用
XHTML入门学习教程:文字格式与特殊字符
XHTML入门学习教程:XHTML标签
XHTML入门学习教程:XHTML常用标签
XHTML入门学习教程:什么是XHTML?
XHTML入门学习教程:简单网页制作
HTML网页的基本组成概述
表格边框的css语法
HTML表格标记教程(48):CSS修饰表格
HTML表格标记教程(46):表格的表尾标记
HTML表格标记教程(47):表格嵌套
HTML表格标记教程(45):表格的表主体标记
HTML表格标记教程(43):表头的垂直对齐属性VALIGN
HTML表格标记教程(44):表格的表首标记
HTML表格标记教程(42):表头的水平对齐属性ALIGN
HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(39):表头的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(38):表头的边框色属性BORDERCOLOR

HTML/XHTML教程 中的 网站超级链接的打开方式探讨


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 51 ::
收藏到网摘: n/a


                         新窗口打开,优点:用户点链接的时候,当前浏览的内容不会被替换,不需要通过前进、后退去看自己看过的内容;缺点:访问一会,就会产生大量窗口,占用资源。每个窗口都需要手动关闭.             
一.链接打开方式
        新窗口打开
    优点:用户点链接的时候,当前浏览的内容不会被替换,不需要通过前进、后退去看自己看过的内容;
    缺点:访问一会,就会产生大量窗口,占用资源。每个窗口都需要手动关闭;     当前窗口打开
    优点:可以一直在一个窗口内看内容,不会打开很多窗口、占用太多资源。窗口只有一个,关闭容易;
    缺点:当用户需要看几个页面的内容,或者需要对比着看的时候,就很麻烦。或者必须按住SHIFT点击链接,但很少人知道和使用该操作;     有选择的使用新窗口和当前窗口
    优点:可以比较人性化的解决以上两种方式所带来的不便。不会大量增加窗口数量,同时用户也可以在多个窗口切换阅读;
    缺点:用户在点某个链接时的需求未必与设计人员的想法完全一样。用户无法确定到底现在这个链接是在新窗口还是当前窗口打开,给用户造成一定的心理“压力”。

二、如何选择链接打开方式
        对于同类型的信息,使用同样的链接打开方式;     中国人更接受链接在新窗口打开的方式;     以下情况使用新窗口打开:
    频道的内容链接、导航链接、文章内延伸阅读的链接、文章的相关内容链接、在用户需要对同类型产品进行比较时;     以下情况使用当前窗口打开:
    文章的分页标签、列表的翻页标签、文章的上/下一篇文章的链接、线性的任务(用户注册、发布信息等)、当链接属于用户线性的阅读/操作需要时。

三、链接可用性设计指南
        使用有意义的、易于理解、容易识别的链接标签;     保证链接标签和链接到的页面标题是相吻合的;     不要误导用户去点击不是链接的文本、图片;     重复重要的链接;     尽量使用文字作为链接的标签;     使用不同的颜色区分用户未使用/使用过的链接;     提供一致的链接标签;     使用“pointing-and-clicking”的方式让用户打开链接;     使用合适的链接长度,一个链接的文字标签不要超过一行;     告诉用户哪些是内部链接、哪些是外部链接;     如果页面上有一张图片是有链接的,那么就要保证页面上的所有图片都是可点击的。

四.新观点
        让用户自己去选择如何打开链接。例如设计师为用户提供一个询问-盒子(a small check-box),让用户来决定链接如何打开。     一些网站使用图标对链接的性质进行描述和指引。如维基百科的外部链接,采用小箭头的形式来和站内的链接进行区分。

五、国内典型网站链接打开方式
1.网上购物类
                                      
当前窗口0
新窗口1                                       
频道切换                                       
List                                       
Detail                                                         
从类目                                       
从搜索                                       
内部                                       
产品图片                                       
进入企业/店铺                                                         
阿里巴巴                                       
0                                       
1                                       
1                                       
1                                       
1                                       
1                                                         
慧聪                                       
0                                       
1                                       
1                                       
1                                       
1                                       
1                                                         
中国制造网                                       
0                                       
0                                       
0                                       
0                                       
0                                       
0                                                         
环球资源                                       
0                                       
0                                       
0                                       
0                                       
0                                       
无                                                         
拍拍                                       
0                                       
1                                       
0                                       
1                                       
1                                       
0                                                         
淘宝                                       
0                                       
1                                       
1                                       
1                                       
1                                       
1                                                         
卓越亚马逊                                       
0                                       
0                                       
0                                       
0                                       
0                                       
无                          
*在频道切换上,各网站都采用在当前页打开的方式,其他链接操作多采用在新窗口打开的方式
2.综合门户类
                                      
当前窗口0
新窗口1                                       
频道切换                                       
首页/频道内的链接                                                         
新浪                                       
0                                       
1                                                         
搜狐                                       
0                                       
1                                                         
雅虎中国                                       
0                                       
1                                                         
网易                                       
1                                       
1                                                         
腾讯                                       
1                                       
1                                                         
中华网                                       
1                                       
1                          
3.综合搜索类
                                      
当前窗口0
新窗口1                                       
频道切换                                       
首页/频道内的链接                                                         
Google                                       
0                                       
1                                                         
百度                                       
0                                       
1                                                         
雅虎                                       
0                                       
1                                                         
搜狗                                       
0                                       
1                                                         
腾讯soso                                       
0                                       
1                          
*在频道切换上,均采用在当前页打开的方式,在其他链接的操作上都采用在新窗口打开的方式
因此,在频道切换上,推荐使用在当前页打开的方式;在其他页面的操作上,推荐使用在新窗口打开的方式。不合理的窗口打开方式在支付宝的网站上也是大量存在的,希望上述的探讨会给大家在设计窗口打开方式时有一定的帮助作用。