<?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.86ue.com/archives/tag/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84/feed" rel="self" type="application/rss+xml" />
	<link>http://www.86ue.com</link>
	<description>UED web2.0 前端技术 用户体验 SEO 80后</description>
	<lastBuildDate>Sun, 14 Mar 2010 14:02:08 +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>《web信息架构》-组织系统</title>
		<link>http://www.86ue.com/archives/350</link>
		<comments>http://www.86ue.com/archives/350#comments</comments>
		<pubDate>Sat, 14 Nov 2009 05:36:31 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[设计杂谈]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[信息架构]]></category>
		<category><![CDATA[组织系统]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=350</guid>
		<description><![CDATA[组织系统＝组织体系+组织结构

组织体系＝说白了就是具体到研究单个页面内容的排列方法如何更合理性、可用性，操作性。
页面内容涉及包括：网站首页、分页、列表、表单、搜索结果页面等页面中各元素之间的布局。

组织结构＝说白了就是研究网站每个页面之间的逻辑关系，主要体现在交互功能上。
逻辑关系涉及包括：网站地图、交互过程、数据库结构、标签分类。

组织体系
精确性：按年月，地理，字母等地球人有通用标准的名词。
模糊性：每个人对每件事都有自己的认识和表达，如何做好这类用户的整合，通过分主题类(概念)、任务(目的)、用户(需求)、隐喻(联想)、混用(前面几个适而用之)。

组织结构
等级式：自上而下的做法，简单的说让公司来做网站地图，引导用户使用网站。
数据库模式：自下而上的做法，简单的说让大多数用户的习惯或者说问题所产生的数据，再通过这些数据来引导和解决用户进行使用浏览网站.]]></description>
			<content:encoded><![CDATA[<p>组织系统＝组织体系+组织结构</p>
<p>组织体系＝说白了就是具体到研究单个页面内容的排列方法如何更合理性、可用性，操作性。<br />
页面内容涉及包括：网站首页、分页、列表、表单、搜索结果页面等页面中各元素之间的布局。</p>
<p>组织结构＝说白了就是研究网站每个页面之间的逻辑关系，主要体现在交互功能上。<br />
逻辑关系涉及包括：网站地图、交互过程、数据库结构、标签分类。</p>
<p>组织体系<br />
精确性：按年月，地理，字母等地球人有通用标准的名词。<br />
模糊性：每个人对每件事都有自己的认识和表达，如何做好这类用户的整合，通过分主题类(概念)、任务(目的)、用户(需求)、隐喻(联想)、混用(前面几个适而用之)。</p>
<p>组织结构<br />
等级式：自上而下的做法，简单的说让公司来做网站地图，引导用户使用网站。<br />
数据库模式：自下而上的做法，简单的说让大多数用户的习惯或者说问题所产生的数据，再通过这些数据来引导和解决用户进行使用浏览网站.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/350/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>《Web信息架构》-标签系统</title>
		<link>http://www.86ue.com/archives/346</link>
		<comments>http://www.86ue.com/archives/346#comments</comments>
		<pubDate>Sat, 14 Nov 2009 05:29:45 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[视觉设计]]></category>
		<category><![CDATA[设计杂谈]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[信息架构]]></category>
		<category><![CDATA[标签系统]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=346</guid>
		<description><![CDATA[标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。

<img src="http://www.86ue.com/download/blog/200911/Sc9GLwR7UJoOpkY.png" alt="null" />

图1(典型的标签)

这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。

<img src="http://www.86ue.com/download/blog/200911/OTPzcjnhPxVZypH.png" alt="null" />

图2(看到这类标签，能想到哪些内容会在相应的标签中呢？)

<strong>标签的分类</strong>

情景式链接：简单说指定的类中放相关的内容。比如看到挂着[化学品]三个字的仓库，没进仓库前就可能联想到三聚氰酸、苏丹红这类。反过来，如果先进仓库看到三聚氰酸、苏丹红，等走出仓库却看到 [食品仓库]时，一定会让人费解。再比如一个论坛的[股票]栏目和一个财经网站的[股票]栏目，在这两个不同情景下（前一种讨论股票后一种观察股票），一个标签的概念就会更让人容易理解。

标题：比如文章的题目、新闻列表的编号、项目符号(CSS中list-style-type)、图片，这类标签还能区分内容的结构层次。比如注册时的第一步，第二步；读文章时的第一节，第二节。]]></description>
			<content:encoded><![CDATA[<p>标签可以是字、词、词组、一段文字也可以是图片，是一种概念或内容模块的说明或指引（如图１），传递用户并理解。别小看理解，就如同组织系统中说的每个用户对所看到的内容都会有不同的理解，如何做到真的让用户理解你设计的标签是比防偷菜还难的事。</p>
<p><img src="http://www.86ue.com/download/blog/200911/Sc9GLwR7UJoOpkY.png" alt="null" /></p>
<p>图1(典型的标签)</p>
<p>这个例子可能会觉的这类标签比较简单，容易理解，但要为一些相对专业性的网站做这类标签就抓狂了，比如：金融，医药，教育，政府（如图２）。</p>
<p><img src="http://www.86ue.com/download/blog/200911/OTPzcjnhPxVZypH.png" alt="null" /></p>
<p>图2(看到这类标签，能想到哪些内容会在相应的标签中呢？)</p>
<p><strong>标签的分类</strong></p>
<p>情景式链接：简单说指定的类中放相关的内容。比如看到挂着[化学品]三个字的仓库，没进仓库前就可能联想到三聚氰酸、苏丹红这类。反过来，如果先进仓库看到三聚氰酸、苏丹红，等走出仓库却看到 [食品仓库]时，一定会让人费解。再比如一个论坛的[股票]栏目和一个财经网站的[股票]栏目，在这两个不同情景下（前一种讨论股票后一种观察股票），一个标签的概念就会更让人容易理解。</p>
<p>标题：比如文章的题目、新闻列表的编号、项目符号(CSS中list-style-type)、图片，这类标签还能区分内容的结构层次。比如注册时的第一步，第二步；读文章时的第一节，第二节。</p>
<p>导航系统的标签：这个比较常见，就是网站栏目名，关键要分类好相应栏目所包括的内容和取好这个栏目的名字，尽量用一些互联网上常见的匹配，比如[公司新闻]就公司新闻，别写什么[大事记]，[搜索]就搜索，别写[寻找]，别玩概念。如果一定要玩概念，书中还介绍了范围批注的一种方法，就是花时间介绍网站各个[栏目名]的意思，不过现在大多网站通过[网站地图]更清楚的分清栏目的所包括的内容。</p>
<p>索引术语：将网站中的内容纯粹通过一个个标签的形式组织并列出来，方便有目的用户找到相关标签或让没目的用户看到推荐标签，比如（图3），不过还有一种意义是通过设计好的标签，方便搜索引擎寻找，说白了就如同在GOOGLE搜索关键字的作用(keywords)。</p>
<p><img src="http://www.86ue.com/download/blog/200911/JUERSKSM394JM.gif" alt="null" /></p>
<p>图3（这就是书中例子的变种）</p>
<p>图标型：通过图形来说明文字表达的内容，这类用法在专业性强的网站上比较受用，所在的情景范围越小就越能突出图形所代表的文字内容。比如你在旅游网站上看到飞机类的图标会想到什么？在一个门户网站上看到飞机类的图标又会想到什么呢？</p>
<p><strong>设计标签</strong></p>
<p>尽量窄化范围：这是通过减少网站所涉及的范围，整理网站栏目概念，甚至减少网站内容。</p>
<p>开发一致的标签系统，而非标签：比如网站首页的栏目和内页的栏目包括命名和顺序都应该是一致的。</p>
<p>一致性会受到很多因素的影响：风格（标点符号，大小写）、版面形式（内容页的文章有一致的风格）、语法（口气一致）、粒度（代表特定内涵）、理解度（帮助用户想到网站能提供的给Ta内容）、用户（为不同的用户独立设计标签系统，即使这些系统说的都是同样的东西）</p>
<p><strong>标签系统的来源</strong></p>
<p>你的网站：做网站时的资料，比如公司要把那些资料，内容放到网上去，按资料属性分分类，按资料格式分分类，按资料作用也分分类，还有，标签＝目的地的标题＝目的地网页的TITLE。</p>
<p>找同行竞争对手：向QPAI学习做BE TO SEE</p>
<p>受控词表及叙词表：这概念就是些专业的人给一些特定领域制定了一些精确的表达方式，并且词汇通常是公开的，而且被广泛使用。比如有“沙发”，“可爱多”，“生男生女都一样”这类也算吧</p>
<p><strong>创建新标签系统</strong></p>
<p>内容分析：分析文章有代表性的内容，现在QQ空间和蓝色在你写完文章的时间，都会提取这类分析标签。</p>
<p>内容作者：让作者或者文章相关的研究人员来定义标签，然后专人来统计分析标签。</p>
<p>用户代言人及主题专家：找用户代表，或者和用户有直接接触的部门、专家，从用户的角度发言。收集资料找出他们认为用户会想在些网站上找到什么。从一小群用户开始，就可以产生足以为网站做索引的标签。我们对用户（外行）有点了解，所以可以做出能适合他们的术语（例如：“种菜”替换“寂寞”）与了解用户需求的人一起工作。</p>
<p>直接来自用户：开放式卡分类：可以为现有内容按主题分成各自的类别，然后，再为这些类别命名标签。</p>
<p>封闭式卡片分类：是根据现有的类别区分主题，然后再将内容排序到这些类别。对封闭卡片分类面言，一开始要询问用户，说明他们认为类别标签所代表的意义，然后和你自己的定义互相比较。</p>
<p>自由列表：选出关键重要的项目或畅销产品，让新用户或者使用者对项目或产品瞬间想出一些字眼予以描述。排列分析字眼，寻找模式和使用频率。</p>
<p>间接来自用户：搜索日志分析：获取用户实际使用的标签信息，通过哪些关键字搜索来本页中。<br />
标签分析：如图（3）</p>
<p><strong>调整和微调</strong></p>
<p>设计的标签系统必须时常调整和改进。标签代表用户和内容之间的关系，这种关系时常变动。进行用户测试，定期分析搜索日志.</p>
<p>感谢：<strong>http://www.08show.com/</strong> 分享</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/346/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
