<?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>奇遇,目标导向设计 &#187; .一起体验</title>
	<atom:link href="http://WWW.ui123.com/blog/category/yiqitiyan/feed/" rel="self" type="application/rss+xml" />
	<link>http://WWW.ui123.com/blog</link>
	<description>Goal-Directed Design -目标导向设计</description>
	<lastBuildDate>Sun, 14 Mar 2010 15:18:05 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>登录让我崩溃</title>
		<link>http://WWW.ui123.com/blog/2009/07/26/google-2/</link>
		<comments>http://WWW.ui123.com/blog/2009/07/26/google-2/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 13:59:17 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://WWW.ui123.com/blog/?p=135</guid>
		<description><![CDATA[看下图，你能否从谷歌(google.cn)的主页上找到“登录”入口？(用人格担保，绝对不是PS出来的，抓图于2009.7.26 北京时间21:30)

描述一个我作为Google粉丝的遭遇：
1）晚上我打开电脑，想发个邮件，象往常一样，我打开谷歌(Google.cn)，看遍整个首页怎么也找不到“登录”入口。新里开始犯嘀咕：就算我记住密码了，也应该向往常一样，有个“我的帐号”入口吧？（尽管这个入口也有点麻烦）
2）我开始尝试点击&#8221;个性化首页&#8221;，也没有找到登录或进入帐号的入口。于是返回到普通首页。
3）我尝试点击左上角的“更多”，也无法找到登录或帐号入口。
4）我开始怀疑自己是不是太笨了？难道谷歌首页上明明有我没有找到吗？于是：我把整个谷歌首页从重新看了一遍，自信绝没有漏掉任何一个元素。还是没有发现帐号入口。
5）最后，我坏着一线希望，点击搜索输入框下面的“Google.com in English”切换到英文Google，页面打开后，我终于看到了熟悉的 Sign in (幸庆自己还算熟悉英文Google)
以上步骤是我的操作过程，直至现在我还在怀疑自己是否很笨，没有找到本来存在的帐号入口，不怕大家耻笑，我今天的确在谷歌(Google.cn)上没有找到帐号入口，后来切换到google.com才使用英文版找到。我宁愿相信这是谷歌(Google.cn)偶尔的疏忽，如果是疏忽，也太大了点&#8230;
马后炮:
谷歌这样的大公司果然不会犯‘忘记登录链接’这样的低级失误，开复先生有关于去掉登录的解释。最近消息很闭塞，从评论里才了解到谷歌这个决策。但对于不常看新闻的普通用户来说，突然找不到熟悉的“登录”，着实进行了一番无谓的尝试操作。至于突然去掉登录，不会是因为中国用户用的少吧，应该还有更大的利益考虑。这个考虑，不见得是为用户着想。
]]></description>
			<content:encoded><![CDATA[<p><strong>看下图，你</strong><strong>能否</strong><strong>从谷歌(google.cn)的主页上找到“登录”入口？</strong>(用人格担保，绝对不是PS出来的，抓图于2009.7.26 北京时间21:30)</p>
<p><img src="http://WWW.ui123.com/blog/uploads/2009/20090726001.png" alt="Google首页" /></p>
<p><strong>描述一个我作为Google粉丝的遭遇</strong>：</p>
<p>1）晚上我打开电脑，想发个邮件，象往常一样，我打开谷歌(Google.cn)，看遍整个首页怎么也找不到“登录”入口。新里开始犯嘀咕：就算我记住密码了，也应该向往常一样，有个“我的帐号”入口吧？（尽管这个入口也有点麻烦）</p>
<p>2）我开始尝试点击&#8221;个性化首页&#8221;，也没有找到登录或进入帐号的入口。于是返回到普通首页。</p>
<p>3）我尝试点击左上角的“更多”，也无法找到登录或帐号入口。</p>
<p>4）我开始怀疑自己是不是太笨了？难道谷歌首页上明明有我没有找到吗？于是：我把整个谷歌首页从重新看了一遍，自信绝没有漏掉任何一个元素。还是没有发现帐号入口。</p>
<p>5）最后，我坏着一线希望，点击搜索输入框下面的<span>“<a href="http://www.google.com/ncr">Google.com in English”</a></span>切换到英文Google，页面打开后，我终于看到了熟悉的<span id="main"> </span><a href="https://www.google.com/accounts/Login?hl=en&amp;continue=http://www.google.com/">Sign in</a> (幸庆自己还算熟悉英文Google)</p>
<p>以上步骤是我的操作过程，直至现在我还在怀疑自己是否很笨，没有找到本来存在的帐号入口，不怕大家耻笑，我今天的确在谷歌(Google.cn)上没有找到帐号入口，后来切换到google.com才使用英文版找到。我宁愿相信这是谷歌(Google.cn)偶尔的疏忽，如果是疏忽，也太大了点&#8230;</p>
<p>马后炮:</p>
<p>谷歌这样的大公司果然不会犯‘忘记登录链接’这样的低级失误，开复先生有关于去掉登录的解释。最近消息很闭塞，从评论里才了解到谷歌这个决策。但对于不常看新闻的普通用户来说，突然找不到熟悉的“登录”，着实进行了一番无谓的尝试操作。至于突然去掉登录，不会是因为中国用户用的少吧，应该还有更大的利益考虑。这个考虑，不见得是为用户着想。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2009/07/26/google-2/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>快和准确性-体验Google和百度</title>
		<link>http://WWW.ui123.com/blog/2008/05/22/googlebaidu/</link>
		<comments>http://WWW.ui123.com/blog/2008/05/22/googlebaidu/#comments</comments>
		<pubDate>Wed, 21 May 2008 16:47:53 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>
		<category><![CDATA[关注web]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=215</guid>
		<description><![CDATA[      刚刚发布了《评估时要低调》这篇文章，就怀着好奇心去Google搜索了一下，不料给我很大的惊喜，排在第一位；处于职业的敏感，接着去百度搜索了一下，发现未搜索到任何这篇文章的信息，翻几页看看，仍未找到这篇文章，又尝试着搜索“评估时要低调  奇遇”，还是搜索不到。于是我主观的得到一个结论：“Google比百度快，Google比百度准确；因为Google搜索到了“评估要低调”这个全字段，况且我才刚刚发布。”（搜索时间2008.05.22  0:15)
Google截图：
 
 百度截图：
 
ps： 1、事情不能一概而论，因为我在搜索盗版软件时，感觉百度比Google好使；在搜索资料时，还是感觉Google更准确些。
        2、之前好像看到有人写文章夸百度好，原因是百度和Google相比，百度搜索页面能让用户停留的时间更长，还提供了用户的点击统计图；但作为搜索引擎来说，恰恰相反，停留时间长，说明找的时间长，找的时间长，好像是由于搜索不够准确的缘故吧？
        3、不敢妄下定论谁好，继续观察中&#8230;
]]></description>
			<content:encoded><![CDATA[<p>      刚刚发布了<a href="http://www.ui123.com/blog/?p=214" target="_blank">《评估时要低调》</a>这篇文章，就怀着好奇心去Google搜索了一下，不料给我很大的惊喜，排在第一位；处于职业的敏感，接着去百度搜索了一下，发现未搜索到任何这篇文章的信息，翻几页看看，仍未找到这篇文章，又尝试着搜索“评估时要低调  奇遇”，还是搜索不到。于是我主观的得到一个结论：“Google比百度快，Google比百度准确；因为Google搜索到了“评估要低调”这个全字段，况且我才刚刚发布。”（搜索时间2008.05.22  0:15)</p>
<p>Google截图：</p>
<p> <img src="http://www.ui123.com/blog/uploads/2008/20080522_google.gif" alt="20080522_google.gif" /></p>
<p> 百度截图：<span id="more-98"></span></p>
<p> <img src="http://www.ui123.com/blog/uploads/2008/20080522_baidu.gif" alt="20080522_baidu.gif" /></p>
<p>ps： 1、事情不能一概而论，因为我在搜索盗版软件时，感觉百度比Google好使；在搜索资料时，还是感觉Google更准确些。</p>
<p>        2、之前好像看到有人写文章夸百度好，原因是百度和Google相比，百度搜索页面能让用户停留的时间更长，还提供了用户的点击统计图；但作为搜索引擎来说，恰恰相反，停留时间长，说明找的时间长，找的时间长，好像是由于搜索不够准确的缘故吧？</p>
<p>        3、不敢妄下定论谁好，继续观察中&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2008/05/22/googlebaidu/feed/</wfw:commentRss>
		<slash:comments>28</slash:comments>
		</item>
		<item>
		<title>用文字表达的情感</title>
		<link>http://WWW.ui123.com/blog/2008/05/19/%e7%94%a8%e6%96%87%e5%ad%97%e8%a1%a8%e8%be%be%e7%9a%84%e6%83%85%e6%84%9f/</link>
		<comments>http://WWW.ui123.com/blog/2008/05/19/%e7%94%a8%e6%96%87%e5%ad%97%e8%a1%a8%e8%be%be%e7%9a%84%e6%83%85%e6%84%9f/#comments</comments>
		<pubDate>Mon, 19 May 2008 03:26:13 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=208</guid>
		<description><![CDATA[看下图灰色的字体,是新浪在为5.12地震中死去的同袍哀悼!(文字的灰色绝不是我弄灰的,我在2008.05.19 11:15看到新浪首页的灰色字体,引起我的极大共鸣,因为全中国都在为汶川地震中死去的同袍哀悼.2008年5月19日至21日天安门广场国旗也降半旗,全国哀悼.)
 
       对于用户体验设计师而言,情感的表达无疑是对易用性设计的升华,从感知情面考虑设计.今天登陆新浪首页看新闻的时候,第一感触是有些字体是灰色的,有史一来,我第一次看到新浪新闻使用灰色字体,我理解他们是在为死去的同袍哀悼,每一条不幸的消息都是灰色的,看到这样的消息增加了我内心的沉重.对新浪的做法,表示赞许!
PS:后来看了搜狐的网站，发现搜狐的首页全是灰色的字体；几乎所有网站首页上的LOGO都是黑白的；与同事聊起此事，才知道今天所有报纸都是黑白的。让我们一起为受难者哀悼！
]]></description>
			<content:encoded><![CDATA[<p><strong>看下图灰色的字体,是新浪在为5.12地震中死去的同袍哀悼</strong>!(文字的灰色绝不是我弄灰的,我在2008.05.19 11:15看到新浪首页的灰色字体,引起我的极大共鸣,因为全中国都在为汶川地震中死去的同袍哀悼.2008年5月19日至21日天安门广场国旗也降半旗,全国哀悼.)</p>
<p> <img src="http://www.ui123.com/blog/uploads/2008/20080519000.gif" alt="20080519000.gif" /></p>
<p>       对于用户体验设计师而言,情感的表达无疑是对易用性设计的升华,从感知情面考虑设计.今天登陆新浪首页看新闻的时候,第一感触是有些字体是灰色的,有史一来,我第一次看到新浪新闻使用灰色字体,我理解他们是在为死去的同袍哀悼,每一条不幸的消息都是灰色的,看到这样的消息增加了我内心的沉重.对新浪的做法,表示赞许!</p>
<p>PS:后来看了搜狐的网站，发现搜狐的首页全是灰色的字体；几乎所有网站首页上的LOGO都是黑白的；与同事聊起此事，才知道今天所有报纸都是黑白的。让我们一起为受难者哀悼！</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2008/05/19/%e7%94%a8%e6%96%87%e5%ad%97%e8%a1%a8%e8%be%be%e7%9a%84%e6%83%85%e6%84%9f/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>搜狐反对我倡导救灾?</title>
		<link>http://WWW.ui123.com/blog/2008/05/14/%e6%90%9c%e7%8b%90%e5%8f%8d%e5%af%b9%e6%88%91%e5%80%a1%e5%af%bc%e6%95%91%e7%81%be/</link>
		<comments>http://WWW.ui123.com/blog/2008/05/14/%e6%90%9c%e7%8b%90%e5%8f%8d%e5%af%b9%e6%88%91%e5%80%a1%e5%af%bc%e6%95%91%e7%81%be/#comments</comments>
		<pubDate>Wed, 14 May 2008 05:46:59 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=206</guid>
		<description><![CDATA[今天下午打开在搜狐的生活博客，发现我倡导救灾捐款的文章被屏蔽了，点击编辑发现，理由是不适合发布。见图：
 
       我并不愿意做“骂人”的事情，一点都不想！或者因为这条信息来自新浪，或许因为链接了新浪发起的捐赠活动而非搜狐，但搜狐给出的理由却是：“不适合公开发布”。我做了不道德的事情？？我诋毁了国家的荣誉？？都没有，我在倡导救灾！何必在乎是新浪还是搜狐。
PS:不知道以后搜狐会不会对我说：“你不适合使用搜狐博客”。
]]></description>
			<content:encoded><![CDATA[<p>今天下午打开在搜狐的生活博客，发现<strong>我倡导救灾捐款的文章被屏蔽了，点击编辑发现，理由是不适合发布。</strong>见图：</p>
<p> <img src="http://www.ui123.com/blog/uploads/2008/20080514000.gif" alt="20080514000.gif" /></p>
<p>       我并不愿意做“骂人”的事情，一点都不想！或者因为这条信息来自新浪，或许因为链接了新浪发起的捐赠活动而非搜狐，但搜狐给出的理由却是：“不适合公开发布”。我做了不道德的事情？？我诋毁了国家的荣誉？？都没有，我在倡导救灾！何必在乎是新浪还是搜狐。</p>
<p>PS:不知道以后搜狐会不会对我说：“你不适合使用搜狐博客”。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2008/05/14/%e6%90%9c%e7%8b%90%e5%8f%8d%e5%af%b9%e6%88%91%e5%80%a1%e5%af%bc%e6%95%91%e7%81%be/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>搜狐干嘛这么赖皮？</title>
		<link>http://WWW.ui123.com/blog/2008/05/01/%e6%90%9c%e7%8b%90%e5%b9%b2%e5%98%9b%e8%bf%99%e4%b9%88%e8%b5%96%e7%9a%ae%ef%bc%9f/</link>
		<comments>http://WWW.ui123.com/blog/2008/05/01/%e6%90%9c%e7%8b%90%e5%b9%b2%e5%98%9b%e8%bf%99%e4%b9%88%e8%b5%96%e7%9a%ae%ef%bc%9f/#comments</comments>
		<pubDate>Thu, 01 May 2008 10:23:47 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=199</guid>
		<description><![CDATA[啥都不说，先帖图
 
      看上图的红线框部分，之前的设计是网站链接，我很习惯性的把喜欢的网址添加至链接里，却发现就变成只能加搜狐好友了。之前一直是可以自己任意加网址链接的，看上面这张图上的“奇遇，目标导向设计”“安顿”就是我通过网址链接添加的，今天发现只能添加搜狐自己网站上的用户了，不免反感顿生！！！
      太赖皮了，强制把先前的链接变成了好友列表。之前的链接网址怎么办？还好给保留了，但点编辑却没有修改网址的地方，如下图红线框部分

难道搜狐就这样对待一个忠实用户？这就是搜狐提高的用户体验吗？ 
PS：维持好的用户满意度是很难的，但降低满意度却是很容易。今天你只是对用户赖皮，就开始让用户反感了，明天呢？
]]></description>
			<content:encoded><![CDATA[<p>啥都不说，先帖图</p>
<p> <img src="http://www.ui123.com/blog/uploads/2008/20080501000.gif" alt="20080501000.gif" /><br />
      看上图的红线框部分，之前的设计是网站链接，我很习惯性的把喜欢的网址添加至链接里，却发现就变成只能加搜狐好友了。之前一直是可以自己任意加网址链接的，看上面这张图上的“奇遇，目标导向设计”“安顿”就是我通过网址链接添加的，今天发现只能添加搜狐自己网站上的用户了，不免反感顿生！！！</p>
<p>      太赖皮了，强制把先前的链接变成了好友列表。之前的链接网址怎么办？还好给保留了，但点编辑却没有修改网址的地方，如下图红线框部分<span id="more-91"></span></p>
<p><img src="http://www.ui123.com/blog/uploads/2008/20080501001.gif" alt="20080501001.gif" /></p>
<p>难道搜狐就这样对待一个忠实用户？这就是搜狐提高的用户体验吗？ </p>
<p>PS：维持好的用户满意度是很难的，但降低满意度却是很容易。今天你只是对用户赖皮，就开始让用户反感了，明天呢？</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2008/05/01/%e6%90%9c%e7%8b%90%e5%b9%b2%e5%98%9b%e8%bf%99%e4%b9%88%e8%b5%96%e7%9a%ae%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>体验“百度Hi”</title>
		<link>http://WWW.ui123.com/blog/2008/03/31/%e4%bd%93%e9%aa%8c%e2%80%9c%e7%99%be%e5%ba%a6hi%e2%80%9d/</link>
		<comments>http://WWW.ui123.com/blog/2008/03/31/%e4%bd%93%e9%aa%8c%e2%80%9c%e7%99%be%e5%ba%a6hi%e2%80%9d/#comments</comments>
		<pubDate>Mon, 31 Mar 2008 05:27:34 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=183</guid>
		<description><![CDATA[看到百度hi的样子，不仅有些失望！
我们来对比一下腾讯TM2008、百度hi、Windows live，百度hi在风格上与Windows live太象了，在结构和交互上与TM2008太象了。在品牌定位上，差异化很重要，便于识别嘛。

图1-依次为百度hi、Windows live、TM2008。
 百度IM的定位在哪里？
可能由于内测版本，还未正式发布。仅从当前的状态上看，看不出有啥特别，感觉只不过是简化版的QQ或Windows live。再来回顾一下Google talk和淘宝旺旺，无疑在定位上是两个很成功的案例。淘宝旺旺有很鲜明的特点，用于买卖沟通，和阿里巴巴的网站联系密切；Google talk是一个很简洁的聊天工具与Google mail绑定的很好！那么&#8221;百度hi&#8221;呢？和空间上的好友紧密相联系？好像并未能通过空间聊天，未看到太多直观的联系，其独立的聊天软件倾向太强。百度的电子商务网上估计要出来了，会不会因此作出一些改进？当前这版是没看出来，&#8221;简化版的QQ或Windows live而已&#8221;，因为给我这样的印象太强烈，不但没有感觉它很简洁，反而觉得很多地方没做到。
不少交互细节问题 
在交互体验上，很多简单的问题还未解决，举个简单的例子，搜索框的设计，“搜索好友”和“网页搜索”两个混淆的概念柔和在一起，让人费解！搜索框输入是搜索好友，习惯性的点击“百度一下”去确认，发现跑到网页上去了。建议多参考一下Windows live，起码Windows live设计的搜索框没有歧义。

 值得称赞的标志和推广方式 
小小一个“hi”，让人很亲切、很轻松，乐于接受。 邀请机制值得称赞，由百度用户为中心，迅速扩张。毕竟百度是一个互联网巨头，各个相关的下载站点都突然有了“百度hi”的下载，很多论坛和博客提到“百度hi”。不错的争相使用局面。
ps：仅以自己的感受唠叨点自己的看法。
]]></description>
			<content:encoded><![CDATA[<p><strong>看到百度hi的样子，不仅有些失望！</strong></p>
<p>我们来对比一下腾讯TM2008、百度hi、Windows live，百度hi在风格上与Windows live太象了，在结构和交互上与TM2008太象了。在品牌定位上，差异化很重要，便于识别嘛。</p>
<p><img src="http://www.ui123.com/blog/uploads/2008/080331000.gif" alt="080331000.gif" /></p>
<p>图1-依次为百度hi、Windows live、TM2008。</p>
<p><strong> 百度IM的定位在哪里？</strong><span id="more-89"></span></p>
<p>可能由于内测版本，还未正式发布。仅从当前的状态上看，看不出有啥特别，感觉只不过是简化版的QQ或Windows live。再来回顾一下Google talk和淘宝旺旺，无疑在定位上是两个很成功的案例。淘宝旺旺有很鲜明的特点，用于买卖沟通，和阿里巴巴的网站联系密切；Google talk是一个很简洁的聊天工具与Google mail绑定的很好！那么&#8221;百度hi&#8221;呢？和空间上的好友紧密相联系？好像并未能通过空间聊天，未看到太多直观的联系，其独立的聊天软件倾向太强。百度的电子商务网上估计要出来了，会不会因此作出一些改进？当前这版是没看出来，&#8221;简化版的QQ或Windows live而已&#8221;，因为给我这样的印象太强烈，不但没有感觉它很简洁，反而觉得很多地方没做到。</p>
<p><strong>不少交互细节问题 </strong></p>
<p>在交互体验上，很多简单的问题还未解决，举个简单的例子，搜索框的设计，“搜索好友”和“网页搜索”两个混淆的概念柔和在一起，让人费解！搜索框输入是搜索好友，习惯性的点击“百度一下”去确认，发现跑到网页上去了。建议多参考一下Windows live，起码Windows live设计的搜索框没有歧义。</p>
<p><img src="http://www.ui123.com/blog/uploads/2008/080331001.jpg" alt="080331001.jpg" /></p>
<p><strong> 值得称赞的标志和推广方式 </strong></p>
<p>小小一个“hi”，让人很亲切、很轻松，乐于接受。 邀请机制值得称赞，由百度用户为中心，迅速扩张。毕竟百度是一个互联网巨头，各个相关的下载站点都突然有了“百度hi”的下载，很多论坛和博客提到“百度hi”。不错的争相使用局面。</p>
<p>ps：仅以自己的感受唠叨点自己的看法。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2008/03/31/%e4%bd%93%e9%aa%8c%e2%80%9c%e7%99%be%e5%ba%a6hi%e2%80%9d/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>为何找错了地方？</title>
		<link>http://WWW.ui123.com/blog/2007/12/02/weihezhaocuodifang/</link>
		<comments>http://WWW.ui123.com/blog/2007/12/02/weihezhaocuodifang/#comments</comments>
		<pubDate>Sun, 02 Dec 2007 07:20:39 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>
		<category><![CDATA[.交互设计]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=149</guid>
		<description><![CDATA[ 奇遇首发于UCDchina，转载请注明。
      前段日子坐公交车上班，根据公交刷卡器使用场景的观察，刷卡机的位置和样式让我思考了一阵子。下面咱们来看几个关于公交刷卡器的故事。
场景1&#8211;好疑惑呀！原来这个不是刷卡机！
      北京公交基本都是前门上车，后门下车，或许不这样，上车的人会把下车的人挤得下不了车。某日我下班等车，随着涌动的人群，从前门被挤上车，第一反应是刷卡，抬头见右手边有个盒子，想都没想就去刷，因为我只看到这样一个类似刷卡器的东西，刷了第一下，开始疑惑：咋了，没反应？！又习惯性的刷第二下，还是没反应，索性不刷了，往里继续挤，楞一下神才发现，哦！刷卡器在左边。这时的第一感觉是：我真笨！
      上下班人太多，很多人都被挤得只有招架之力，那还有闲工夫环顾周围。这种场景下，有一多半人搞错了，这次不是因为刷卡器导致我犯错了，是因为那个类似刷卡器的盒子，我还是经常坐公交车呢，还是被忽悠了一下。
      我站在门口不远处，车到成府路口南这站，车门刚打开，两个老外美女，就被后面的人挤着上车了，刚挤上车的老外就被司机崔：“上车刷卡，往里走！”，当然口气是命令式的。只见两个美女老外手里拿着卡，找打卡机，第一反应是仍是右边的那个盒子，于是就不断的刷了好几下，然后弯腰盯着刷卡器仔细的看了一下，用生硬的中国话嘀咕着“怎么刷不上？怎么刷不上？？”，皱着眉头又刷了几下。这时司机已经不耐烦了“在右边，往前走！”，两个老外美女被这么一吆喝，索性径直往里走。他们再没看到真正的刷卡器，估计以为自己打卡了，只是没有反馈罢了。（这两个美女老外我们可以看作新手）
      在接下来的几天中，我看到很多人去刷那个盒子！再后来，大家都不再去刷那个盒子，车再挤再吵杂，还是要找那个真正的刷卡器。（注意我这里用了个“找”字，足以说明那个盒子的迷惑性，也足以说明刷卡机的位置问题）
场景2&#8211;左边还是右边？
      公交刷卡机一般都是在右边，因为我刚开始感觉很顺手，刷卡没啥很特别的感觉；直到有一次，我随着拥挤的人群上车，举卡要刷，才发现空空也！急忙环顾寻找，“哦，原来在左边”。于是把右手绕过身子去刷，当然再看其他的人，动作竟然和我一样，其中还有一个人抱怨道：“怎么放左边了，不是在右边嘛！”
      在接下来的观察中，我发现更多的人是先看右边，右边没有刷卡器再看左边，也有部分人索性晃脑袋左右看，然后选择有刷卡器的一边。
      总感觉刷卡器在左边，刷卡时要把右手绕过身体刷，略显别扭! 刷卡器在右手边时，自我感觉顺畅些。
      通过观察小结一下：右手行为，容易让大家养成右手边刷卡的习惯。否则，就会给大多数人造成小小的不便。当然，你非要说放左边也无妨，我也不反对，这个习惯在使用上没那么严重。关键是，最好都放一边，别让大家在上车刷卡的时还顺带锻炼反应能力。
场景3&#8211;顺手刷一下，竟然没刷上。

      刚开始的刷卡器，能用来刷卡的区域只占整个区域的四分之一，且必须要公交卡贴上去才能刷的上，于是我在刷卡的时候，没多想就在上面刷一下，哦！没刷上！又观察一下，对准下面再刷，没有太大的反应，接着又刷一下！这时候售票员提示我：“你已经刷上了！往前走！”。接下来的观察中，经常看到有人刷好几下的时候。也难怪,反馈指示根本不明显（仍然是红字、黑底，有数字变化很难被注意到），反馈声音在吵杂的挤车过程中，大多时候不被听到，尤其上下班高峰期。
      后来我的一个同学，和我聊起公交卡，很兴奋的说：“现在离开一点距离也能刷了！真的变得挺好用了！”，我笑着反问道：“至于这么兴奋吗？！”&#8230;
      自己还私下里给公交卡设计了一个布局：

优点：1.我保证了刷卡的区域为主题，刷卡器嘛，主要用来刷。2.保证刷卡的反馈是明显的（比如在刷卡区用大绿灯显示刷上了，用大红灯显示失败，没反应就是没啥反馈拜呗。3.辅助显示了扣多少钱，还有多少余额的显示。4.其他非用户必须信号，隐藏在侧面或者背面。
改进：1.刷卡区域的易用性 。2.去掉或隐藏没用的信息：几路公交、单价多少、信号强弱等。3.刷卡反馈的显著性。
起码我这个布局是易用的。怎们能设计的更好，我想就不用多说了吧！关心你真正的用户，关心他的习惯、环境。最好把自己也变成一个用户。
]]></description>
			<content:encoded><![CDATA[<p> 奇遇首发于<a href="http://ucdchina.com/blog" target="_blank">UCDchina</a>，转载请注明。</p>
<p>      前段日子坐公交车上班，根据公交刷卡器使用场景的观察，刷卡机的位置和样式让我思考了一阵子。下面咱们来看几个关于公交刷卡器的故事。</p>
<p><strong>场景1</strong>&#8211;好疑惑呀！原来这个不是刷卡机！</p>
<p>      北京公交基本都是前门上车，后门下车，或许不这样，上车的人会把下车的人挤得下不了车。某日我下班等车，随着涌动的人群，从前门被挤上车，第一反应是刷卡，抬头见右手边有个盒子，想都没想就去刷，因为我只看到这样一个类似刷卡器的东西，刷了第一下，开始疑惑：咋了，没反应？！又习惯性的刷第二下，还是没反应，索性不刷了，往里继续挤，楞一下神才发现，哦！刷卡器在左边。这时的第一感觉是：我真笨！</p>
<p>      上下班人太多，很多人都被挤得只有招架之力，那还有闲工夫环顾周围。这种场景下，有一多半人搞错了，这次不是因为刷卡器导致我犯错了，是因为那个类似刷卡器的盒子，我还是经常坐公交车呢，还是被忽悠了一下。</p>
<p>      我站在门口不远处，车到成府路口南这站，车门刚打开，两个老外美女，就被后面的人挤着上车了，刚挤上车的老外就被司机崔：“上车刷卡，往里走！”，当然口气是命令式的。只见两个美女老外手里拿着卡，找打卡机，第一反应是仍是右边的那个盒子，于是就不断的刷了好几下，然后弯腰盯着刷卡器仔细的看了一下，用生硬的中国话嘀咕着“怎么刷不上？怎么刷不上？？”，皱着眉头又刷了几下。这时司机已经不耐烦了“在右边，往前走！”，两个老外美女被这么一吆喝，索性径直往里走。他们再没看到真正的刷卡器，估计以为自己打卡了，只是没有反馈罢了。（这两个美女老外我们可以看作新手）<span id="more-80"></span></p>
<p>      在接下来的几天中，我看到很多人去刷那个盒子！再后来，大家都不再去刷那个盒子，车再挤再吵杂，还是要找那个真正的刷卡器。（注意我这里用了个“找”字，足以说明那个盒子的迷惑性，也足以说明刷卡机的位置问题）</p>
<p><strong>场景2</strong>&#8211;左边还是右边？<br />
      公交刷卡机一般都是在右边，因为我刚开始感觉很顺手，刷卡没啥很特别的感觉；直到有一次，我随着拥挤的人群上车，举卡要刷，才发现空空也！急忙环顾寻找，“哦，原来在左边”。于是把右手绕过身子去刷，当然再看其他的人，动作竟然和我一样，其中还有一个人抱怨道：“怎么放左边了，不是在右边嘛！”</p>
<p>      在接下来的观察中，我发现更多的人是先看右边，右边没有刷卡器再看左边，也有部分人索性晃脑袋左右看，然后选择有刷卡器的一边。</p>
<p>      总感觉刷卡器在左边，刷卡时要把右手绕过身体刷，略显别扭! 刷卡器在右手边时，自我感觉顺畅些。</p>
<p>      通过观察小结一下：右手行为，容易让大家养成右手边刷卡的习惯。否则，就会给大多数人造成小小的不便。当然，你非要说放左边也无妨，我也不反对，这个习惯在使用上没那么严重。关键是，最好都放一边，别让大家在上车刷卡的时还顺带锻炼反应能力。</p>
<p><strong>场景3</strong>&#8211;顺手刷一下，竟然没刷上。</p>
<p><img src="http://www.ui123.com/blog/uploads/2007/11/071129_001.jpg" alt="071129_001.jpg" /></p>
<p>      刚开始的刷卡器，能用来刷卡的区域只占整个区域的四分之一，且必须要公交卡贴上去才能刷的上，于是我在刷卡的时候，没多想就在上面刷一下，哦！没刷上！又观察一下，对准下面再刷，没有太大的反应，接着又刷一下！这时候售票员提示我：“你已经刷上了！往前走！”。接下来的观察中，经常看到有人刷好几下的时候。也难怪,反馈指示根本不明显（仍然是红字、黑底，有数字变化很难被注意到），反馈声音在吵杂的挤车过程中，大多时候不被听到，尤其上下班高峰期。<br />
      后来我的一个同学，和我聊起公交卡，很兴奋的说：“现在离开一点距离也能刷了！真的变得挺好用了！”，我笑着反问道：“至于这么兴奋吗？！”&#8230;</p>
<p>      自己还私下里<strong>给公交卡设计了一个布局</strong>：</p>
<p><img src="http://www.ui123.com/blog/uploads/2007/11/071129_002.gif" alt="071129_002.gif" /></p>
<p><strong>优点</strong>：1.我保证了刷卡的区域为主题，刷卡器嘛，主要用来刷。2.保证刷卡的反馈是明显的（比如在刷卡区用大绿灯显示刷上了，用大红灯显示失败，没反应就是没啥反馈拜呗。3.辅助显示了扣多少钱，还有多少余额的显示。4.其他非用户必须信号，隐藏在侧面或者背面。</p>
<p><strong>改进</strong>：1.刷卡区域的易用性 。2.去掉或隐藏没用的信息：几路公交、单价多少、信号强弱等。3.刷卡反馈的显著性。</p>
<p>起码我这个布局是易用的。怎们能设计的更好，我想就不用多说了吧！关心你真正的用户，关心他的习惯、环境。最好把自己也变成一个用户。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2007/12/02/weihezhaocuodifang/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>用户测试心得</title>
		<link>http://WWW.ui123.com/blog/2007/08/21/yonghuceshixinde/</link>
		<comments>http://WWW.ui123.com/blog/2007/08/21/yonghuceshixinde/#comments</comments>
		<pubDate>Tue, 21 Aug 2007 08:46:19 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>
		<category><![CDATA[观点|感悟|闲聊]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=123</guid>
		<description><![CDATA[一、做用户测试吧！真的很有必要。
        通常我们的设计，并没有足够的角色参与，或者有相应的角色参与但存在着很大的局限性，为了真正的了解用户的使用情况，在产品基本成型之时，建议做用户测试。
        设计师有双重性，一个是他作为设计师的一面，通过对用户的调研和与用户的沟通来了解用户，进而设计适合目标用户使用的产品；另一面是作为使用者一面，通常都是把自己假象为用户（或本身就是真实的用户），以自己的意愿进行产品设计，在设计的过程中有过多的个人意愿，并不一定代表真实用户群。即便引入了角色思想，在很大程度上保证产品接近真实用户群，但毕竟还是有差距。做用户测试是必要的，你能发现用户在使用产品过程当中的不少问题，进而最大程度的保证产品的质量。
        如果你的产品不想用户在使用的时候有过多的埋怨或因为难用而放弃使用，那么建议你做用户测试！
二、在测试过程中应该注意的事项
        不要过多的干扰用户，尽量让用户在真实的状态下使用，在实在进行不下去的时候可以给予适当的引导。这点很多初次做测试的人员常犯的，看到用户犯错就很热心的去帮助，这正好犯了测试的大忌。最好能看到用户犯错的频率、用户解决问题的办法、用户的表情、错误时的非正常的行为（比如某些行动可以看出期望性的行为）等，这些观察可以很大程度上帮助我们改进设计。
        恰当的时候引导用户去完成几个任务，有些新手用户，在使用的时候实在没有章法，在他一通乱用之后，我们放弃这个用户就不如引导他完成几个主要的任务，在观察其操作的过程中，同样会达到很好的测试效果。
        在用户完成使用测试之后，可以和用户进行一些必要的交谈，比如用户的某个行为你不理解，这时候就可以试探性的沟通一下，以了解用户操作时的真实意图和感受。还可以和用户聊聊对产品的感觉、期望等等，更深层次的还可以通过谈话挖掘一些必要的需求（可能这些需求在设计时被疏忽了）。
三、最好让你的开发团队和团队领导一通参与测试
        或许测试工作是你来做，但测试目的绝不是你自己的事；为了保证团队意识的统一及接下来的改进工作顺利开展，有必要让大家一同认识到产品存在的问题。再者，或许你在观察中的意识是有局限的，更多的人参与 会从更多层次来发现问题所在（比如有时候软件反映速度的问题，未必是做交互设计所能解决的，可能是服务器某个配置不合理的问题。），这对调动大家的积极性也起到很重要的作用。
四、测试记录有没有必要？（可以讨论这个问题）
        我的感觉：测试记录是有必要的。因为我们的记忆是有限的，用户测试过程中的各个场景我们不可能都记忆的很清楚，总会遗忘一部分场景。如果我们还要深度或反复对用户的行为进行观察研究的话，测试记录就显得尤为重要。
        测试记录在某些情况下可以解决争端，在做改进的过程中，你认为严重的问题，实施团队不一定认为这是严重的，测试记录比你有说服力。
        ps：如果你们测试完了之后就永远不再去看，记录这时确实没有意义。
五、及时总结
        及时的总结会让我们把发现的问题呈现的更清晰有条理。在一个小组的测试完了之后，测试人员就可以抓紧时间简单的碰一下，交换一下意见和认识，并总结记录下来。拖得久了你会丢失一些原本很好的想法或这减弱某些感受，更糟糕的是你会遗忘某些感受。由此看来，及时总结是一个好习惯。
附: 如何选择目标用户？ 软件测试的环境    （这两部分内容待补充）
注：本文所描述的内容为奇遇在用户测试工作中的心得，并不适合所有场景，欢迎高人指点和讨论（仅限于软件）。
]]></description>
			<content:encoded><![CDATA[<p><strong>一、做用户测试吧！真的很有必要。</strong><br />
        通常我们的设计，并没有足够的角色参与，或者有相应的角色参与但存在着很大的局限性，为了真正的了解用户的使用情况，在产品基本成型之时，建议做用户测试。<br />
        设计师有双重性，一个是他作为设计师的一面，通过对用户的调研和与用户的沟通来了解用户，进而设计适合目标用户使用的产品；另一面是作为使用者一面，通常都是把自己假象为用户（或本身就是真实的用户），以自己的意愿进行产品设计，在设计的过程中有过多的个人意愿，并不一定代表真实用户群。即便引入了角色思想，在很大程度上保证产品接近真实用户群，但毕竟还是有差距。做用户测试是必要的，你能发现用户在使用产品过程当中的不少问题，进而最大程度的保证产品的质量。<br />
        如果你的产品不想用户在使用的时候有过多的埋怨或因为难用而放弃使用，那么建议你做用户测试！</p>
<p><strong>二、在测试过程中应该注意的事项<br />
</strong>        不要过多的干扰用户，尽量让用户在真实的状态下使用，在实在进行不下去的时候可以给予适当的引导。这点很多初次做测试的人员常犯的，看到用户犯错就很热心的去帮助，这正好犯了测试的大忌。最好能看到用户犯错的频率、用户解决问题的办法、用户的表情、错误时的非正常的行为（比如某些行动可以看出期望性的行为）等，这些观察可以很大程度上帮助我们改进设计。<span id="more-74"></span><br />
        恰当的时候引导用户去完成几个任务，有些新手用户，在使用的时候实在没有章法，在他一通乱用之后，我们放弃这个用户就不如引导他完成几个主要的任务，在观察其操作的过程中，同样会达到很好的测试效果。<br />
        在用户完成使用测试之后，可以和用户进行一些必要的交谈，比如用户的某个行为你不理解，这时候就可以试探性的沟通一下，以了解用户操作时的真实意图和感受。还可以和用户聊聊对产品的感觉、期望等等，更深层次的还可以通过谈话挖掘一些必要的需求（可能这些需求在设计时被疏忽了）。</p>
<p><strong>三、最好让你的开发团队和团队领导一通参与测试</strong><br />
        或许测试工作是你来做，但测试目的绝不是你自己的事；为了保证团队意识的统一及接下来的改进工作顺利开展，有必要让大家一同认识到产品存在的问题。再者，或许你在观察中的意识是有局限的，更多的人参与 会从更多层次来发现问题所在（比如有时候软件反映速度的问题，未必是做交互设计所能解决的，可能是服务器某个配置不合理的问题。），这对调动大家的积极性也起到很重要的作用。</p>
<p><strong>四、测试记录有没有必要</strong>？（可以讨论这个问题）<br />
        我的感觉：测试记录是有必要的。因为我们的记忆是有限的，用户测试过程中的各个场景我们不可能都记忆的很清楚，总会遗忘一部分场景。如果我们还要深度或反复对用户的行为进行观察研究的话，测试记录就显得尤为重要。<br />
        测试记录在某些情况下可以解决争端，在做改进的过程中，你认为严重的问题，实施团队不一定认为这是严重的，测试记录比你有说服力。<br />
        ps：如果你们测试完了之后就永远不再去看，记录这时确实没有意义。</p>
<p><strong>五、及时总结</strong><br />
        及时的总结会让我们把发现的问题呈现的更清晰有条理。在一个小组的测试完了之后，测试人员就可以抓紧时间简单的碰一下，交换一下意见和认识，并总结记录下来。拖得久了你会丢失一些原本很好的想法或这减弱某些感受，更糟糕的是你会遗忘某些感受。由此看来，及时总结是一个好习惯。</p>
<p>附: 如何选择目标用户？ 软件测试的环境    （这两部分内容待补充）</p>
<p>注：本文所描述的内容为奇遇在用户测试工作中的心得，并不适合所有场景，欢迎高人指点和讨论（仅限于软件）。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2007/08/21/yonghuceshixinde/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>关于超链接的下划线（网页篇）</title>
		<link>http://WWW.ui123.com/blog/2007/08/12/xiahuaxian/</link>
		<comments>http://WWW.ui123.com/blog/2007/08/12/xiahuaxian/#comments</comments>
		<pubDate>Sun, 12 Aug 2007 14:12:25 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>
		<category><![CDATA[GUI设计与欣赏]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=99</guid>
		<description><![CDATA[        关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。
不妨分几个场景讨论一下：
1、导航区域，潜意识我会去点击。即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还满足视觉的层级关系。

2、整页全是链接，下划线成了可有可无的表现。象新浪、搜狐首页都是可以点击的，所以下划线的有无意义也就不大，猫扑在首页设计中就去掉了可有可无的下划线。（下图自上而下依次为：新浪、搜狐、猫扑。）

3、可以点击吗？别让我去猜！看下面的设计抓图，只有Google和百度的设计我没有疑惑，其他两个的设计我要自己去猜。

4、在超链接和文本混排的情况下，下划线更容易让我们去点击。

5、独立超链接，不加下划线不足以“明示”。

6、需要特别突出显示的链接，必要的时候使用“伪按钮”；关于伪按钮的问题，臭鱼在其接受伪按钮已阐述的比较明确，在此不再赘述。
说明：大家根据具体的环境而定，目的是让超链接更容易被潜意识的点击，避免过多的尝试和思考而浪费浏览者更多的时间。
附：超链接的作用
罗嗦一下基本概念，所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。
超链接的基本分类：
a、按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
b、如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。
]]></description>
			<content:encoded><![CDATA[<p>        关于超链接中的下划线这个及细节的问题，想必大家都有过讨论和思考，大家都知道，把握一个原则即可：“让使用者清楚的区分超链接文本和其他文本形式，并潜意识知道可以点击。”；但对于是否可以潜意识知道可以点击，还是有争议的，不同的人，不同的环境会有不同的见解。</p>
<p>不妨分几个场景讨论一下：</p>
<p><strong>1、导航区域，潜意识我会去点击。</strong>即便有下划线也是个“古老形式”的摆设，所以一般没有下划线；好的设计不仅满足点击，还满足视觉的层级关系。<br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070812_000.gif" alt="070812_000.gif" /><span id="more-72"></span></p>
<p><strong>2、整页全是链接，下划线成了可有可无的表现。</strong>象新浪、搜狐首页都是可以点击的，所以下划线的有无意义也就不大，猫扑在首页设计中就去掉了可有可无的下划线。（下图自上而下依次为：<a href="http://www.sina.com/" target="_blank">新浪</a>、<a href="http://www.sohu.com/" target="_blank">搜狐</a>、<a href="http://www.mop.com/" target="_blank">猫扑</a>。）<br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070812_001.gif" alt="070812_001.gif" /></p>
<p><strong>3、可以点击吗？别让我去猜！</strong>看下面的设计抓图，只有Google和百度的设计我没有疑惑，其他两个的设计我要自己去猜。<br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070812_0021.gif" alt="070812_0021.gif" /></p>
<p><strong>4、在超链接和文本混排的情况下，下划线更容易让我们去点击。</strong><br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070812_003.gif" alt="070812_003.gif" /><br />
<strong>5、独立超链接，不加下划线不足以“明示”。</strong><br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070812_004.gif" alt="070812_004.gif" /><br />
<strong>6、需要特别突出显示的链接，必要的时候使用“伪按钮”；</strong>关于伪按钮的问题，臭鱼在其<a href="http://www.chouyu.com.cn/?p=36" target="_blank">接受伪按钮</a>已阐述的比较明确，在此不再赘述。</p>
<p><strong>说明</strong>：大家根据具体的环境而定，目的是让超链接更容易被潜意识的点击，避免过多的尝试和思考而浪费浏览者更多的时间。</p>
<p><strong>附：超链接的作用</strong><br />
罗嗦一下基本概念，所谓的<strong>超链接</strong>是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。而在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上，并且根据目标的类型来打开或运行。<br />
超链接的基本<strong>分类</strong>：</p>
<p>a、按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。<br />
b、如果按照使用对象的不同，网页中的链接又可以分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。</p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2007/08/12/xiahuaxian/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>想用户所想（感受亚马逊）</title>
		<link>http://WWW.ui123.com/blog/2007/08/01/yonghusuoxiang/</link>
		<comments>http://WWW.ui123.com/blog/2007/08/01/yonghusuoxiang/#comments</comments>
		<pubDate>Wed, 01 Aug 2007 03:29:43 +0000</pubDate>
		<dc:creator>奇遇</dc:creator>
				<category><![CDATA[.一起体验]]></category>

		<guid isPermaLink="false">http://www.ui123.com/blog/?p=104</guid>
		<description><![CDATA[ 首发于ucdchina，转载请注明。
1、页签的表达。页签表达很清晰，当前页签突出，且层级包涵关系明确；看下图，一目了然的感觉，不用疑惑我在那部分里。 

 

不信？拿当当的对比一下，你感觉那个更易读？


2、搜索，让我感受到体贴。下图是我抓取搜索的图拼合起来，为了说明搜索提供的合理。最上头导航下的搜索，是方便来找东西的人，大部分人都通过此处找东西，所以放在显眼的主要位置；网页最底端的搜索，方便那些已经浏览到底部的用户，正为找不到而有点苦恼时，此时看到搜索，真是感觉贴心呀！ 各个部分的内容模块，只要内容稍多便提供搜索框，感觉好方便。说实话，目前还没见那个中国的电子商务网站把搜索做到如此合理。

 



3、先让你感觉一下，别进入后悔。这个是在亚马逊网站首页处的博客入口，设计的时候，考虑到用户进去不一定看到自己想要的东西，毕竟博客的具体内容你是不知道的（不象分类的目的性那么明确），所以亚马逊在你决定进去之前，先让你预览一下内容。这个设计不让用户浪费无畏时间。赞！
 
 

 

4、替你算账，让你直观的感受到实惠。我在的价格表现上，看到了对比的手法；首先标出原价（划掉），然后标出现价，下面还有一行数字，则是替你算出在这里买节省了多少钱，让你直观的感受到实惠，诱惑呀！

 

 

 



 

 

5、让评论结果更直观一些，还让评论者交流和彼此评价。亚马逊不只是给出评论的人数，更多的给出评论等级的直观图这个才是最受用的，还提供对评论的回复和打分机制，让交流更实际、直观。
 
 
 
 
 
 
 
 

 


]]></description>
			<content:encoded><![CDATA[<p><span style="font-size: x-small;"><span style="font-family: Times New Roman;"> 首发于<a href="http://ucdchina.com/blog" target="_blank">ucdchina</a>，转载请注明。</span></span></p>
<p><span style="font-size: x-small;"><strong><span style="font-family: Times New Roman;">1</span>、页签的表达</strong>。页签表达很清晰，当前页签突出，且层级包涵关系明确；看下图，一目了然的感觉，不用疑惑我在那部分里。<font size="2"> </p>
<p></font></span></p>
<p><span style="font-size: x-small;"><img src="http://www.ui123.com/blog/uploads/2007/08/070731_header.gif" alt="070731_header.gif" /><font size="2"> </p>
<p></font></span></p>
<p><span style="font-size: x-small;"><span style="font-size: x-small;">不信？拿当当的对比一下，你感觉那个更易读？<br />
<img src="http://www.ui123.com/blog/uploads/2007/08/070731_dangdangheader.gif" alt="070731_dangdangheader.gif" /></span></span></p>
<p><span style="font-size: x-small;"><span id="more-69"></span><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><br />
<strong>2、搜索，让我感受到体贴。</strong>下图是我抓取搜索的图拼合起来，为了说明搜索提供的合理。最上头导航下的搜索，是方便来找东西的人，大部分人都通过此处找东西，所以放在显眼的主要位置；网页最底端的搜索，方便那些已经浏览到底部的用户，正为找不到而有点苦恼时，此时看到搜索，真是感觉贴心呀！<span style="font-family: Times New Roman;"> </span>各个部分的内容模块，只要内容稍多便提供搜索框，感觉好方便。说实话，目前还没见那个中国的电子商务网站把搜索做到如此合理。<font size="2"><font face="Times New Roman"><span style="font-size: x-small;"><strong><img src="http://www.ui123.com/blog/uploads/2007/08/070731_search.gif" alt="070731_search.gif" /><br />
</strong></span></p>
<p></font></font></span><font size="2"> </p>
<p></font></span></p>
<p><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><br />
<span style="font-size: x-small;"><br />
</span></span></span><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><strong><span style="font-family: Times New Roman;">3</span>、先让你感觉一下，别进入后悔</strong>。这个是在亚马逊网站首页处的博客入口，设计的时候，考虑到用户进去不一定看到自己想要的东西，毕竟博客的具体内容你是不知道的（不象分类的目的性那么明确），所以亚马逊在你决定进去之前，先让你预览一下内容。这个设计不让用户浪费无畏时间。赞！<img src="http://www.ui123.com/blog/uploads/2007/08/070731_blog.gif" alt="070731_blog.gif" /></p>
<p><font size="2"><font face="Times New Roman"><font size="2"><font size="2"> </p>
<p></font></font><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></font></font></span><font size="2"><font face="Times New Roman"><font size="2"> </p>
<p></font><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></font></font></span><font size="2"><font face="Times New Roman"><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></p>
<p></font></font></span><font size="2"> </p>
<p></font></span></p>
<p><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><strong><span style="font-family: Times New Roman;">4</span></strong><strong>、替你算账，让你直观的感受到实惠</strong>。我在的价格表现上，看到了对比的手法；首先标出原价（划掉），然后标出现价，下面还有一行数字，则是替你算出在这里买节省了多少钱，让你直观的感受到实惠，诱惑呀！<font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"><font size="2"><img src="http://www.ui123.com/blog/uploads/2007/08/070731_price.gif" alt="070731_price.gif" /></p>
<p></font></font></font></font><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><br />
</span></span></span></span></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"> </p>
<p></font></font></font><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><br />
</span></span></span></span></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"> </p>
<p></font></font><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><br />
</span></span></span></span></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"> </p>
<p></font><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><br />
</span></span></span></span></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><br />
</span></span></span></span></p>
<p></font></font></font></span><font size="2"><font size="2"> </p>
<p></font></font></span></p>
<p><font size="2"> </p>
<p></font></span></p>
<p><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><strong><span style="font-family: Times New Roman;">5</span></strong><strong>、让评论结果更直观一些，还让评论者交流和彼此评价。</strong>亚马逊不只是给出评论的人数，更多的给出评论等级的直观图这个才是最受用的，还提供对评论的回复和打分机制，让交流更实际、直观。<font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"><font size="2"><font size="2"><font size="2"><img src="http://www.ui123.com/blog/uploads/2007/08/070731_comments.gif" alt="070731_comments.gif" /></p>
<p></font></font></font></font></font></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"><font size="2"><font size="2"> </p>
<p></font></font></font></font></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"><font size="2"> </p>
<p></font></font></font></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"><font size="2"> </p>
<p></font></font></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"><font size="2"> </p>
<p></font></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"><font size="2"> </p>
<p></font></font></font></font></span><font size="2"><font size="2"><font face="Times New Roman"> </p>
<p></font></font></font></span><font size="2"><font size="2"> </p>
<p></font></font></span><font size="2"> </p>
<p></font></span></p>
<p> </p>
<p><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></span></span></span></span></span></p>
<p><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></span></span></span></span></span><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-family: Times New Roman;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"><span style="font-size: x-small;"></span></span></span></span></span></span></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://WWW.ui123.com/blog/2007/08/01/yonghusuoxiang/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
