<?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://gengrenjie.com/category/information-architecture/feed/" rel="self" type="application/rss+xml" />
	<link>http://gengrenjie.com</link>
	<description></description>
	<lastBuildDate>Thu, 10 May 2012 10:55:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Better Faceted Navigation: Advanced Design Techniques</title>
		<link>http://gengrenjie.com/2010/05/23/better-faceted-navigation-advanced-design-techniques/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=better-faceted-navigation-advanced-design-techniques</link>
		<comments>http://gengrenjie.com/2010/05/23/better-faceted-navigation-advanced-design-techniques/#comments</comments>
		<pubDate>Sun, 23 May 2010 14:05:18 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[Faceted Navigation]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=2107</guid>
		<description><![CDATA[几个核心观点： 分面分类多选用checkbox已是标准，标准的checkbox和视觉美化过的checkbox无甚差别 某些分面，如价格、时间区间适合用滑块操作 数目庞大的分面处理：手风琴式设计 某分面有数目庞大的属性：用下拉滚动条、用“更多”浮出层；两种几乎没有优劣之分，但浮出层能展示一些需要被“凸显”的属性 总结：提供清晰反馈、凸显最常用的属性、平衡精确性和易用性、记住“产品”才是核心 Better Faceted Navigation: Advanced Design Techniques View more presentations from mjmadaio. 其他你可能感兴趣的: 暂时没有相关文章！ &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<div id="__ss_3807245" style="width: 425px;">几个核心观点：</div>
<div style="width: 425px;">
<ul>
<li>分面分类多选用checkbox已是标准，标准的checkbox和视觉美化过的checkbox无甚差别</li>
<li>某些分面，如价格、时间区间适合用滑块操作</li>
<li>数目庞大的分面处理：手风琴式设计</li>
<li>某分面有数目庞大的属性：用下拉滚动条、用“更多”浮出层；两种几乎没有优劣之分，但浮出层能展示一些需要被“凸显”的属性</li>
<li>总结：提供清晰反馈、凸显最常用的属性、平衡精确性和易用性、记住“产品”才是核心</li>
</ul>
</div>
<div style="width: 425px;"><strong><a title="Better Faceted Navigation: Advanced Design Techniques" href="http://www.slideshare.net/mjmadaio/httpbetter-faceted-navigation-advanced-design-techniques">Better Faceted Navigation: Advanced Design Techniques</a></strong><object id="__sse3807245" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=iasummit-slidesharer-100421145350-phpapp02&amp;stripped_title=httpbetter-faceted-navigation-advanced-design-techniques" /><param name="name" value="__sse3807245" /><param name="allowfullscreen" value="true" /><embed id="__sse3807245" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=iasummit-slidesharer-100421145350-phpapp02&amp;stripped_title=httpbetter-faceted-navigation-advanced-design-techniques" name="__sse3807245" allowscriptaccess="always" allowfullscreen="true"></embed></object></div>
<div id="__ss_3807245" style="width: 425px;">
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/mjmadaio">mjmadaio</a>.</div>
</div>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li>暂时没有相关文章！</li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2107" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2010/05/23/better-faceted-navigation-advanced-design-techniques/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>信息质量：不仅仅是排版</title>
		<link>http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e4%25bf%25a1%25e6%2581%25af%25e8%25b4%25a8%25e9%2587%258f%25ef%25bc%259a%25e4%25b8%258d%25e4%25bb%2585%25e4%25bb%2585%25e6%2598%25af%25e6%258e%2592%25e7%2589%2588</link>
		<comments>http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 08:12:46 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[IA Summit 2009]]></category>
		<category><![CDATA[信息质量]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=936</guid>
		<description><![CDATA[这是IA Summit 2009的一个slide：Content Quality (It&#8217;s More Than Fixing Typos)。主要观点是：信息质量不应该单单是样式继承及拼写检查。作者从以下6个方面重新来定义什么是高质量的信息： 有效性（Usefulness） 清晰性和准确性（Clarity &#38; Accuracy） 影响力（Influence） 完整性（Completeness） 品牌呈现和样式（Voice &#38; Style） 可用性和可寻性（Usability &#38; Findability） Content Quality (It&#8217;s More Than Fixing Typos) View more documents from Colleen Jones. 其他你可能感兴趣的: 如何使用A/B测试？ 线框图的制作原则 隐喻的探索 信息架构中的组织系统 什么是信息架构？ &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<p>这是IA Summit 2009的一个slide：<span style="color: #000000; -webkit-text-decorations-in-effect: none;"><a href="http://www.slideshare.net/leenjones/test-1187346" target="_blank">Content Quality (It&#8217;s More Than Fixing Typos)</a>。</span>主要观点是：信息质量不应该单单是样式继承及拼写检查。作者从以下6个方面重新来定义什么是高质量的信息：</p>
<ul>
<li><strong>有效性</strong>（Usefulness）</li>
<li><strong>清晰性和准确性</strong>（Clarity &amp; Accuracy）</li>
<li><strong>影响力</strong>（Influence）</li>
<li><strong>完整性</strong>（Completeness）</li>
<li><strong>品牌呈现和样式</strong>（Voice &amp; Style）</li>
<li><strong>可用性和可寻性</strong>（Usability &amp; Findability）</li>
</ul>
<div id="__ss_1187346" style="width: 425px; text-align: left;"><a style="font:14px Helvetica,Arial,Sans-serif;display:block;margin:12px 0 3px 0;text-decoration:underline;" title="Content Quality (It's More Than Fixing Typos)" href="http://www.slideshare.net/leenjones/test-1187346">Content Quality (It&#8217;s More Than Fixing Typos)</a><object style="margin:0px" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jones-contentquality-090323211354-phpapp02&amp;stripped_title=test-1187346" /><param name="allowfullscreen" value="true" /><embed style="margin:0px" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=jones-contentquality-090323211354-phpapp02&amp;stripped_title=test-1187346" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<div style="font-size: 11px; font-family: tahoma,arial; height: 26px; padding-top: 2px;">View more <a style="text-decoration:underline;" href="http://www.slideshare.net/">documents</a> from <a style="text-decoration:underline;" href="http://www.slideshare.net/leenjones">Colleen Jones</a>.</div>
</div>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/' title='如何使用A/B测试？'>如何使用A/B测试？</a></li>
<li><a href='http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/' title='线框图的制作原则'>线框图的制作原则</a></li>
<li><a href='http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/' title='隐喻的探索'>隐喻的探索</a></li>
<li><a href='http://gengrenjie.com/2009/04/23/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84%e4%b8%ad%e7%9a%84%e7%bb%84%e7%bb%87%e7%b3%bb%e7%bb%9f/' title='信息架构中的组织系统'>信息架构中的组织系统</a></li>
<li><a href='http://gengrenjie.com/2009/04/16/244/' title='什么是信息架构？'>什么是信息架构？</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=936" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kindle的内容设计</title>
		<link>http://gengrenjie.com/2009/06/18/kindle%e7%9a%84%e5%86%85%e5%ae%b9%e8%ae%be%e8%ae%a1/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=kindle%25e7%259a%2584%25e5%2586%2585%25e5%25ae%25b9%25e8%25ae%25be%25e8%25ae%25a1</link>
		<comments>http://gengrenjie.com/2009/06/18/kindle%e7%9a%84%e5%86%85%e5%ae%b9%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 08:56:10 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户体验设计]]></category>
		<category><![CDATA[amazon]]></category>
		<category><![CDATA[Jakob Nielsen]]></category>
		<category><![CDATA[kindle]]></category>
		<category><![CDATA[Kindle Content Design]]></category>
		<category><![CDATA[kindle内容设计]]></category>
		<category><![CDATA[移动设备交互设计]]></category>
		<category><![CDATA[译言]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=535</guid>
		<description><![CDATA[【译者：耿人杰 原文：Kindle Content Design 作者：Jakob Nielsen】 同步发于译言：http://article.yeeyan.org/view/gengrenjie/46077 引言：这是Jakob Nielsen在Usability Week 2009 conference发表的关于Amazon kindle内容设计的文章。文章涵盖了对kindle可用性、内容设计、交互设计、信息架构等全面的分析指导。 ———————————— 全文的分割线 ————————————— 概述： 写一篇关于Kindle的文章就像给印刷、网络和手机设备结合体写作一样。最佳的可用性意味针对不同平台的特殊性有最优的内容设计。 要设计能适配Kindle电子书阅读器的内容需要混合利用其他环境下的一些可用性指南： 正文部分参考平面设计 标题和概述参考Web设计 页面设计和交互设计参考移动设备 正文：线性流（Linera Flow） 正如我在Kindle 2的展望一文中谈到的，Kindle是最合阅读小说或其他非文学作品的设备，此类内容都是较长的线性内容（long linear materia）。此外，Kindle最好的用户体验就是它的翻页设计，我们所应该设计的最佳阅读体验就应该是让读者不需要其他多余交互。 写一本能良好线性阅读的书能使读者完全沉浸在故事情节中，而这也正是所有好的作者具备的技能。 Kindle也适合于阅读长篇记叙文，它们通常被刊登在诸如文学杂志和周日报纸增刊中。这就不奇怪，《纽约客》是当前Kindle销量最高的杂志。 然后，Kindle对于那些有大量插图或需要读者在章节中反复来回跳跃阅读的非文学书籍表现较差。即使Kindle有彩色的屏幕，但相比平面印刷，过多的插图需要用户笨拙地来回操作，这对于Kindle仍然是一场噩梦。我自己的书就属于这一类，所以如果我想多卖掉一点书的话，我会强烈建议你不要买Kindle版的。我的新书都将良好的支持Kindle格式，所以你现在能免费下载一章试读，然后购买它的印刷版:-) 让消费者免费试读书籍的开头部分是Kindle的伟大创举，这很好地利用了数字媒体的力量来解决传统需要印制全部章节的问题。（因此，这是一个好于现实的举措。）这一创新毫无疑问将能增加书籍的销量，尤其是对小说来说，因为用户一旦陷入其中将会很期待剧情将会如何发展。事实上，对于神秘风格的小说，Amazon可能会让之前90%的部分免费，而只在最后的章节收取部分费用。 免费预读也将改变书籍的写作方式：你将不得不将最棒的内容写在第一章，这将是书能不能卖掉的关键。 遗憾的是，这不是我喜欢的写作方式。我的新书以研究策略作为书籍开头的一章，比如：我们如何评估和确定可用性问题的优先顺序，以及我们的新发现与我10年前一本关于网站可用性的书籍的差别。我想要这本书成为一个总的体验（ total experience），读者将从我搭建的书籍结构中获得对后续章节更丰富的理解。（而不是直接给出结果，就像你想知道如何表现一个产品页面，但你只能等到第9章）。对我来说，激励人们深入思考是为什么非文学书籍相对于网络而存在的价值所在，这将是比快速点击以及有争议性的写作更好的事情。 所以，在我的书中，我可能会抵制那些极力获得快速击中第一章。但如果你想在Kindle上卖掉更多书的话，请不要参考我的例子。 标题和概述：支持超文本导航和信息线索 对于报纸和杂志和一些非小说类书籍来说，人们通常不会从头到底的完整阅读。你必须帮助用户选择对他们来说有用的文章。 你能通过用各种表格区分的内容来做到这一点，就想下列报纸摘要列表所示的： 这些文章列表必须符合Web写作指南。 用户通常通过标题来了解文章的大义。在上述截图中，所有的文章都是关于艺术和文化。一本杂志的主要目录或报纸的头版故事列表通常只能提供较少的背景介绍。 在通常情况下，你的文章标题必须传达给读者两点： (a)介绍文章的大概 (b) 给用户一个判断：是否需要全文阅读 正常情况下25-30个字的描述可以达到这些目的，所以你不能浪费字数在署名上。（这里有一个特例，对于固定的专栏作家或一些偶尔写些文字的名人，在某些情况下，读者会根据这些作者来决定到底阅读哪篇内容。有趣的是，这和电子邮件简报的“来自”的设计指南有一些相似之处。） 上图中的第4个标题，&#8221;On Loan, 16th- and 17th-century Spanish, Italian and&#8230;&#8221;，如果去掉新闻记者的姓名，保留第二行的其余部分，将有更强烈的信息线索。具体来说，这个标题少了3个关键词： “Paintings（绘画作品）”，它告诉读者这篇文章所讲述主题的基本背景。读者从标题中不能获得任何有价值的信息。你可能要说“Paintings”会出现在概述中，但用户通常首先阅读标题，如果标题吸引人才会去看概述。 “Exhibition（展览）”，它陈述实际发生的新闻。而“loan”这个词掩盖了这一点，它用间接的方式要求用户更深入的去理解。在标题中，应尽可能的使字面意思理解方便。 “Frick [...]]]></description>
			<content:encoded><![CDATA[<p>【译者：<a href="http://gengrenjie.com" target="_blank">耿人杰</a> 原文：<a href="http://www.useit.com/alertbox/kindle-writing.html" target="_blank">Kindle Content Design</a> 作者：<a href="http://www.useit.com/" target="_blank">Jakob Nielsen</a>】</p>
<p>同步发于译言：<a href="http://article.yeeyan.org/view/gengrenjie/46077">http://article.yeeyan.org/view/gengrenjie/46077</a></p>
<p>引言：这是Jakob Nielsen在Usability Week 2009 conference发表的关于Amazon kindle内容设计的文章。文章涵盖了对kindle可用性、内容设计、交互设计、信息架构等全面的分析指导。</p>
<p>———————————— 全文的分割线 —————————————</p>
<p><strong>概述：</strong></p>
<p>写一篇关于Kindle的文章就像给印刷、网络和手机设备结合体写作一样。最佳的可用性意味针对不同平台的特殊性有最优的内容设计。</p>
<p>要设计能适配Kindle电子书阅读器的内容需要混合利用其他环境下的一些可用性指南：</p>
<ul>
<li><strong>正文部分</strong>参考<strong>平面设计</strong></li>
<li><strong>标题和概述</strong>参考<strong>Web设计</strong></li>
<li><strong>页面设计<span style="font-weight: normal;">和交互设计</span><span style="font-weight: normal;">参考</span>移动设备</strong></li>
</ul>
<h2>正文：线性流（Linera Flow）</h2>
<p>正如我在<a href="http://www.useit.com/alertbox/kindle-usability-review.html" target="_blank">Kindle 2的展望</a>一文中谈到的，Kindle是最合阅读<strong>小说</strong>或其他非文学作品的设备，此类内容都是较长的线性内容（long linear materia）。此外，Kindle最好的用户体验就是它的<strong>翻页设计</strong>，我们所应该设计的最佳阅读体验就应该是让读者不需要其他多余交互。</p>
<p>写一本能良好线性阅读的书能使读者完全沉浸在故事情节中，而这也正是所有好的作者具备的技能。</p>
<p>Kindle也适合于阅读长篇<strong>记叙文</strong>，它们通常被刊登在诸如文学杂志和周日报纸增刊中。这就不奇怪，《纽约客》是当前Kindle销量最高的杂志。</p>
<p>然后，Kindle对于那些有大量插图或需要读者在章节中反复来回跳跃阅读的非文学书籍表现较差。即使Kindle有彩色的屏幕，但相比平面印刷，过多的插图需要用户笨拙地来回操作，这对于Kindle仍然是一场噩梦。我自己的书就属于这一类，所以如果我想多卖掉一点书的话，我会强烈建议你不要买Kindle版的。我的新书都将良好的支持Kindle格式，所以你现在能<a href="http://www.amazon.com/dp/B000SEGT1W?tag=useitcomusablein" target="_blank">免费下载一章试读</a>，然后购买它的印刷版:-)</p>
<p>让消费者免费试读书籍的开头部分是Kindle的伟大创举，这很好地利用了数字媒体的力量来解决传统需要印制全部章节的问题。（因此，这是一个<a href="http://www.useit.com/alertbox/980308.html" target="_self">好于现实</a>的举措。）这一创新毫无疑问将能增加书籍的销量，尤其是对小说来说，因为用户一旦陷入其中将会很期待剧情将会如何发展。事实上，对于神秘风格的小说，Amazon可能会让之前90%的部分免费，而只在最后的章节收取部分费用。</p>
<p>免费预读也将改变书籍的写作方式：你将不得不<strong>将最棒的内容写在第一章</strong>，这将是书能不能卖掉的关键。</p>
<p>遗憾的是，这不是我喜欢的写作方式。我的<a href="http://www.yeeyan.com/editor/start/83985/latest%20book" target="_blank">新书</a>以研究策略作为书籍开头的一章，比如：我们如何评估和确定可用性问题的优先顺序，以及我们的新发现与<a href="http://www.useit.com/jakob/webusability/" target="_blank">我10年前一本关于网站可用性的书籍</a>的差别。我想要这本书成为一个总的体验（ <em>total experience）</em>，读者将从我搭建的书籍结构中获得对后续章节更丰富的理解。（而不是直接给出结果，就像你想知道如何表现一个产品页面，但你只能等到第9章）。对我来说，激励人们<strong>深入思考</strong>是为什么非文学书籍相对于网络而存在的价值所在，这将是比快速点击以及有争议性的写作更好的事情。</p>
<p>所以，在我的书中，我可能会抵制那些极力获得快速击中第一章。但如果你想在Kindle上卖掉更多书的话，请不要参考我的例子。</p>
<h2>标题和概述：支持超文本导航和信息线索</h2>
<p>对于报纸和杂志和一些非小说类书籍来说，人们通常不会从头到底的完整阅读。你必须帮助用户选择对他们来说有用的文章。</p>
<p>你能通过用各种表格区分的内容来做到这一点，就想下列报纸摘要列表所示的：</p>
<p><img src="http://www.useit.com/alertbox/kindle-nytimes-arts-section-listing.png" alt="" width="400" height="539" /></p>
<p>这些文章列表必须符合<a href="http://www.useit.com/papers/webwriting/" target="_blank">Web写作指南</a>。</p>
<p>用户通常通过标题来了解文章的大义。在上述截图中，所有的文章都是关于艺术和文化。一本杂志的主要目录或报纸的头版故事列表通常只能提供较少的背景介绍。</p>
<p>在通常情况下，你的文章标题必须传达给读者两点： (a)介绍文章的大概 (b) 给用户一个判断：是否需要全文阅读</p>
<p>正常情况下25-30个字的描述可以达到这些目的，所以你不能浪费字数在署名上。（这里有一个特例，对于固定的专栏作家或一些偶尔写些文字的名人，在某些情况下，读者会根据这些作者来决定到底阅读哪篇内容。有趣的是，这和<a href="http://www.nngroup.com/reports/newsletters/" target="_blank">电子邮件简报</a>的“来自”的设计指南有一些相似之处。）</p>
<p>上图中的第4个标题，&#8221;On Loan, 16th- and 17th-century Spanish, Italian and&#8230;&#8221;，如果去掉新闻记者的姓名，保留第二行的其余部分，将有更强烈的<a href="http://www.useit.com/alertbox/20030630.html" target="_blank">信息线索</a>。具体来说，这个标题少了3个关键词：</p>
<ul>
<li>“Paintings（绘画作品）”，它告诉读者这篇文章所讲述主题的基本<strong>背景</strong>。读者从标题中不能获得任何有价值的信息。你可能要说“Paintings”会出现在概述中，但用户通常首先阅读标题，如果标题吸引人才会去看概述。</li>
<li>“Exhibition（展览）”，它<strong>陈述实际发生的新闻</strong>。而“loan”这个词掩盖了这一点，它用间接的方式要求用户更深入的去理解。在标题中，应尽可能的使字面意思理解方便。</li>
<li>“Frick Collection(or simply &#8220;Frick&#8221;)（Frick 的收藏或Frick）”，它提示用户文章的“<strong>新闻的实用价值（news-you-can-use）</strong>”：这个展览是Frick的个人收藏，有兴趣的读者可以前去参观。</li>
</ul>
<p>对比上面的文章截图和纽约时报的实际印刷版本：</p>
<p><img src="http://www.useit.com/alertbox/kindle-compare-nytimes-print-art-article.jpg" alt="" width="350" height="293" /></p>
<p>在Kindle的摘要列表中，你必须提供相同的上下文文字，也就是你在Web上主页、搜索引擎和其他外部引用网址中为所描述网页所实际做的。</p>
<p>在这篇文章的Kindle版本中，作者至少做对了一件事情：他标题“Sharing Reflections of Tycoon Taste and Wealth”改了，原标题对于理解上下文没有任何意义。在印刷版本中，原标题可以从人情味的角度理解，但这是因为有其他设计元素可以告诉读者：谁在哪里，在什么时候，要干什么。</p>
<h2>交互设计和页面设计：移动设备可用性指南</h2>
<p>在我之前的文章<a href="http://www.useit.com/alertbox/kindle-usability-review.html">Kindle可用性总结</a>里提到过，通过5维控制器来操作Kindle是相当<strong>笨拙</strong>的。同样，在每次选择操作后，将注定有难以忍受的缓慢的<strong>延迟</strong>。当你最终得到你想要的内容后，你会发现由于<strong>屏幕</strong>的关系它提供的字体太小了。</p>
<p>去除头部和尾部的显示区域，Kindle 2的正文显示区域是525&#215;650像素的，或<strong>341 kilo-pixels</strong>.与此形成对比的是，一个中等尺寸的PC显示屏有1280&#215;1024，能提供<strong>999KP</strong>给内容显示，这相当于3倍Kindle所能提供的。</p>
<p>鉴于这些制约因素，在Kindle上浏览非线性的内容与在手机上浏览网站的体验相类似。因此Kindle的内容设计师需要遵循移动设备的可用性设计准则，这也包括页面的信息传达。</p>
<p>举例来说，当我们浏览完纽约时报的商业部分摘要列表后，我们选择了标题为“G.M. Lays Its Future on Washington&#8217;s Doorstep.”的文章，文章的概述是：“Rick Wagoner, the chief executive of General Motors, met with government officials to.”（这个概述不是很明智，但我们让它去）。点击标题可以看到如下截屏：</p>
<p><img src="http://www.useit.com/alertbox/kindle-nytimes-business-article-page.png" alt="" width="400" height="539" /></p>
<p>发生了什么问题？两点：</p>
<ul>
<li>第一屏基本上<strong>没有提供任何新的信息</strong>。这违反了移动设备可用性的一大准则，为用户辛苦的操作提供奖励（reward users for the pain they suffer with every move）。鉴于设备的小屏幕，你因为尽量<strong>避免重复</strong>，并为新内容提供空间。</li>
<li><strong>无用的照片</strong>和描述浪费了大量的内容空间。如果图片有价值，你可以在后几屏显示它们，将第一屏的空间留给那些密集的、有效率的文本。（上文提到的美术故事可能是个特例。在那个例子中，一幅画在首屏可能有足够的价值来表现文章的主旨。）</li>
</ul>
<p>对比该商业文章的Kindle版本和下面的印刷版本：</p>
<p><img src="http://www.useit.com/alertbox/kindle-compare-nytimes-print-business-section.jpg" alt="" width="265" height="480" /></p>
<p>在平面设计领域，一对有张力的大幅人像很能戏剧性的表现企业和政府的关系，尤其是当结合一个带有威胁性色彩的标题“最后一次机会”后。这从某种程度上模糊了标题的作用，因为结合具有解释作用的子标题和其他一些有关汽车工业的文章后产生了更清晰的产业背景。</p>
<p>这种类型头版新闻是一份好报纸的一部分。但把它移植到Kindl后，即使优化了标题，它也将是一个差的信息传达设计。</p>
<h2>书籍的信息架构</h2>
<p>Kindle揭示了另外一个问题：如何为建立一个系列书籍的信息架构。一些人在我上一篇文章后问到，如何在Kindle中保存大量图书。我对此深有感触，毕竟通过盒子运送大量书籍是一个非常费时的事情。</p>
<p>Kindle 2能存贮1500本书，在Amazon的云端能存贮更多。不幸的是，<strong>用户界面没有达到能够管理实际大小图书的能力</strong>，这使得一些深度使用者在使用了几年后将遇到麻烦。这真是令人遗憾，只考虑了最初的小规模的使用情况良好，而忽略了<a href="http://asktog.com/columns/075AppleFlatlandPart1.html" target="_blank">大规模长期使用</a>的管理需要。</p>
<p>Kindle的书籍收集信息架构应该是简单的：</p>
<ul>
<li>书籍存放应该有两种状态：在读和存档。如果你保持在读书架很小，就相当容易管理了。但问题就转移到存档书籍的管理了。</li>
<li>每个状态都是图书线性列表，你能够通过字母顺序（或按标题和作者）和年代（上次看过的时间）排序。</li>
</ul>
<p>这些概念都是高度易学的。所以，开头几个月使用Kindle是一种享受。但可学性质是<a href="http://www.useit.com/alertbox/20030825.html" target="_blank">5个可用性标准</a>的一个，有经验的用户将会发现随着阅读书籍的增加他们会遇到更多困难。</p>
<p>希望Amazon已经开始计划开发一个更先进的信息架构，或许通过更好的硬件将能使用更强大的用户界面控件。Amazon确实有很多书籍的书籍，包括相关目录和书籍间的相似性。理想情况下，出版人也应该对他们自己的大量书籍在可寻性做出一些积极的改变（这是他们以前所不会担心的）。</p>
<h2>媒介的优化</h2>
<p>自从我1995起开始写Alertbox，<strong>为媒介设计</strong>这一主题就经常被提到。在最初，这意味着“不要把你的网站设计成华而不实的小册子”（<a class="old" title="Alertbox: Differences Between Print Design and Web Design" href="http://www.useit.com/alertbox/990124.html">print design is different than online design</a>.）</p>
<p>对于Kindle，简单的重复平面设计内容显然是不能接受的。但是你也同样不能直接显示网站设计内容。为了Kindle的良好可用性，你不得不单独为Kindle进行设计。写一个Kindle适合的标题和创建一个Kindle适合的结构是必须要去做的。</p>
<p>不要奇怪，事实上这是一个1995年的课程重新的2009年的设备上显示而已。<br />
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/06/23/%e8%a7%a6%e6%91%b8%e6%b8%b8%e6%88%8f%e8%bf%9b%e8%a1%8c%e6%97%b6/' title='触摸游戏进行时'>触摸游戏进行时</a></li>
<li><a href='http://gengrenjie.com/2009/06/05/%e6%84%9f%e7%9f%a5%e8%ae%be%e8%ae%a1%e6%97%b6%e4%bb%a3%e7%9a%84%e6%9d%a5%e4%b8%b4/' title='感知设计时代的来临'>感知设计时代的来临</a></li>
<li><a href='http://gengrenjie.com/2009/10/12/%e4%b8%80%e4%b8%aa%e6%83%8a%e4%ba%ba%e7%9a%84%e5%8f%91%e7%8e%b0%ef%bc%81/' title='一个惊人的发现！'>一个惊人的发现！</a></li>
<li><a href='http://gengrenjie.com/2009/08/25/iphone%e4%b9%9f%e5%8f%af%e4%bb%a5%e6%9c%89%e6%bb%9a%e5%8a%a8%e6%9d%a1%e5%90%97/' title='iPhone也可以有滚动条吗'>iPhone也可以有滚动条吗</a></li>
<li><a href='http://gengrenjie.com/2009/08/16/%e8%a7%86%e9%a2%91-pattie-maes-at-ted%ef%bc%9a%e7%ac%ac%e5%85%ad%e6%84%9f%e8%a3%85%e7%bd%ae%e6%bc%94%e7%a4%ba/' title='TED视频：Pattie Maes at TED:第六感装置演示'>TED视频：Pattie Maes at TED:第六感装置演示</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=535" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/06/18/kindle%e7%9a%84%e5%86%85%e5%ae%b9%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>什么是通用标签（Common Tag）？</title>
		<link>http://gengrenjie.com/2009/06/15/%e4%bb%80%e4%b9%88%e6%98%af%e9%80%9a%e7%94%a8%e6%a0%87%e7%ad%be%ef%bc%88common-tag%ef%bc%89%ef%bc%9f/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e4%25bb%2580%25e4%25b9%2588%25e6%2598%25af%25e9%2580%259a%25e7%2594%25a8%25e6%25a0%2587%25e7%25ad%25be%25ef%25bc%2588common-tag%25ef%25bc%2589%25ef%25bc%259f</link>
		<comments>http://gengrenjie.com/2009/06/15/%e4%bb%80%e4%b9%88%e6%98%af%e9%80%9a%e7%94%a8%e6%a0%87%e7%ad%be%ef%bc%88common-tag%ef%bc%89%ef%bc%9f/#comments</comments>
		<pubDate>Mon, 15 Jun 2009 12:01:24 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[common tag]]></category>
		<category><![CDATA[yahoo]]></category>
		<category><![CDATA[传统标签的局限]]></category>
		<category><![CDATA[译言]]></category>
		<category><![CDATA[通用标签]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=531</guid>
		<description><![CDATA[【译者：耿人杰 原文：http://www.commontag.org/About 作者：commontag.org】 同步发于译言：http://article.yeeyan.org/view/gengrenjie/46003 前言：通用标签由包括 AdaptiveBlue，DERI (NUI Galway)，Faviki， Freebase，Yahoo!，Zemanta 和 Zigtag 众多网络公司共同开发，Zemanta、Metaweb 与雅虎，给通用标签的格式增加了语义的标签，让人们更容易发现、关联和参与网络内容。 ———————————— 全文的分割线 ————————————— 传统标签系统的局限性 我们通常用标签来组织、分享和发现Web上的内容。然后，由于缺乏通用的标签格式，标签的优势被限制了。一些独立的对象，类似New York City，经常被其他许多词同时描述，如： “nyc”, “new_york_city”, and “newyork”，这使得要把相关内容组织在一起变得十分困难，并且在很多情况下用当前标签系统描述某些特殊对象时也变得很困难—“美洲虎”到底是代表一种动物、一个汽车公司还是一种操作系统？ 通用标签格式 通用标签格式能解决当前标签系统的缺陷，它能使所有人（包括最终用户、内容发布者、开发人员）从Web内容里挖掘出更多有用的东西。通过通用标签，内容被唯一且便于理解的方式组织起来，如：所有的关于New York City的内容都能被组织到一个以New York City为名的标签中，所有关于美洲虎这种动物的内容也都将被组织到“美洲虎 动物”标签下。通用标签也能提供有用的元数据（metadata）来描述各个对象间的相对关系。举例来说：对于通用标签“巴拉克 奥巴马”来说，有元数据（metadata）能表明他是美国总统，并且和米歇尔奥巴马是夫妻关系。 为什么使用通用标签？ 对于很多最终用户、内容发布者和开发人员而言，支持通用标签格式将使得Web内容产生如下改变： 更好的可寻性：随着时间流逝，通过一个标签可以找到越来越多的相关内容。作为更多依赖通用标签的应用程序开发者而言，他们将能把更多相关内容传递给他们的用户，而那些使用通用标签的内容发布者将会得到更多的流量。DERI’s Sindice.com提供开发者相关工具，并帮助他们将相关内容整合进应用程序。此外，诸如Yahoo和Google等搜索引擎开始使用RDFa—通用标签使用的标记标准（markup standard ）—来获得更多关于使用此标准的网站信息。Yahoo! SearchMonkey将使用这些信息来提高内容发布者的相关搜索结果表现，并给他们带来更多的流量。Google的最新富媒体（Rich Snippets）功能也使用类似的此类信息增强Google搜索结果。 更好的连接性：在单一网站或整个网络中，所有与某具体事物有关的内容都会被连接和组织到单一标签内。更重要的是，通用标签的元数据互相连接，这使得内容发布者和开发者向最终用户呈现出更多相关内容。如，一个内容发布者可以交叉推广（cross-promote）Katie Holmes和Tom Cruise的页面内容，因为通用标签表明他们是夫妻。 更吸引人的应用：通用标签是一个机器能理解的格式，这让内容发布者和开发者围绕着通用标签可以创建更吸引人的功能和应用。当应用程序可以确切地理解某一内容的含义时，它们就能提供用户更吸引人的体验。如，一个开发者开发了一个应用，它能提供关于电影星际旅行 （Star Trek）的内容，并且能允许用户直接通过该应用购买该电影的电影票。正是由于内容发布者和票务服务方都使用通用标签，这才使该应用能轻松地使两者相结合而不必猜测各自所包含内容的含义。 关于通用标签的更多信息 想了解更多内容，请看如何快速开始，完整技术指南或查看快速指南！ ———————————— 相关阅读分割线 ————————————— 雅虎搜索宣布支持通用标签(Common Tag)：http://www.yseeker.com/archives/1864.html Common Tag Brings Standards To [...]]]></description>
			<content:encoded><![CDATA[<p>【译者：<a href="http://gengrenjie.com" target="_blank">耿人杰</a> 原文：<a href="http://www.commontag.org/About">http://www.commontag.org/About</a> 作者：<a href="http://commontag.org" target="_blank">commontag.org</a>】</p>
<p>同步发于译言：<a href="http://article.yeeyan.org/view/gengrenjie/46003">http://article.yeeyan.org/view/gengrenjie/46003</a></p>
<p>前言：通用标签由包括 AdaptiveBlue，DERI (NUI Galway)，Faviki， Freebase，Yahoo!，Zemanta 和 Zigtag 众多网络公司共同开发，Zemanta、Metaweb 与雅虎，给通用标签的格式增加了语义的标签，让人们更容易发现、关联和参与网络内容。</p>
<p>———————————— 全文的分割线 —————————————</p>
<h2><strong>传统标签系统的局限性</strong></h2>
<p>我们通常用<a href="http://en.wikipedia.org/wiki/Tag_(metadata)" target="_blank">标签</a>来组织、分享和发现Web上的内容。然后，由于缺乏通用的标签格式，标签的优势被限制了。一些独立的对象，类似New York City，经常被其他许多词同时描述，如： “nyc”, “new_york_city”, and “newyork”，这使得要把相关内容组织在一起变得十分困难，并且在很多情况下用当前标签系统描述某些特殊对象时也变得很困难—“美洲虎”到底是代表一种动物、一个汽车公司还是一种操作系统？</p>
<h2><strong>通用标签格式</strong></h2>
<p>通用标签格式能解决当前标签系统的缺陷，它能使所有人（包括最终用户、内容发布者、开发人员）从Web内容里挖掘出更多有用的东西。通过通用标签，内容被唯一且便于理解的方式组织起来，如：所有的关于New York City的内容都能被组织到一个以New York City为名的标签中，所有关于美洲虎这种动物的内容也都将被组织到“美洲虎 动物”标签下。通用标签也能提供有用的元数据（metadata）来描述各个对象间的相对关系。举例来说：对于通用标签“巴拉克 奥巴马”来说，有元数据（metadata）能表明他是美国总统，并且和米歇尔奥巴马是夫妻关系。</p>
<h2><strong>为什么使用通用标签？</strong></h2>
<p>对于很多最终用户、内容发布者和开发人员而言，支持通用标签格式将使得Web内容产生如下改变：</p>
<ul>
<li><strong>更好的可寻性</strong>：随着时间流逝，通过一个标签可以找到越来越多的相关内容。作为更多依赖通用标签的应用程序开发者而言，他们将能把更多相关内容传递给他们的用户，而那些使用通用标签的内容发布者将会得到更多的流量。DERI’s Sindice.com提供开发者相关工具，并帮助他们将相关内容整合进应用程序。此外，诸如Yahoo和Google等搜索引擎开始使用<a class="external text" title="http://en.wikipedia.org/wiki/RDFa" href="http://en.wikipedia.org/wiki/RDFa">RDFa</a>—通用标签使用的标记标准（markup standard ）—来获得更多关于使用此标准的网站信息。Yahoo! SearchMonkey将使用这些信息来提高内容发布者的相关搜索结果表现，并给他们带来更多的流量。Google的最新富媒体（Rich Snippets）功能也使用类似的此类信息增强Google搜索结果。</li>
<li><strong>更好的连接性</strong>：在单一网站或整个网络中，所有与某具体事物有关的内容都会被连接和组织到单一标签内。更重要的是，通用标签的元数据互相连接，这使得内容发布者和开发者向最终用户呈现出更多相关内容。如，一个内容发布者可以交叉推广（cross-promote）Katie Holmes和Tom Cruise的页面内容，因为通用标签表明他们是夫妻。</li>
<li><strong>更吸引人的应用</strong>：通用标签是一个机器能理解的格式，这让内容发布者和开发者围绕着通用标签可以创建更吸引人的功能和应用。当应用程序可以确切地理解某一内容的含义时，它们就能提供用户更吸引人的体验。如，一个开发者开发了一个应用，它能提供关于电影星际旅行 （Star Trek）的内容，并且能允许用户直接通过该应用购买该电影的电影票。正是由于内容发布者和票务服务方都使用通用标签，这才使该应用能轻松地使两者相结合而不必猜测各自所包含内容的含义。</li>
</ul>
<h2><strong>关于通用标签的更多信息</strong></h2>
<p>想了解更多内容，请看<a href="http://www.commontag.org/QuickStartGuide" target="_blank">如何快速开始</a>，<a href="http://www.commontag.org/Specification" target="_blank">完整技术指南</a>或查看<a href="http://www.commontag.org/Get_Involved" target="_blank">快速指南</a>！</p>
<p>———————————— 相关阅读分割线 —————————————</p>
<p>雅虎搜索宣布支持通用标签(Common Tag)：<a href="http://www.yseeker.com/archives/1864.html">http://www.yseeker.com/archives/1864.html</a></p>
<p>Common Tag Brings Standards To Metadata：<a href="http://www.readwriteweb.com/archives/common_tag_brings_standards_to_metadata.php">http://www.readwriteweb.com/archives/common_tag_brings_standards_to_metadata.php</a><br />
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/06/25/%e7%bd%91%e7%bb%9c%e5%86%99%e4%bd%9c%e7%9a%849%e5%a4%a7%e7%a7%98%e8%af%80/' title='网络写作的9大秘诀'>网络写作的9大秘诀</a></li>
<li><a href='http://gengrenjie.com/2009/06/24/%e7%94%a8%e6%88%b7%e6%b5%8b%e8%af%95%ef%bc%9a%e7%9c%bc%e5%8a%a8%e8%b7%9f%e8%b8%aa%e5%92%8c%e5%87%ba%e5%a3%b0%e6%80%9d%e8%80%83/' title='用户测试：眼动跟踪和出声思考'>用户测试：眼动跟踪和出声思考</a></li>
<li><a href='http://gengrenjie.com/2009/06/23/%e8%a7%a6%e6%91%b8%e6%b8%b8%e6%88%8f%e8%bf%9b%e8%a1%8c%e6%97%b6/' title='触摸游戏进行时'>触摸游戏进行时</a></li>
<li><a href='http://gengrenjie.com/2009/06/23/%e5%a6%82%e4%bd%95%e8%af%b4%e6%9c%8d%e7%ae%a1%e7%90%86%e5%b1%82%e8%bf%9b%e8%a1%8c%e5%8f%af%e7%94%a8%e6%80%a7%e7%a0%94%e7%a9%b6/' title='如何说服管理层进行可用性研究'>如何说服管理层进行可用性研究</a></li>
<li><a href='http://gengrenjie.com/2009/06/22/%e5%8f%af%e7%94%a8%e6%80%a7%e5%92%8c%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e7%9a%84%e5%85%b3%e7%b3%bb/' title='可用性和用户体验的关系'>可用性和用户体验的关系</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=531" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/06/15/%e4%bb%80%e4%b9%88%e6%98%af%e9%80%9a%e7%94%a8%e6%a0%87%e7%ad%be%ef%bc%88common-tag%ef%bc%89%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>搜索结果筛选的设计</title>
		<link>http://gengrenjie.com/2009/05/22/%e6%90%9c%e7%b4%a2%e7%bb%93%e6%9e%9c%e7%ad%9b%e9%80%89%e7%9a%84%e8%ae%be%e8%ae%a1/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e6%2590%259c%25e7%25b4%25a2%25e7%25bb%2593%25e6%259e%259c%25e7%25ad%259b%25e9%2580%2589%25e7%259a%2584%25e8%25ae%25be%25e8%25ae%25a1</link>
		<comments>http://gengrenjie.com/2009/05/22/%e6%90%9c%e7%b4%a2%e7%bb%93%e6%9e%9c%e7%ad%9b%e9%80%89%e7%9a%84%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Fri, 22 May 2009 10:55:27 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户体验设计]]></category>
		<category><![CDATA[搜索结果筛选]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=359</guid>
		<description><![CDATA[全文导读： 搜索结果筛选的组成： 搜索分类 搜索建议 属性筛选/排序 视图选择 搜索结果筛选设计的几个原则： 所有的搜索结果筛选内容尽量靠近 各搜索结果筛选部分做视觉上的分隔 用尽量少的控件类型 文案简洁，减少用户理解的难度 —————————以下是正文—————————— 信息爆炸、丰饶经济学、长尾理论，这些新名词催生了“搜索”这个杀手级应用。经过20多年的发展，搜索已成为各种网站的标配功能。然而人们永远不会满足，他们已不满足于仅仅找到相关的信息，他们更期待搜索能够直接给出问题的答案，甚至可能是先修改错误问题再给出正确答案。在语义网技术没有成熟前，搜索结果筛选是可以想到的改善搜索体验的方法之一。 搜索结果筛选的设计通常是一组设计，其原理是通过对索引源进行不同维度的筛选，进而帮助用户理出正确的解题线索。 搜索结果筛选通常由几部分组成： 搜索分类 搜索建议 属性筛选/排序 视图选择 搜索结果筛选设计的几个原则： 所有的搜索结果筛选内容尽量靠近 阿里巴巴的搜索筛选利用了设计中的相近原则，相近的东西通常被认为是同类的内容 各搜索结果筛选部分做视觉上的分隔 淘宝的搜索分类、搜索建议、非排他性的属性筛选、排他性的属性筛选（排序）等都进行了视觉上的区隔，多而不乱 用尽量少的控件类型 左图Google搜索百宝箱将简洁做到了极致，右图verycd的筛选控件类型多，有些杂乱，也加大了理解的难度 文案简洁，减少用户理解的难度 左图是一个反面教材，文案有点绕，有图文字简洁配以图标就表达更清晰了 其他你可能感兴趣的: 暂时没有相关文章！ &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<div>
<h2>全文导读：</h2>
<p><strong>搜索结果筛选的组成：</strong></p>
<ul>
<li>搜索分类</li>
<li>搜索建议</li>
<li>属性筛选/排序</li>
<li>视图选择</li>
</ul>
<h2>搜索结果筛选设计的几个原则：</h2>
<ul>
<li>所有的搜索结果筛选内容尽量靠近</li>
<li>各搜索结果筛选部分做视觉上的分隔</li>
<li>用尽量少的控件类型</li>
<li>文案简洁，减少用户理解的难度</li>
</ul>
<p>—————————以下是正文——————————</p>
<p>信息爆炸、丰饶经济学、长尾理论，这些新名词催生了“搜索”这个杀手级应用。经过20多年的发展，搜索已成为各种网站的标配功能。然而人们永远不会满足，他们已不满足于仅仅找到相关的信息，他们更期待搜索能够直接给出问题的答案，甚至可能是先修改错误问题再给出正确答案。在语义网技术没有成熟前，搜索结果筛选是可以想到的改善搜索体验的方法之一。</p>
<p>搜索结果筛选的设计通常是一组设计，其原理是通过对索引源进行不同维度的筛选，进而帮助用户理出正确的解题线索。</p>
<h2>搜索结果筛选通常由几部分组成：</h2>
<ul style="text-align: left; ">
<li>搜索分类</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-375 aligncenter" title="搜索分类" src="http://gengrenjie.com/wp-content/uploads/2009/05/e6909ce7b4a2e58886e7b1bb3.jpg" alt="搜索分类" width="482" height="70" /></p>
<ul>
<li>搜索建议</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-374 aligncenter" title="搜索建议" src="http://gengrenjie.com/wp-content/uploads/2009/05/e6909ce7b4a2e5bbbae8aeae2.jpg" alt="搜索建议" width="492" height="29" /></p>
<ul>
<li>属性筛选/排序</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-376 aligncenter" title="属性排序" src="http://gengrenjie.com/wp-content/uploads/2009/05/e5b19ee680a7e68e92e5ba8f.jpg" alt="属性排序" width="438" height="44" /></p>
<p style="text-align: center;"><img class="size-full wp-image-377 aligncenter" title="属性排序1" src="http://gengrenjie.com/wp-content/uploads/2009/05/e5b19ee680a7e68e92e5ba8f1.jpg" alt="属性排序1" width="229" height="248" /></p>
<ul>
<li>视图选择</li>
</ul>
<p style="text-align: center;"><img class="size-full wp-image-378 aligncenter" title="视图" src="http://gengrenjie.com/wp-content/uploads/2009/05/e8a786e59bbe.jpg" alt="视图" width="110" height="31" /><img class="alignnone size-full wp-image-379" title="视图1" src="http://gengrenjie.com/wp-content/uploads/2009/05/e8a786e59bbe1.jpg" alt="视图1" width="87" height="75" /></p>
<h3>搜索结果筛选设计的几个原则：</h3>
<ul>
<li>所有的搜索结果筛选内容尽量靠近</li>
</ul>
<p style="text-align: center;">阿里巴巴的搜索筛选利用了设计中的相近原则，相近的东西通常被认为是同类的内容<br />
<img class="size-full wp-image-386 aligncenter" title="靠近1" src="http://gengrenjie.com/wp-content/uploads/2009/05/e99da0e8bf911.jpg" alt="靠近1" width="637" height="215" /></p>
<ul>
<li>各搜索结果筛选部分做视觉上的分隔</li>
</ul>
<p>淘宝的搜索分类、搜索建议、非排他性的属性筛选、排他性的属性筛选（排序）等都进行了视觉上的区隔，多而不乱
</p>
<p style="text-align: center;"><img class="size-full wp-image-392 aligncenter" title="e99da0e8bf912" src="http://gengrenjie.com/wp-content/uploads/2009/05/e99da0e8bf912.jpg" alt="e99da0e8bf912" width="623" height="289" /></p>
<ul>
<li>用尽量少的控件类型</li>
</ul>
<p>左图Google搜索百宝箱将简洁做到了极致，右图verycd的筛选控件类型多，有些杂乱，也加大了理解的难度</p></div>
<div><img class="size-full wp-image-382 aligncenter" title="控件少" src="http://gengrenjie.com/wp-content/uploads/2009/05/e68ea7e4bbb6e5b091.jpg" alt="控件少" width="112" height="329" /><img class="size-full wp-image-383 aligncenter" title="控件少1" src="http://gengrenjie.com/wp-content/uploads/2009/05/e68ea7e4bbb6e5b0911.jpg" alt="控件少1" width="545" height="94" /></p>
<ul>
<li>文案简洁，减少用户理解的难度</li>
</ul>
<p>左图是一个反面教材，文案有点绕，有图文字简洁配以图标就表达更清晰了</p>
<div><img class="size-full wp-image-381 aligncenter" title="文案简洁" src="http://gengrenjie.com/wp-content/uploads/2009/05/e69687e6a188e7ae80e6b4811.jpg" alt="文案简洁" width="131" height="123" /><img class="size-full wp-image-385 aligncenter" title="文案简洁1" src="http://gengrenjie.com/wp-content/uploads/2009/05/e69687e6a188e7ae80e6b48111.jpg" alt="文案简洁1" width="145" height="134" /></div>
</div>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li>暂时没有相关文章！</li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=359" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/05/22/%e6%90%9c%e7%b4%a2%e7%bb%93%e6%9e%9c%e7%ad%9b%e9%80%89%e7%9a%84%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何使用A/B测试？</title>
		<link>http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e5%25a6%2582%25e4%25bd%2595%25e5%2588%25a9%25e7%2594%25a8ab%25e6%25b5%258b%25e8%25af%2595%25ef%25bc%259f</link>
		<comments>http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/#comments</comments>
		<pubDate>Wed, 20 May 2009 05:04:54 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[WEB开发]]></category>
		<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户研究]]></category>
		<category><![CDATA[A/B测试]]></category>
		<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=335</guid>
		<description><![CDATA[A/B测试在wikipedia上的定义： A/B testing, or split testing, is a method of advertising testing by which a baseline control sample is compared to a variety of single-variable test samples in order to improve response rates. A classic direct mail tactic, this method has been recently adopted within the interactive space to test tactics such as banner ads, [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-medium wp-image-337 aligncenter" title="A/B测试" src="http://gengrenjie.com/wp-content/uploads/2009/05/2164167813_d064804fee-300x175.jpg" alt="A/B测试" width="300" height="175" /></p>
<h2>A/B测试在wikipedia上的定义：</h2>
<p>A/B testing, or split testing, is a method of advertising testing by which a baseline control sample is compared to a variety of single-variable test samples in order to improve response rates. A classic direct mail tactic, this method has been recently adopted within the interactive space to test tactics such as banner ads, emails and landing pages.<br />
Significant improvements can be seen through testing elements like copy text, layouts, images and colors. However, not all elements produce the same improvements, and by looking at the results from different tests, it is possible to identify those elements that consistently tend to produce the greatest improvements.</p>
<p>既然是“a method of advertising testing”，再来看看在Adwords Help里的定义：</p>
<p>An A/B experiment allows you to test the performance of two (or more!) entirely different versions of a page. Start with your original test page &#8212; the page whose content you want to test &#8212; then create alternate versions of that page. You can change the content of a page, alter the look and feel, or move around the layout of your alternate pages &#8212; whatever you choose. We&#8217;ll vary traffic to your original page and your alternate versions, to see what users respond to best.</p>
<h2>A/B测试使用范围：</h2>
<p>A/B测试其实不单可评判网络广告有效性，在评估交互设计、信息架构有效性时同样可以使用。</p>
<h2>A/B测试局限性：</h2>
<ul>
<li>只适用于那些有着一个清晰、且各方面都很重要的目标的项目</li>
<li>每次只能更改一个变量，当影响要素很多、关系复杂时会有干扰</li>
<li>只能使用完全实施好了的设计，这对于成本是一个考验</li>
</ul>
<h2>A/B测试注意事项：</h2>
<ul>
<li>每一次就更改一个元素</li>
<li>A/B测试的时间应该在同一个时间区域</li>
<li>A/B测试的单元应该使用相同的分析指标</li>
<li>A/B测试的单元应该针对相同的客户群体</li>
<li>使用权重，避免一个未知的处理危险你的业务底线</li>
</ul>
<h2>其他参考：</h2>
<ul>
<li>A/B测试介绍：<a href="http://www.yeeyan.com/articles/view/66821/34254">http://www.yeeyan.com/articles/view/66821/34254</a></li>
<li>实施A/B测试：<a href="http://www.yeeyan.com/articles/view/66821/34293">http://www.yeeyan.com/articles/view/66821/34293</a></li>
<li>把A/B测试放在正确的位置上：<a href="http://www.far2go.cn/blog/post/putting-AB-testing-in-its-place.html">http://www.far2go.cn/blog/post/putting-AB-testing-in-its-place.html</a></li>
</ul>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/' title='线框图的制作原则'>线框图的制作原则</a></li>
<li><a href='http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/' title='隐喻的探索'>隐喻的探索</a></li>
<li><a href='http://gengrenjie.com/2010/04/26/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e5%b8%88%e8%83%bd%e5%8a%9b%e7%b4%a0%e8%b4%a8%e6%a8%a1%e5%9e%8b/' title='交互设计师能力素质模型'>交互设计师能力素质模型</a></li>
<li><a href='http://gengrenjie.com/2010/01/21/checkout%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1%ef%bc%9a%e4%b8%80%e6%ad%a5%e8%b5%b0%e8%bf%98%e6%98%af%e5%9b%9b%e6%ad%a5%e8%b5%b0/' title='Checkout产品设计：一步走还是四步走'>Checkout产品设计：一步走还是四步走</a></li>
<li><a href='http://gengrenjie.com/2009/10/19/%e5%8f%af%e9%87%8d%e7%94%a8%e6%80%a7%e8%ae%be%e8%ae%a1%e5%87%86%e5%88%99/' title='可重用性设计准则'>可重用性设计准则</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=335" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>线框图的制作原则</title>
		<link>http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e7%25ba%25bf%25e6%25a1%2586%25e5%259b%25be%25e7%259a%2584%25e5%2588%25b6%25e4%25bd%259c%25e5%258e%259f%25e5%2588%2599</link>
		<comments>http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/#comments</comments>
		<pubDate>Sun, 17 May 2009 01:05:09 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户体验设计]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[线框图]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=326</guid>
		<description><![CDATA[不管在交互设计还是信息架构中，线框图（wireframe）都是表达细致想法的一个好方式。但此文不是手把手教你如何制作线框图，而是讲述制作线框图的一些原则： 一致性是关键，尤其是展示许多线框图时。这样可以确保客户被你的线框图的专业性所感染。更重要的是，同事将很快接纳线框图，所以，一致性让他们的设计和实施更加顺利。 Visio或其他一些原型设计工具可以支持背景图层，让你可以重复利用导航条和页面布局，以供复用。同样地，模板特色也能让你维护一组标准的绘图对象库，用来描述网页的元素。 留白是为了记下网页元素的有效使用方法，记得在线框图周边和顶端留出空间。 就像其他输出结果一样，线框图应该可用且要进行专业开发。所以，要把所有框架图和网页数目、网页标题、项目标题以及最新修改日期结合起来。 一旦有多名以上信息架构师在做项目的线框图，要确立开发、共享和维护共用模板的机制。 其他你可能感兴趣的: 如何使用A/B测试？ 隐喻的探索 交互设计师能力素质模型 可重用性设计准则 信息质量：不仅仅是排版 &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="size-medium wp-image-330 aligncenter" title="白板线框图" src="http://gengrenjie.com/wp-content/uploads/2009/05/1555541-300x224.jpg" alt="白板线框图" width="300" height="224" /></p>
<p>不管在交互设计还是信息架构中，线框图（wireframe）都是表达细致想法的一个好方式。但此文不是手把手教你如何制作线框图，而是讲述制作线框图的一些原则：</p>
<ul>
<li>一致性是关键，尤其是展示许多线框图时。这样可以确保客户被你的线框图的专业性所感染。更重要的是，同事将很快接纳线框图，所以，一致性让他们的设计和实施更加顺利。</li>
<li>Visio或其他一些原型设计工具可以支持背景图层，让你可以重复利用导航条和页面布局，以供复用。同样地，模板特色也能让你维护一组标准的绘图对象库，用来描述网页的元素。</li>
<li>留白是为了记下网页元素的有效使用方法，记得在线框图周边和顶端留出空间。</li>
<li>就像其他输出结果一样，线框图应该可用且要进行专业开发。所以，要把所有框架图和网页数目、网页标题、项目标题以及最新修改日期结合起来。</li>
<li>一旦有多名以上信息架构师在做项目的线框图，要确立开发、共享和维护共用模板的机制。</li>
</ul>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/' title='如何使用A/B测试？'>如何使用A/B测试？</a></li>
<li><a href='http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/' title='隐喻的探索'>隐喻的探索</a></li>
<li><a href='http://gengrenjie.com/2010/04/26/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e5%b8%88%e8%83%bd%e5%8a%9b%e7%b4%a0%e8%b4%a8%e6%a8%a1%e5%9e%8b/' title='交互设计师能力素质模型'>交互设计师能力素质模型</a></li>
<li><a href='http://gengrenjie.com/2009/10/19/%e5%8f%af%e9%87%8d%e7%94%a8%e6%80%a7%e8%ae%be%e8%ae%a1%e5%87%86%e5%88%99/' title='可重用性设计准则'>可重用性设计准则</a></li>
<li><a href='http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/' title='信息质量：不仅仅是排版'>信息质量：不仅仅是排版</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=326" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>隐喻的探索</title>
		<link>http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e9%259a%2590%25e5%2596%25bb%25e7%259a%2584%25e6%258e%25a2%25e7%25b4%25a2</link>
		<comments>http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/#comments</comments>
		<pubDate>Tue, 12 May 2009 09:22:59 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[用户体验设计]]></category>
		<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=308</guid>
		<description><![CDATA[什么是隐喻：隐喻是传达复杂想法、产生热情的有力工具。根据提出熟知的事物与未知事物两者间的对应及创意关系，隐喻能够解释说明、引发兴趣，并产生说服力。 举例：信息高速公路，把这个与信息有关的陌生概念比喻成人人熟悉的高速公路基础设施。 在信息架构和网站设计上，隐喻通常是有力的传达信息的方式之一，有三种是最常用的： 组织型隐喻：善用对某个系统的组织的熟悉程度，快速理解新系统的组织。例如，当你参观一个汽车代理商时，可选择新车买卖、旧车买卖、维修和服务，或者零件供应等。一般人对汽车代理商的组织方式都有一个心智模型。如果你为汽车代理做个网站，借用该模型是很正确的方式。 功能型隐喻：利用你能在传统环境中执行的任务与在新环境中能够执行的任务之间建立联系。例如，进入一个传统图书馆时，你可以浏览书架、搜索目录，或者向图书管理员求助等等。因此，很多图书馆网站把这些任务作为选项给用户使用。 视觉型隐喻：利用某些用户对图形的熟悉度，包括颜色、图标和颜色等，建立与新元素的联系。如，在线黄页地址，采用黄色背景和电话图标等等。 隐喻需要测试，要针对大多数人的想法做严格的检查。身为信息架构师和网站设计师，要懂得利用隐喻来增强你的力量，但也切忌滥用隐喻。 其他你可能感兴趣的: 如何使用A/B测试？ 线框图的制作原则 交互设计师能力素质模型 可重用性设计准则 信息质量：不仅仅是排版 &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<p><strong>什么是隐喻：</strong>隐喻是传达复杂想法、产生热情的有力工具。根据提出熟知的事物与未知事物两者间的对应及创意关系，隐喻能够解释说明、引发兴趣，并产生说服力。</p>
<p><strong>举例：</strong>信息高速公路，把这个与信息有关的陌生概念比喻成人人熟悉的高速公路基础设施。</p>
<p>在信息架构和网站设计上，隐喻通常是有力的传达信息的方式之一，有三种是最常用的：</p>
<ul>
<li><strong>组织型隐喻：</strong>善用对某个系统的组织的熟悉程度，快速理解新系统的组织。例如，当你参观一个汽车代理商时，可选择新车买卖、旧车买卖、维修和服务，或者零件供应等。一般人对汽车代理商的组织方式都有一个心智模型。如果你为汽车代理做个网站，借用该模型是很正确的方式。</li>
<li><strong>功能型隐喻：</strong>利用你能在传统环境中执行的任务与在新环境中能够执行的任务之间建立联系。例如，进入一个传统图书馆时，你可以浏览书架、搜索目录，或者向图书管理员求助等等。因此，很多图书馆网站把这些任务作为选项给用户使用。</li>
<li><strong>视觉型隐喻：</strong>利用某些用户对图形的熟悉度，包括颜色、图标和颜色等，建立与新元素的联系。如，在线黄页地址，采用黄色背景和电话图标等等。</li>
</ul>
<p>隐喻需要测试，要针对大多数人的想法做严格的检查。身为信息架构师和网站设计师，要懂得利用隐喻来增强你的力量，但也切忌滥用隐喻。<br />
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/' title='如何使用A/B测试？'>如何使用A/B测试？</a></li>
<li><a href='http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/' title='线框图的制作原则'>线框图的制作原则</a></li>
<li><a href='http://gengrenjie.com/2010/04/26/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e5%b8%88%e8%83%bd%e5%8a%9b%e7%b4%a0%e8%b4%a8%e6%a8%a1%e5%9e%8b/' title='交互设计师能力素质模型'>交互设计师能力素质模型</a></li>
<li><a href='http://gengrenjie.com/2009/10/19/%e5%8f%af%e9%87%8d%e7%94%a8%e6%80%a7%e8%ae%be%e8%ae%a1%e5%87%86%e5%88%99/' title='可重用性设计准则'>可重用性设计准则</a></li>
<li><a href='http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/' title='信息质量：不仅仅是排版'>信息质量：不仅仅是排版</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=308" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>信息架构中的组织系统</title>
		<link>http://gengrenjie.com/2009/04/23/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84%e4%b8%ad%e7%9a%84%e7%bb%84%e7%bb%87%e7%b3%bb%e7%bb%9f/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=%25e4%25bf%25a1%25e6%2581%25af%25e6%259e%25b6%25e6%259e%2584%25e4%25b8%25ad%25e7%259a%2584%25e7%25bb%2584%25e7%25bb%2587%25e7%25b3%25bb%25e7%25bb%259f</link>
		<comments>http://gengrenjie.com/2009/04/23/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84%e4%b8%ad%e7%9a%84%e7%bb%84%e7%bb%87%e7%b3%bb%e7%bb%9f/#comments</comments>
		<pubDate>Thu, 23 Apr 2009 09:50:50 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[信息组织]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=250</guid>
		<description><![CDATA[以下信息摘自《Web信息架构》（北极熊书），介绍了作为信息架构的重要组成部分的组织系统的相关知识，个人加以总结和简化。 &#8212;&#8212;&#8212;&#8212;&#8212;&#8212; 我们对世界的理解多半是取决于组织信息的能力。身为信息架构师，我们组织信息，使得他人能够找到其问题的答案。 信息组织的挑战 模糊性：语言具有模糊性，字词的理解方式不止一种，番茄是水果还是蔬菜？ 异质性：某事物由不相关的部分组成，网站常有图片、文字、视频、音频等。 不同观点的差异性：营销、销售、客户支持、人力资源的想法肯定是不同的。 公司内部的政治文化：架构师要平衡信息组织固有的力量和立场。 组织系统是由组织体系和组织结构组成的。组织体系：定义内容条目之间共享的特性，而且会影响这些条目的逻辑分组方式。组织结构：定义内容条目和群组之间的关系类型。 组织体系（Organization Schemes） 精确性组织体系（容易设计、维护）： 按字母顺序：百科学、辞典、电话簿、图书馆、部门名册等等。 按年表：新闻、历史、电视节目表等对时间取得共识的体系等。 按地理位置：口碑、大众点评等本地搜索，基于LBS的移动交友等。 模糊性组织体系（更符合心智，引发联想式学习）： 按主题：门户网站是最明显的例子。 按任务：ebay、淘宝等电子商务网站（买、卖、社区、帮助）。 按用户：Dell网站从入口就区分了企业用户、个人用户及政府用户。 按隐喻：通常在给小孩做的网站可以看到，Windows里的文件夹、文件、回收站也是很好的例子。 混用：结合各种组织体系的优点往往能够做出良好的组织体系设计。 组织结构（Organization Structure） 等级式：自上而下的做法，可以理解为树形结构，注意类别间的彼此互斥以及层级的广度和深度间的平衡。 数据库模式：自下而上的做法，用于较高同质性的结构中，如产品目录、员工名册等。 超文本：高度非线性，通常会是超媒体系统（文字、视频、图像、音频等），可作为等级式和数据库模式的补充。 大众分类：源于web2.0热潮的各类UGC，del.icio.us和Flickr的按tag的结构设计。 几个原则： 组织系统通常是复杂的，你必须考虑各种精确性和模糊性的组织体系，也要考虑各种组织体系下的结构所产生的浏览效果。 思考组织体系时，记住精确性体系和模糊性体系的差别。前者适用于已知条目搜索，用户已经知道要找什么。后者适合浏览和联想式学习网站，用户对其信息需求不明确。 思考组织结构时，记住大型网站都几乎用到多种结构。顶端、伞状的架构几乎都是等级式架构，而等级系统中的同质部分又是数据库模式的典型。当内容间需要创造性关系时，可以想到超文本。 其他你可能感兴趣的: 信息质量：不仅仅是排版 如何使用A/B测试？ 线框图的制作原则 隐喻的探索 什么是信息架构？ &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<p>以下信息摘自<a href="http://www.douban.com/subject/3169342/" target="_blank">《Web信息架构》</a>（北极熊书），介绍了作为信息架构的重要组成部分的组织系统的相关知识，个人加以总结和简化。</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<p>我们对世界的理解多半是取决于组织信息的能力。身为信息架构师，我们组织信息，使得他人能够找到其问题的答案。</p>
<h2>信息组织的挑战</h2>
<ul>
<li><strong>模糊性</strong>：语言具有模糊性，字词的理解方式不止一种，番茄是水果还是蔬菜？</li>
<li><strong>异质性</strong>：某事物由不相关的部分组成，网站常有图片、文字、视频、音频等。</li>
<li><strong>不同观点的差异性</strong>：营销、销售、客户支持、人力资源的想法肯定是不同的。</li>
<li><strong>公司内部的政治文化</strong>：架构师要平衡信息组织固有的力量和立场。</li>
</ul>
<p><span style="font-weight: normal;">组织系统是由组织体系和组织结构组成的。组织体系：定义内容条目之间共享的特性，而且会影响这些条目的逻辑分组方式。组织结构：定义内容条目和群组之间的关系类型。</span></p>
<h2>组织体系（Organization Schemes）</h2>
<p>精确性组织体系（容易设计、维护）：</p>
<ul>
<li><strong>按字母顺序</strong>：百科学、辞典、电话簿、图书馆、部门名册等等。</li>
<li><strong>按年表</strong>：新闻、历史、电视节目表等对时间取得共识的体系等。</li>
<li><strong>按地理位置</strong>：口碑、大众点评等本地搜索，基于LBS的移动交友等。</li>
</ul>
<p>模糊性组织体系（更符合心智，引发联想式学习）：</p>
<ul>
<li><strong>按主题</strong>：门户网站是最明显的例子。</li>
<li><strong>按任务</strong>：ebay、淘宝等电子商务网站（买、卖、社区、帮助）。</li>
<li><strong>按用户</strong>：Dell网站从入口就区分了企业用户、个人用户及政府用户。</li>
<li><strong>按隐喻</strong>：通常在给小孩做的网站可以看到，Windows里的文件夹、文件、回收站也是很好的例子。</li>
<li><strong>混用</strong>：结合各种组织体系的优点往往能够做出良好的组织体系设计。</li>
</ul>
<h2>组织结构（Organization Structure）</h2>
<ul>
<li><strong>等级式</strong>：自上而下的做法，可以理解为树形结构，注意类别间的彼此互斥以及层级的广度和深度间的平衡。</li>
<li><strong>数据库模式</strong>：自下而上的做法，用于较高同质性的结构中，如产品目录、员工名册等。</li>
<li><strong>超文本</strong>：高度非线性，通常会是超媒体系统（文字、视频、图像、音频等），可作为等级式和数据库模式的补充。</li>
<li><strong>大众分类</strong>：源于web2.0热潮的各类UGC，del.icio.us和Flickr的按tag的结构设计。</li>
</ul>
<h2>几个原则：</h2>
<ul>
<li>组织系统通常是复杂的，你必须考虑各种精确性和模糊性的组织体系，也要考虑各种组织体系下的结构所产生的浏览效果。</li>
<li>思考组织体系时，记住精确性体系和模糊性体系的差别。前者适用于已知条目搜索，用户已经知道要找什么。后者适合浏览和联想式学习网站，用户对其信息需求不明确。</li>
<li>思考组织结构时，记住大型网站都几乎用到多种结构。顶端、伞状的架构几乎都是等级式架构，而等级系统中的同质部分又是数据库模式的典型。当内容间需要创造性关系时，可以想到超文本。</li>
</ul>
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/' title='信息质量：不仅仅是排版'>信息质量：不仅仅是排版</a></li>
<li><a href='http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/' title='如何使用A/B测试？'>如何使用A/B测试？</a></li>
<li><a href='http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/' title='线框图的制作原则'>线框图的制作原则</a></li>
<li><a href='http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/' title='隐喻的探索'>隐喻的探索</a></li>
<li><a href='http://gengrenjie.com/2009/04/16/244/' title='什么是信息架构？'>什么是信息架构？</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=250" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/04/23/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84%e4%b8%ad%e7%9a%84%e7%bb%84%e7%bb%87%e7%b3%bb%e7%bb%9f/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>什么是信息架构？</title>
		<link>http://gengrenjie.com/2009/04/16/244/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=244</link>
		<comments>http://gengrenjie.com/2009/04/16/244/#comments</comments>
		<pubDate>Thu, 16 Apr 2009 06:50:17 +0000</pubDate>
		<dc:creator>耿 人杰</dc:creator>
				<category><![CDATA[信息架构]]></category>

		<guid isPermaLink="false">http://gengrenjie.com/?p=244</guid>
		<description><![CDATA[摘自：Web信息架构（北极熊书） 信息架构的定义： 信息架构（in-for-ma-tion ar-chi-tec-ture）词性：名词 共享信息环境的结构化设计。 网站和企业网络的组织系统、标签系统、搜索系统、以及导航系统的组合。 创建信息产品和体验的艺术和科学，以提供可用性和可寻性。 一种新兴的实践性学科群体，目的是把设计和建筑学的原理带进数字领域中。 我们无法提供单一、有力、全方位的定义，这正好说明为什么设计一个优良的网站会如此困难的线索之一。我们要讨论语言和表达中固有的困难。没有文件能够全面而精确地表达创造“信息架构”一词的作者的愿意。也没有什么文字或定义可以完全概括文件中描述的意义。而且每个人在阅读文件、了解定义或文字时，不会以完全相同的方式理解。文字和意义之间的关系是最微妙的。 其他你可能感兴趣的: 信息质量：不仅仅是排版 如何使用A/B测试？ 线框图的制作原则 隐喻的探索 信息架构中的组织系统 &#169;2012 耿人杰的网络日志. 知识共享署名-非商业性使用-禁止演绎..]]></description>
			<content:encoded><![CDATA[<p>摘自：Web信息架构（北极熊书）</p>
<p><a href="http://www.douban.com/subject/3169342/"><img style="border:0" src="http://otho.douban.com/mpic/s3431996.jpg" alt="" /></a></p>
<p>信息架构的定义：</p>
<p>信息架构（in-for-ma-tion ar-chi-tec-ture）词性：名词</p>
<ol>
<li>共享信息环境的结构化设计。</li>
<li>网站和企业网络的组织系统、标签系统、搜索系统、以及导航系统的组合。</li>
<li>创建信息产品和体验的艺术和科学，以提供可用性和可寻性。</li>
<li>一种新兴的实践性学科群体，目的是把设计和建筑学的原理带进数字领域中。</li>
</ol>
<p>我们无法提供单一、有力、全方位的定义，这正好说明为什么设计一个优良的网站会如此困难的线索之一。我们要讨论语言和表达中固有的困难。没有文件能够全面而精确地表达创造“信息架构”一词的作者的愿意。也没有什么文字或定义可以完全概括文件中描述的意义。而且每个人在阅读文件、了解定义或文字时，不会以完全相同的方式理解。文字和意义之间的关系是最微妙的。<br />
<h3 class='related_post_title'>其他你可能感兴趣的:</h3>
<ul class='related_post'>
<li><a href='http://gengrenjie.com/2009/08/18/%e4%bf%a1%e6%81%af%e8%b4%a8%e9%87%8f%ef%bc%9a%e4%b8%8d%e4%bb%85%e4%bb%85%e6%98%af%e6%8e%92%e7%89%88/' title='信息质量：不仅仅是排版'>信息质量：不仅仅是排版</a></li>
<li><a href='http://gengrenjie.com/2009/05/20/%e5%a6%82%e4%bd%95%e5%88%a9%e7%94%a8ab%e6%b5%8b%e8%af%95%ef%bc%9f/' title='如何使用A/B测试？'>如何使用A/B测试？</a></li>
<li><a href='http://gengrenjie.com/2009/05/17/%e7%ba%bf%e6%a1%86%e5%9b%be%e7%9a%84%e5%88%b6%e4%bd%9c%e5%8e%9f%e5%88%99/' title='线框图的制作原则'>线框图的制作原则</a></li>
<li><a href='http://gengrenjie.com/2009/05/12/%e9%9a%90%e5%96%bb%e7%9a%84%e6%8e%a2%e7%b4%a2/' title='隐喻的探索'>隐喻的探索</a></li>
<li><a href='http://gengrenjie.com/2009/04/23/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84%e4%b8%ad%e7%9a%84%e7%bb%84%e7%bb%87%e7%b3%bb%e7%bb%9f/' title='信息架构中的组织系统'>信息架构中的组织系统</a></li>
</ul>
<p>&copy;2012 <a href="http://gengrenjie.com">耿人杰的网络日志</a>. 知识共享署名-非商业性使用-禁止演绎.</p>. <img src="http://gengrenjie.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=244" width="1" height="1" style="display: none;" />]]></content:encoded>
			<wfw:commentRss>http://gengrenjie.com/2009/04/16/244/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

