<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Prower&#039;s Blog &#187; 链接方式</title>
	<atom:link href="http://www.prower.cn/tag/%e9%93%be%e6%8e%a5%e6%96%b9%e5%bc%8f/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prower.cn</link>
	<description>关注互联网、体验互联网，记录成长历程</description>
	<lastBuildDate>Thu, 05 Jan 2012 00:40:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>链接的提示及打开方式</title>
		<link>http://www.prower.cn/interaction/288</link>
		<comments>http://www.prower.cn/interaction/288#comments</comments>
		<pubDate>Fri, 25 Jul 2008 05:53:42 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[提示方式]]></category>
		<category><![CDATA[链接方式]]></category>
		<category><![CDATA[顺畅感受]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=288</guid>
		<description><![CDATA[互联网上不计其数的信息本质上都是一个一个的HTML文档组成的，通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样，只有通过经脉才能将它们串联起来，组成一个完整的人体。 看似最基本的一个&#60;a /&#62;标签，却是HTML文档中至关重要不可或缺的一个标签。这个&#60;a /&#62;标签是页面之间链接的一个纽带，起着一个桥梁的作用。这座桥梁在页面里的也以各种各样的方式出现着，不同的网站以不同的方式对其进行着装饰，然而最终的目的却是一样的——给用户一个更直观更人性化的链接提示。 &#60;a /&#62;标签在HTML文档里可以设置不同的提示方式及不同的打开方式，本文也只对这两方面做一个简单分析，欢迎补充更多的信息。 链接的提示方式： 1、文字带有颜色并有下划线：这是浏览器默认的链接提示方式，可以很清楚的告诉用户哪里是可以点击有链接的，哪里是没有链接的。很多网站采用这种默认的链接提示方式，比如新浪网、搜狐网。然而这种链接提示方式出现在新闻列表页里是很不合适的，新闻列表页里的文字基本上都是属于标题，也就是说都是带有链接可点击的，既然整个页面的文字都是带有链接可点击的，那么使用这种方式对链接进行提示似乎完全没有必要，而且整个页面全是下划线，会带来很严重的视觉疲劳感。这种方式出现在链接不多的内容页，就可以很好的完成链接本身的提示任务； 2、文字带有颜色没有下划线：这是目前很多网站在新闻列表页的链接提示方式。这种方式应用在新闻列表页很适合，去除了整页烦人的下划线。也有很多网站把这种提示方式应用在内容页里，因为突出了链接文字与内容文字的不同，然而在我看来这种方式应用在内容页里没有上一种方式好； 3、文字没有颜色没有下划线：这是另一种应用于新闻列表页里的链接提示方式。既然整页的文字都是可链接的，那么文字带不带有颜色似乎已经可以忽略不计，因为已经没有特殊的意义，除了为了美化页面而使用带有颜色的文字。同样也有一些网站把这种提示方式应用在内容页里，比如泡泡网的内容页。这就需要把鼠标移动到链接文字上面才会以文字变色加下划线之类的方式来提示可链接性，在内容页使用这种提示方式的前提是该链接对于内容本身页言只是个可有可无的附带品； 4、下划线为虚线：这是很特殊的一种提示方式，基本上应用在内容页里的弹出层广告链接。 在我看来最好的链接提示方式是：新闻列表页不显示下划线，内容页的链接文字显示下划线，至于链接文字是否应该带有颜色，主要还是看页面的设计。 链接的打开方式： 1、当前页跳转：这也是浏览器默认的链接打开方式。相对于弹出一堆的标签页或是浏览器窗口来说，当前页跳转无疑是最让人感觉简洁舒服的，很自然的这也成了浏览器的默认打开方式。然而在实际的应用中却并非如此。如果链接是在新闻列表页，那么在当前页跳转问题并不大，但如果链接文字是在内容页，那么在当前页跳转则显得很不合理，在当前页跳转则意味着浏览器会丢弃当前的数据，但内容页的链接文字是混在大段的内容中的，是给出当前文字的相关信息的逻接，用户很自然的阅读到链接文字时会点击查看相关信息，不可能阅读完全文后再点击链接文字进行跳转； 2、弹出页跳转：这是最保险也是最常用的链接打开方式。在内容页里的链接文字使用这种打开方式，能最大限度的不影响用户当前的阅读行为，在保证用户的获取信息的顺畅性的同时最大限度的提供相关信息； 3、弹出层显示：这种打开方式一般都是用在对当前链接文字的简短解释上的，当然也用在广告的显示上。 什么样的链接打开方式对于用户来说，存在一定的影响，但更大的影响来自于链接打开方式的统一性，同类的链接方式采用统一的当前页跳转或者是弹出页跳转，最多只是影响用户在使用上是否顺畅，但如果同类的链接打开方式一下是当前页跳转一下又是弹出页跳转，带给用户的就不是操作上是否有顺畅感，而是让用户感觉迷惑。]]></description>
			<content:encoded><![CDATA[<p>互联网上不计其数的信息本质上都是一个一个的HTML文档组成的，通过链接将它们串联起整个互联网。这就犹如骨肉之于人体一样，只有通过经脉才能将它们串联起来，组成一个完整的人体。</p>
<p>看似最基本的一个&lt;a /&gt;标签，却是HTML文档中至关重要不可或缺的一个标签。这个&lt;a /&gt;标签是页面之间链接的一个纽带，起着一个桥梁的作用。这座桥梁在页面里的也以各种各样的方式出现着，不同的网站以不同的方式对其进行着装饰，然而最终的目的却是一样的——给用户一个更直观更人性化的链接提示。</p>
<p>&lt;a /&gt;标签在HTML文档里可以设置不同的提示方式及不同的打开方式，本文也只对这两方面做一个简单分析，欢迎补充更多的信息。</p>
<p><strong>链接的提示方式：</strong></p>
<p>1、文字带有颜色并有下划线：这是浏览器默认的链接提示方式，可以很清楚的告诉用户哪里是可以点击有链接的，哪里是没有链接的。很多网站采用这种默认的链接提示方式，比如新浪网、搜狐网。然而这种链接提示方式出现在新闻列表页里是很不合适的，新闻列表页里的文字基本上都是属于标题，也就是说都是带有链接可点击的，既然整个页面的文字都是带有链接可点击的，那么使用这种方式对链接进行提示似乎完全没有必要，而且整个页面全是下划线，会带来很严重的视觉疲劳感。这种方式出现在链接不多的内容页，就可以很好的完成链接本身的提示任务；</p>
<p><span id="more-288"></span></p>
<p>2、文字带有颜色没有下划线：这是目前很多网站在新闻列表页的链接提示方式。这种方式应用在新闻列表页很适合，去除了整页烦人的下划线。也有很多网站把这种提示方式应用在内容页里，因为突出了链接文字与内容文字的不同，然而在我看来这种方式应用在内容页里没有上一种方式好；</p>
<p>3、文字没有颜色没有下划线：这是另一种应用于新闻列表页里的链接提示方式。既然整页的文字都是可链接的，那么文字带不带有颜色似乎已经可以忽略不计，因为已经没有特殊的意义，除了为了美化页面而使用带有颜色的文字。同样也有一些网站把这种提示方式应用在内容页里，比如泡泡网的内容页。这就需要把鼠标移动到链接文字上面才会以文字变色加下划线之类的方式来提示可链接性，在内容页使用这种提示方式的前提是该链接对于内容本身页言只是个可有可无的附带品；</p>
<p>4、下划线为虚线：这是很特殊的一种提示方式，基本上应用在内容页里的弹出层广告链接。</p>
<p>在我看来最好的链接提示方式是：新闻列表页不显示下划线，内容页的链接文字显示下划线，至于链接文字是否应该带有颜色，主要还是看页面的设计。</p>
<p><strong>链接的打开方式：</strong></p>
<p>1、当前页跳转：这也是浏览器默认的链接打开方式。相对于弹出一堆的标签页或是浏览器窗口来说，当前页跳转无疑是最让人感觉简洁舒服的，很自然的这也成了浏览器的默认打开方式。然而在实际的应用中却并非如此。如果链接是在新闻列表页，那么在当前页跳转问题并不大，但如果链接文字是在内容页，那么在当前页跳转则显得很不合理，在当前页跳转则意味着浏览器会丢弃当前的数据，但内容页的链接文字是混在大段的内容中的，是给出当前文字的相关信息的逻接，用户很自然的阅读到链接文字时会点击查看相关信息，不可能阅读完全文后再点击链接文字进行跳转；</p>
<p>2、弹出页跳转：这是最保险也是最常用的链接打开方式。在内容页里的链接文字使用这种打开方式，能最大限度的不影响用户当前的阅读行为，在保证用户的获取信息的顺畅性的同时最大限度的提供相关信息；</p>
<p>3、弹出层显示：这种打开方式一般都是用在对当前链接文字的简短解释上的，当然也用在广告的显示上。</p>
<p>什么样的链接打开方式对于用户来说，存在一定的影响，但更大的影响来自于链接打开方式的<a href="http://www.prower.cn/interaction/42" target="_blank">统一性</a>，同类的链接方式采用统一的当前页跳转或者是弹出页跳转，最多只是影响用户在使用上是否顺畅，但如果同类的链接打开方式一下是当前页跳转一下又是弹出页跳转，带给用户的就不是操作上是否有顺畅感，而是让用户感觉迷惑。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/288/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>页面链接方式的统一性</title>
		<link>http://www.prower.cn/interaction/42</link>
		<comments>http://www.prower.cn/interaction/42#comments</comments>
		<pubDate>Fri, 21 Mar 2008 08:31:24 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[yupoo]]></category>
		<category><![CDATA[一致性]]></category>
		<category><![CDATA[链接方式]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=109</guid>
		<description><![CDATA[一直以来都有这样一个困惑，那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢？如果是在原窗口里转换页面的话，那我还想使用原页面的信息呢？但是在新窗口打开的话，到时候可能是一屏幕的窗口（现在的浏览器都提供标签式浏览——我认为这是浏览器至今为止最好的改进，但也会造成成堆的标签排在那而不知道到底哪个才是自己想要的），很容易就让人迷失在窗口里。也许该说按特定的环境使用特定的方式，可是这个特定的环境又是哪些呢？ 其实这个特定的环境也是个不特定的环境，比如说从新闻列表打开新闻内容页，按常理链接内容页的时候应该是打开新窗口，看完这个新闻后直接关闭这个新开的窗口，这也符合人们在网络上阅读的习惯。可是我看新闻等列表型的内容时有一个这样的习惯，那就是在列表页的时候点击打开所有想看的新闻内容页，然后再一个一个的查看，因为我不想看一个新闻然后关一个窗口又返回列表页去打开另一个新闻窗口，但是这个不可避免的就会满屏幕的出现新窗口或者是标签栏里排满了标签。 那有没有更好的办法呢？有什么办法即可以让我看到所有想看的新闻，而又不用面对满屏幕的窗口或是堆叠的标签呢？ 有一种方法是当我从新闻总列表页打开某一类新闻其中的一条的时候，使用新窗口或是新标签打开，然后这一类新闻的列表会出现在这个内容页里，看过的新闻自动消失在这个列表里，再然后看这一类新闻的时候可以直接在这个窗口里转换，如果还想看另一类别的新闻，那就到新闻总列表页去打开另一类的新闻内容页。 这样的确是可以很大程度的减少新窗口量或是标签量。可是我们不得不考虑到这样一点，当用户在使用这种模式的网站时就会多出一项认知的过程，无疑在易用性上又过不了关。而且这种模式的网站如果导航系统没设计好的话，很有可能就会让用户产生迷路的感觉。 所以并不推荐以上所说的方式，还是老老实实的在新闻总列表点一条看一个吧。 可是即使是这样子的操作方式，也涉及到一个问题，就是打开页面链接的方式的统一性。 如果你在一个新闻列表页页，打开第一条新闻的时候是新开的窗口（标签），可是当你点击第二条新闻的时候却是在原窗口里转换的，那么你会想到什么？莫名其妙外加一头雾水。 当然这种情况并不常出现，在同一个新闻列表页面里更是不太可能会出现。可是如果这个新闻列表页是不同类型的呢？比如说一个是数码新闻列表页，另一个是软件新闻列表页，在数码新闻列表页里打开新闻用的是打开新窗口的方式，可是在软件新闻列表页打开新闻却用的是在原窗口转换的方式。这个时候用户该破口大骂了，为什么同样的类型却用的是不同的方式？！ 一致性并不只是表现在页面排版等视觉上，还包括操作方式等交互行为上。 最近在使用yupoo网的相册服务时就发现了一个这样一个同类型却用不同方式的问题。yupoo提供了好多种查看别人照片的方式，比如说通过搜索、随便逛逛、最近上传、最近七天的靓照、最近一月的靓照、一年前的今天等，可是这些方式提供出的照片预览页在打开链接时却出现了不一致的方式。 以上几种方式提供出的照片预览页都可以算是新闻列表页，点击其中的照片就像点击一条新闻一样，可是问题却在这里出现，通过搜索、随便逛逛、最近上传、最近七天方式打开的照片预览页点击打开其中一张照片的方式是新开窗口（标签），可是当通过最近一月的靓照、一年前的今天方式来打开其提供的预览中的照片时却是直接在原窗口里转换的。 如果说从通过搜索等方式提供的预览页打开照片使用新窗口是为了用户返回来重新寻找照片，那为什么从本月推荐等方式就不能返回来重新查看照片呢？如果说通过搜索等方式提供的照片预览页是一类照片的合集，那本月推荐的照片就不算合集？用户从本月推荐里并不只是想看其中的某一张照片，而应该是跟通过搜索一样的想查看更多的照片。 当我第一次使用这个最近一月的靓照功能时，我以为他跟最近七天的靓照的方式应该是一样的，点击照片后在新窗口（标签）打开链接，本来我是准备多点几张然后再一张一张看的，可是当我点下第一张的时候发现窗口转换掉了，要想看其他最近一月的靓照还得重新来过。这顿时让我产生一种被人欺骗的感觉。 如果通过搜索、最近上传等方式提供的预览页在点击照片时采用的也是在原窗口转换的话，那么用户最多只是会感觉到不方便而已，并不会有被欺骗的感觉。在这一点上flickr做得很统一，不管是通过什么方式去查看照片时都是采用在原窗口里转换的方式，虽然有些不方便可是至少不会有被欺骗的感觉。 如何保持交互的统一性？如何不让用户产生被欺骗的感觉？多多从用户的角度去考虑吧。]]></description>
			<content:encoded><![CDATA[<p>一直以来都有这样一个困惑，那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢？如果是在原窗口里转换页面的话，那我还想使用原页面的信息呢？但是在新窗口打开的话，到时候可能是一屏幕的窗口（现在的浏览器都提供标签式浏览——我认为这是浏览器至今为止最好的改进，但也会造成成堆的标签排在那而不知道到底哪个才是自己想要的），很容易就让人迷失在窗口里。也许该说按特定的环境使用特定的方式，可是这个特定的环境又是哪些呢？</p>
<p>其实这个特定的环境也是个不特定的环境，比如说从新闻列表打开新闻内容页，按常理链接内容页的时候应该是打开新窗口，看完这个新闻后直接关闭这个新开的窗口，这也符合人们在网络上阅读的习惯。可是我看新闻等列表型的内容时有一个这样的习惯，那就是在列表页的时候点击打开所有想看的新闻内容页，然后再一个一个的查看，因为我不想看一个新闻然后关一个窗口又返回列表页去打开另一个新闻窗口，但是这个不可避免的就会满屏幕的出现新窗口或者是标签栏里排满了标签。</p>
<p>那有没有更好的办法呢？有什么办法即可以让我看到所有想看的新闻，而又不用面对满屏幕的窗口或是堆叠的标签呢？</p>
<p>有一种方法是当我从新闻总列表页打开某一类新闻其中的一条的时候，使用新窗口或是新标签打开，然后这一类新闻的列表会出现在这个内容页里，看过的新闻自动消失在这个列表里，再然后看这一类新闻的时候可以直接在这个窗口里转换，如果还想看另一类别的新闻，那就到新闻总列表页去打开另一类的新闻内容页。</p>
<p>这样的确是可以很大程度的减少新窗口量或是标签量。可是我们不得不考虑到这样一点，当用户在使用这种模式的网站时就会多出一项认知的过程，无疑在易用性上又过不了关。而且这种模式的网站如果导航系统没设计好的话，很有可能就会让用户产生迷路的感觉。</p>
<p>所以并不推荐以上所说的方式，还是老老实实的在新闻总列表点一条看一个吧。</p>
<p><span id="more-42"></span></p>
<p>可是即使是这样子的操作方式，也涉及到一个问题，就是打开页面链接的方式的统一性。</p>
<p>如果你在一个新闻列表页页，打开第一条新闻的时候是新开的窗口（标签），可是当你点击第二条新闻的时候却是在原窗口里转换的，那么你会想到什么？莫名其妙外加一头雾水。</p>
<p>当然这种情况并不常出现，在同一个新闻列表页面里更是不太可能会出现。可是如果这个新闻列表页是不同类型的呢？比如说一个是数码新闻列表页，另一个是软件新闻列表页，在数码新闻列表页里打开新闻用的是打开新窗口的方式，可是在软件新闻列表页打开新闻却用的是在原窗口转换的方式。这个时候用户该破口大骂了，为什么同样的类型却用的是不同的方式？！</p>
<p>一致性并不只是表现在页面排版等视觉上，还包括操作方式等交互行为上。</p>
<p>最近在使用yupoo网的相册服务时就发现了一个这样一个同类型却用不同方式的问题。yupoo提供了好多种查看别人照片的方式，比如说通过搜索、随便逛逛、最近上传、最近七天的靓照、最近一月的靓照、一年前的今天等，可是这些方式提供出的照片预览页在打开链接时却出现了不一致的方式。</p>
<p>以上几种方式提供出的照片预览页都可以算是新闻列表页，点击其中的照片就像点击一条新闻一样，可是问题却在这里出现，通过搜索、随便逛逛、最近上传、最近七天方式打开的照片预览页点击打开其中一张照片的方式是新开窗口（标签），可是当通过最近一月的靓照、一年前的今天方式来打开其提供的预览中的照片时却是直接在原窗口里转换的。</p>
<p>如果说从通过搜索等方式提供的预览页打开照片使用新窗口是为了用户返回来重新寻找照片，那为什么从本月推荐等方式就不能返回来重新查看照片呢？如果说通过搜索等方式提供的照片预览页是一类照片的合集，那本月推荐的照片就不算合集？用户从本月推荐里并不只是想看其中的某一张照片，而应该是跟通过搜索一样的想查看更多的照片。</p>
<p>当我第一次使用这个最近一月的靓照功能时，我以为他跟最近七天的靓照的方式应该是一样的，点击照片后在新窗口（标签）打开链接，本来我是准备多点几张然后再一张一张看的，可是当我点下第一张的时候发现窗口转换掉了，要想看其他最近一月的靓照还得重新来过。这顿时让我产生一种被人欺骗的感觉。</p>
<p>如果通过搜索、最近上传等方式提供的预览页在点击照片时采用的也是在原窗口转换的话，那么用户最多只是会感觉到不方便而已，并不会有被欺骗的感觉。在这一点上flickr做得很统一，不管是通过什么方式去查看照片时都是采用在原窗口里转换的方式，虽然有些不方便可是至少不会有被欺骗的感觉。</p>
<p>如何保持交互的统一性？如何不让用户产生被欺骗的感觉？多多从用户的角度去考虑吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/42/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

