<?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>交互设计禅意花园-Alite Design Studio &#187; 搜索引擎</title>
	<atom:link href="http://www.alitedesign.com/archives/tag/%e6%90%9c%e7%b4%a2%e5%bc%95%e6%93%8e/feed" rel="self" type="application/rss+xml" />
	<link>http://www.alitedesign.com</link>
	<description>生活中发现的点滴,其实都是设计中的细节</description>
	<lastBuildDate>Mon, 30 Aug 2010 03:40:19 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>电子商务搜索引擎的细节设计</title>
		<link>http://www.alitedesign.com/archives/72</link>
		<comments>http://www.alitedesign.com/archives/72#comments</comments>
		<pubDate>Tue, 12 Jan 2010 03:43:06 +0000</pubDate>
		<dc:creator>Alite Yu</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[Visual Search]]></category>
		<category><![CDATA[搜索引擎]]></category>
		<category><![CDATA[细节设计]]></category>

		<guid isPermaLink="false">http://alitedesign.com/?p=72</guid>
		<description><![CDATA[电子商务搜索引擎的细节设计与未来相似搜索的趋势. <a href="http://www.alitedesign.com/archives/72">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><strong> [版权声明]:版权归作者Alite所有，转载时请以超链接形式标明文章原始出处和作者信息及本声明:</strong><a href="http://alitedesign.com" target="_self">http://www.alitedesign.com</a></p>
<p>最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的时候,发现一些用户使用细节的小问题.针对这些问题,我体验了前面四个网站的处理方式,觉得还是有可以借鉴的东西.</p>
<p><strong>针对suggestion的情感化设计细节处理</strong></p>
<p><strong>EBAY.COM：</strong></p>
<p><img src="http://www.blueidea.com/articleimg/2009/06/6813/01.jpg" border="0" alt="" width="387" height="261" /></p>
<p>当用户觉得不想使用suggestion,或认为suggestion会给他带来干扰的时候,用户可以选择关闭suggestion.( suggestion有的时候可能会切断用户的心流,对用户的心智模型造成影响)</p>
<p><img src="http://www.blueidea.com/articleimg/2009/06/6813/02.jpg" border="0" alt="" width="392" height="140" /></p>
<p>当用户想重新使用suggestion的时候,仍然可以通过搜索框内右边的按钮还原suggestion功能.此时,当鼠标移到还原按钮上面时候,为避免用户不理解按钮的意义会有一个TIP来显示按钮的作用.</p>
<p><strong><span id="more-72"></span></strong></p>
<p><strong>YAHOO SHOPPING：</strong></p>
<p><img src="http://www.blueidea.com/articleimg/2009/06/6813/03.jpg" border="0" alt="" width="406" height="270" /></p>
<p>在YAHOO SHOPPING橘黄色框内,我也发现了suggestion可自由关闭的功能.</p>
<p>小结:表面上看,貌似这些功能是锦上添花,但是从用户情感化设计上考虑,这些功能也能为用户建立更多的信心,去大胆尝试并频繁使用搜索的新功能.</p>
<p><strong>搜索框内容的一键清空细节处理</strong></p>
<p><strong>APPLE.COM：</strong></p>
<p>苹果公司不愧是一家很关注用户体验设计的公司,在他们官网搜索功能的细节处理上,真是可见一斑!</p>
<p><img src="http://www.blueidea.com/articleimg/2009/06/6813/04.jpg" border="0" alt="" width="329" height="586" /></p>
<p>当用户在搜索框输入关键词的同时,会在搜索框的下方出现产品分类的suggestion ,并且在搜索框内部右边(图中橘黄色框内) 出现清空搜索关键词的按钮.<br />
当用户输入关键词出错或对原有已经输入的关键词进行删除, 重新搜索的时候,都要用(backspace键).但如果增加了” 一键清空”功能.只要用鼠标轻轻一点.就解决了反复使用键盘backspace键的烦琐操作.对用户来说这个小小的细节设计,给用户带来了很大的方便.</p>
<p>图中绿色框的内容让我觉得,苹果公司的设计师们独特的设计.用户会发现搜索框附近没有确定的按钮(为了视觉的美观性与平衡性) , 但用户可以使用回车键,或点击绿色框的文字链一样可以达到搜索按钮的作用,这种设计既满足了视觉的平衡,又满足了功能的需要.真是Perfect!</p>
<p><strong>LIKE.COM</strong></p>
<p>like.com是一家推崇&#8221;shop visually&#8221;的时尚电子商务网站，在产品搜索方面他们确实是独具匠新。</p>
<p>个性化搜索一直是用户的基础需求，like.com帮用户实现了四大需求：</p>
<p>DETAIL SEARCH</p>
<p><a href="http://alitedesign.com/wp-content/uploads/2010/01/Detail-Search.gif"><img class="alignnone size-full wp-image-75" title="Detail Search" src="http://alitedesign.com/wp-content/uploads/2010/01/Detail-Search.gif" alt="" width="480" height="257" /></a></p>
<p>COLOR  MATCH</p>
<p><a href="http://alitedesign.com/wp-content/uploads/2010/01/Color-Match.gif"><img class="alignnone size-full wp-image-77" title="Color Match" src="http://alitedesign.com/wp-content/uploads/2010/01/Color-Match.gif" alt="" width="480" height="259" /></a></p>
<p>SHAPE MATCH</p>
<p><a href="http://alitedesign.com/wp-content/uploads/2010/01/Shape-Match.gif"><img class="alignnone size-full wp-image-78" title="Shape Match" src="http://alitedesign.com/wp-content/uploads/2010/01/Shape-Match.gif" alt="" width="480" height="258" /></a></p>
<p>PATTERN  MATCH</p>
<p><a href="http://alitedesign.com/wp-content/uploads/2010/01/Pattern-Match.gif"><img class="alignnone size-full wp-image-79" title="Pattern Match" src="http://alitedesign.com/wp-content/uploads/2010/01/Pattern-Match.gif" alt="" width="480" height="258" /></a></p>
<hr /><small>Copyright &copy; 2008<br /> This feed is for personal, non-commercial use only. <br /> The use of this feed on other websites breaches copyright. If this content is not in your news reader, it makes the page you are viewing an infringement of the copyright. (Digital Fingerprint:<br /> )</small>]]></content:encoded>
			<wfw:commentRss>http://www.alitedesign.com/archives/72/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
