<?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/%e6%8f%90%e7%a4%ba%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>Discuz!论坛图标的显示交互</title>
		<link>http://www.prower.cn/interaction/361</link>
		<comments>http://www.prower.cn/interaction/361#comments</comments>
		<pubDate>Fri, 15 Aug 2008 04:50:56 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Discuz!论坛]]></category>
		<category><![CDATA[交互行为]]></category>
		<category><![CDATA[图标状态]]></category>
		<category><![CDATA[提示方式]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=361</guid>
		<description><![CDATA[毫无疑问Discuz!在国内论坛的占有量有着不可比拟的优势，每天辗转的论坛基本上都是Discuz!架设的，甚至可以说是Discuz!已经成了论坛的代名词。 Discuz!论坛的图标颜色只有两种，一种是代表有新贴子或未查阅的色彩斑斓的图标，另一种是代表没有新贴子或是已查阅（回复）的灰色图标，这两种颜色的图标很好的表达了贴子的两种状态。 但是最近却有件事让我很疑惑，因为发现一个明明有新贴子发布的版块前的图标变成了灰色的，我以为这是论坛程序出了点问题，于是去求证了管理员，才知道Discuz!论坛的图标显示交互行为并不只是应用在贴子上，同时也应用在版块上，也就是说为什么我看到的那个版块前的图标显示为灰色，是因为我在这个版块里查阅或是回复了贴子，于是系统“认为”已经不需要再标示有新贴子了，因为我已经来过。 然而系统的这个“认为”却太“自以为是”。 贴子是单个的对象，所以两种颜色的图标的确是可以很合适的表达了查阅前与查阅后的两种状态。但是版块做为容纳多个贴子的一个容器，仍采用相同的交互行为就显得很不妥当。 很明显的一点，版块里有十个新贴子，而我只看了其中一个，然后我转到其他版块去了，这个时候版块前面的图标就显示为已查阅的灰色了。可是我明明只查阅了其中的一个贴子，显然这样的提示方式是不正确的。 在版块前的图标交互行为不应该跟贴子里的一样，版块前的图标当有新贴子时就应该一直显示为有颜色的，而不能因为只查阅了其中一个贴子而就提示为全部查阅，在没有更好的提示方式之前，宁愿选择只要当天有新贴子就一直显示为有颜色的图标，即使已经查阅了其中的所有贴子。 其实有另外一个更好的图标交互提示方法，当天的新贴子（包括回复）数会在版块名称后面显示出来，而且系统也可以记录对贴子的查阅状态，那么完全就可以在版块前的图标上显示数字，该数字为新贴子总数-已查阅贴子数，这样的提示方式无疑要比仅仅是两种状态的图标提示要更人性化。 但是，显然这样的交互行为是为增加系统负担的，需要权衡。]]></description>
			<content:encoded><![CDATA[<p>毫无疑问Discuz!在国内论坛的占有量有着不可比拟的优势，每天辗转的论坛基本上都是Discuz!架设的，甚至可以说是Discuz!已经成了论坛的代名词。</p>
<p>Discuz!论坛的图标颜色只有两种，一种是代表有新贴子或未查阅的色彩斑斓的图标，另一种是代表没有新贴子或是已查阅（回复）的灰色图标，这两种颜色的图标很好的表达了贴子的两种状态。</p>
<p>但是最近却有件事让我很疑惑，因为发现一个明明有新贴子发布的版块前的图标变成了灰色的，我以为这是论坛程序出了点问题，于是去求证了管理员，才知道Discuz!论坛的图标显示交互行为并不只是应用在贴子上，同时也应用在版块上，也就是说为什么我看到的那个版块前的图标显示为灰色，是因为我在这个版块里查阅或是回复了贴子，于是系统“认为”已经不需要再标示有新贴子了，因为我已经来过。</p>
<p>然而系统的这个“认为”却太“自以为是”。</p>
<p><span id="more-361"></span></p>
<p>贴子是单个的对象，所以两种颜色的图标的确是可以很合适的表达了查阅前与查阅后的两种状态。但是版块做为容纳多个贴子的一个容器，仍采用相同的交互行为就显得很不妥当。</p>
<p>很明显的一点，版块里有十个新贴子，而我只看了其中一个，然后我转到其他版块去了，这个时候版块前面的图标就显示为已查阅的灰色了。可是我明明只查阅了其中的一个贴子，显然这样的提示方式是不正确的。</p>
<p>在版块前的图标交互行为不应该跟贴子里的一样，版块前的图标当有新贴子时就应该一直显示为有颜色的，而不能因为只查阅了其中一个贴子而就提示为全部查阅，在没有更好的提示方式之前，宁愿选择只要当天有新贴子就一直显示为有颜色的图标，即使已经查阅了其中的所有贴子。</p>
<p>其实有另外一个更好的图标交互提示方法，当天的新贴子（包括回复）数会在版块名称后面显示出来，而且系统也可以记录对贴子的查阅状态，那么完全就可以在版块前的图标上显示数字，该数字为新贴子总数-已查阅贴子数，这样的提示方式无疑要比仅仅是两种状态的图标提示要更人性化。</p>
<p>但是，显然这样的交互行为是为增加系统负担的，需要权衡。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/361/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<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>
	</channel>
</rss>

