<?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.fallensnow.net/index.php/archives/category/website-product-desgin/feed" rel="self" type="application/rss+xml" />
	<link>http://www.fallensnow.net</link>
	<description>分享是一种快乐</description>
	<lastBuildDate>Sat, 04 Sep 2010 19:20:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>淘宝网-门户产品团队 招产品经理7名，欢迎大家直接推荐</title>
		<link>http://www.fallensnow.net/index.php/archives/1596</link>
		<comments>http://www.fallensnow.net/index.php/archives/1596#comments</comments>
		<pubDate>Thu, 15 Jul 2010 07:19:30 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[招聘]]></category>
		<category><![CDATA[淘宝网]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1596</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160; 大家好，我们团队最近准备扩招PM7名，要求具体如下，有需要的同学，请直接邮件发送给我，邮件为xiangqiu#taobao.com，待遇与具体Case面谈。此次招聘是落雪所在的团队扩充，如果有需要的同学，请抓紧~~~~~·

 

工作地点：杭州 or 北京 

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1596" title="淘宝网-门户产品团队 招产品经理7名，欢迎大家直接推荐">阅读全文——共1869字</a></span>]]></description>
			<content:encoded><![CDATA[<p>&#160;&#160;&#160;&#160;&#160;&#160; 大家好，我们团队最近准备扩招PM7名，要求具体如下，有需要的同学，请直接邮件发送给我，邮件为xiangqiu#taobao.com，待遇与具体Case面谈。此次招聘是落雪所在的团队扩充，如果有需要的同学，请抓紧~~~~~·</p>
<p> <span id="more-1596"></span>
<p><strong>工作地点：杭州 or 北京</strong> </p>
<blockquote><p><strong>岗位1：高级产品经理（偏架构方向） 1人</strong> </p>
<p><strong>职位描述:</strong> </p>
<p>1、负责消费者门户站内搜索、TAG等底层产品规划和设计，或某条产品线的产品整体规划和实施； </p>
<p>2、负责督促和跟进各个虚线项目部门工作的进展及计划； </p>
<p>3、协调内部及外部需求的优先级，配合运营部门推进运营指标； </p>
<p>4、与公司各个部门紧密配合，共同达成业务指标。 </p>
<p><strong>任职资格：</strong> </p>
<p>1、 互联网产品设计经验2年以上，有清晰的逻辑思路，当场可画出流程图 </p>
<p>2、 独立设计超过100万日pv的产品，并在该产品上线后继续担任该产品的设计师半年以上 </p>
<p>3、 熟悉至少一门编程语言和任何一种商业数据库（不一定要互联网相关的，只是考察思路） </p>
<p>4、 架构思路清晰，高度抽象概括能力。有创新意识，主动积极，敢担当，有产品理想。 </p>
</blockquote>
<blockquote><p><strong>岗位2：频道产品经理&#160; 2人</strong> </p>
<p><strong>岗位职责：</strong> </p>
<p>1、负责淘宝门户某一垂直消费频道的前端展现、内容规划、产品设计、项目实施等。 </p>
<p>2、深入挖掘频道用户需求，与频道运营一起负责需求分析、内容整合，满足用户需要。 </p>
<p>3、负责该频道下属子产品、子应用、后台工具的产品形态设计、需求实施和运营合作。 </p>
<p>4、其他有助于频道发展的产品运营工作。 </p>
<p><strong>岗位要求：</strong> </p>
<p>1、&#160; 本科以上学历，3年以上互联网产品运营经验，1年以上产品规划经验 </p>
<p>2、&#160; 大型门户网站频道产品经理，或消费垂直类网站从业经验者尤佳； </p>
<p>3、&#160; 有创新意识，主动积极，敢担当，有产品理想。 </p>
</blockquote>
<blockquote><p><strong>岗位3：高级产品经理（偏商业运营方向）2人</strong> </p>
<p><strong>岗位职责：       <br /></strong></p>
<p>1.负责淘宝门户垂直频道类产品的需求分析、规划设计、驱动实施等工作;     <br />2.研究资讯及应用类产品发展方向，提出产品商业计划，项目计划，制定和涉及用户所需要的产品或功能、优化已有功能或策略以提升用 户体验；       <br />3.推动UED、开发、测试、运营等各部门人员紧密合作达成产品目标；      <br />4.负责产品相关的跨部门、跨公司的日常沟通工作，产品运营数据分析、配合运营、市场部活动策划与执行。      <br />5.负责某一频道产品的年度商业战略制定      </p>
<p><strong>任职资格：        <br /></strong></p>
<p>1.本科及以上学历，5年以上互联网公司从业经验，3年以上资讯社区、SNS相关产品策划经验，3年以上项目管理经验      <br />2.有丰富的互联网产品设计感觉，在新闻资讯、论坛社区、SNS等方面有深刻造诣;      <br />3.优秀的策划能力、优秀的数据分析能力和项目管理能力；       <br />4.优秀的文档书写和表达能力，产品目标明确，有较强的逻辑思维能力。      <br />5.有一定商务合作经验，沟通能力强，拥有强烈的LeaderShip。 </p>
<p>6. 有创新意识，主动积极，敢担当，有产品理想。拥有4大门户工作经验者优先 </p>
</blockquote>
<blockquote><p><strong>岗位4：网站后台产品经理 1人</strong> </p>
<p><strong>岗位职责：</strong> </p>
<p>1、负责产品后台等相关应用模块开发需求撰写以及和技术人员沟通开发时间和进度，并跟进开发，保障按时上线。     <br />2、负责网站CMS后台的规划设计，清晰、明确地说明此产品设计的目的、业务逻辑、页面流程及完成时间点。       <br />3、负责门户与各业务部门系统的数据嵌套、接口的规划、需求设计。       <br />4、负责根据前台设计人员的需求，不断对后台进行新功能的添加及更新维护。      <br />5、负责网站数据分析后台的规划和设计，对网站数据进行分析并提出改进意见。      <br />6、负责定期和业务部门进行产品需求调研，独立完成需求分析文档。 </p>
<p><strong>岗位要求：</strong> </p>
<p>1.&#160; 本科以上学历，3年以上互联网产品运营经验，1年以上网站后台产品规划经验 </p>
<p>2.&#160; 大型门户网站频道产品经理，或消费垂直类网站从业经验者尤佳； </p>
<p>3.&#160; 有创新意识，主动积极，敢担当，有产品理想。 </p>
</blockquote>
<blockquote><p><strong>岗位5：社区产品经理 1人</strong> </p>
<p><strong>职位描述:</strong> </p>
<p>1、负责淘宝消费者社区某条产品线的整体规划、设计和组织资源实施，如：帮派、论坛、淘心得等等； </p>
<p>2、持续关注和改善淘宝社区产品的用户体验，不断优化业务流程； </p>
<p>3、协调内部及外部需求的优先级，组织资源实施产品规划，督促和跟进UED\开发\测试部门需求的进展及发布计划； </p>
<p>4、与社区运营部门紧密配合，共同达成业务指标。 </p>
<p><strong>任职资格:</strong> </p>
<p>1.大学本科及以上学历，计算机相关专业，3年以上互联网产品或增值业务产品设计、规划、实施工作经验。 </p>
<p>2.熟悉互联网的发展，常规网络技术，涉猎广泛，对电子商务、客户端、社区等都有一定的了解； </p>
<p>3. 熟练使用各种网络产品设计软件，具备较强的项目管理、数据统计分析、用户需求分析、产品流程规划、项目提案和实施能力； </p>
<p>4、工作态度积极主动、认真仔细、执行能力强，为人踏实，有良好的学习能力和团队合作精神； </p>
<p>5、有创新意识，主动积极，敢担当，有产品理想。</p>
</blockquote>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/04/06 -- <a href="http://www.fallensnow.net/index.php/archives/1501" title="大淘宝电子商务生态圈深度分析(一) by P迪">大淘宝电子商务生态圈深度分析(一) by P迪</a></li><li>2009/06/28 -- <a href="http://www.fallensnow.net/index.php/archives/543" title="2009年淘宝UED团队招聘">2009年淘宝UED团队招聘</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e6%b7%98%e5%ae%9d%e7%bd%91" title="淘宝网" rel="tag nofollow">淘宝网</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e6%8b%9b%e8%81%98" title="招聘" rel="tag nofollow">招聘</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1596/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>手机产品交互设计的几点原则与基础</title>
		<link>http://www.fallensnow.net/index.php/archives/1592</link>
		<comments>http://www.fallensnow.net/index.php/archives/1592#comments</comments>
		<pubDate>Sat, 19 Jun 2010 21:01:37 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[用户分析]]></category>
		<category><![CDATA[移动互联网]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1592</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本文来自UCDChina——elya妞，移动手持设备的进化趋势越来越明显，自己觉得是时候补充一些自己在手机产品设计方面的知识了，看到了这篇文章，读完后感到受益匪浅，至少自己原来对手机用户的一些交互行为、交互心理等内容没有做过完整的整理和调研。

&#160;&#160;&#160;&#160;&#160;&#160;&#160; 文章里面涵盖了一些对用户行为、用户分类的调研内容，同时对于不同场景、不同交互形态与基本的用户需求进行了推敲，手机互联网是未来的发展趋势，手机产品也对交互设计提出了更多的要求，从用户体验出发来进行手机产品交互设计的方法原则，之后还是需要一个比较成型的交互体验评估体系的。；

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">阅读全文——共3347字</a></span>]]></description>
			<content:encoded><![CDATA[<p><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="手机产品交互设计的几点原则与基础" border="0" alt="手机产品交互设计的几点原则与基础" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/06/image3.png" width="114" height="115" />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本文来自UCDChina——<a href="http://elya.cc/">elya妞</a>，移动手持设备的进化趋势越来越明显，自己觉得是时候补充一些自己在手机产品设计方面的知识了，看到了这篇文章，读完后感到受益匪浅，至少自己原来对手机用户的一些交互行为、交互心理等内容没有做过完整的整理和调研。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 文章里面涵盖了一些对用户行为、用户分类的调研内容，同时对于不同场景、不同交互形态与基本的用户需求进行了推敲，手机互联网是未来的发展趋势，手机产品也对交互设计提出了更多的要求，从用户体验出发来进行手机产品交互设计的方法原则，之后还是需要一个比较成型的交互体验评估体系的。；</p>
<p> <span id="more-1592"></span>
<p><strong>一、用户行为习惯信息收集</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 在讨论手机的交互设计方法之前，需要先对手机的用户使用习惯有一些基本的了解，需要对手机的用户体验信息做一些收集整理。收集用户体验信息首先需要确定两个问题：一是确定目标用户群体；二是确定信息收集的方法和途径。</p>
<p>﻿&#160;&#160;&#160;&#160;&#160;&#160; 在确定目标用户群体的时候，很显然的是，已有产品有过使用和交互经验，具备该产品或系统的交互体验的用户，相比较于那些没有体验的用户，可以为设计提供更多更有效的信息。因此在收集用户体验信息时，应该首先考虑所需设计的产品的用户或是有过类似产品使用经验的用户。在理想的情况下，当用户体验产品的交互时，设计师可以通过某种技术或是研究方法获得用户的全部感官印象，掌握他们的情感体验。然而这些主观的体验信息很难用实验室的方法收集或是客观的科学描述表达出来。因此我们只能寻求贴近实际的近距离接触用户体验的方法，就是深入访谈和现场观察。</p>
<p>我们需要调研的信息有：</p>
<p><strong>1.硬件部分：</strong></p>
<ul>
<li>手机的持机模式（右手操作、左手操作、双手操作）； </li>
<li>手机的操作模式（手指触控、笔触、按键、滚轮、长按）； </li>
<li>两种操作模式下的输入方式（全键盘、九键、触屏键盘、手写）； </li>
<li>信息反馈形式（屏幕信息输出、声音、振动、灯光）对用户的影响； </li>
</ul>
<p><strong>2.软件部分：</strong></p>
<ul>
<li>用户对屏幕信息结构的认识（空间位置、信息排列顺序、信息的分类） </li>
<li>用户对信息导航的使用（菜单、文件夹管理、搜寻特定文件） </li>
<li>用户对信息传达的理解（图形信息、文字信息） </li>
<li>用户对交互反馈的获知（每个操作是否有明确的反馈） </li>
</ul>
<p><strong>3.积极的用户体验：</strong></p>
<ul>
<li>特殊交互模式带来的新奇感受——有趣 </li>
<li>简洁的操作步骤和有效的信息提醒方式——信任感 </li>
<li>软件运行速度，信息处理过程——操纵感和成就感 </li>
<li>允许误操作，有效引导——安全感 </li>
<li>交互过程中的完美感官体验（视觉、听觉） </li>
<li>类似于电脑操作过程的交互（有电脑使用经验的用户）——熟悉感和成就感 </li>
<li>品牌元素在交互上的延续性——熟悉感和优越感 </li>
</ul>
<p><strong>4.消极的用户体验：</strong></p>
<ul>
<li>系统出错、没有提示信息——压力、紧张和茫然 </li>
<li>缺少误操作的补救机制——挫败感、压力 </li>
<li>交互步骤的繁复难记——挫败感 </li>
<li>提示信息的不明确（不符合用户模型）——茫然 </li>
<li>过程处理时间过长——焦虑 </li>
</ul>
<p><strong>二、用户分类</strong></p>
<p><strong>1.依据用户的需求可将智能手机的用户分为两类：</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <strong>1.1 过程为主的用户</strong>(processoriented end user)</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 过程为主的用户的典型例子是电玩族，他们追求的终级目标就是视觉听觉的冲击和享受，最终游戏的结果反而变得不是那么重要了。此类设计对视觉和创意的要求是极为挑剔的，绝大多数设计师都有深厚的美术功底。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <strong>1.2 结果为主的用户</strong>(result oriented end user)</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 然而，与结果为主的用户设计相比，过程为主的用户的市场和受众都要小的多。结果为主的用户不在乎用什么样的方式完成任务，但是任务必须以最短的时间，以最简洁的方式，最精确的运算结果来完成。对于此类用户的交互设计人员来讲，更重要的是设计更合理的任务逻辑流程(logical task flow),以期最大幅度的符合人脑的思考方式和认知过程(cognitive process)。</p>
<p><strong>2.依据用户的使用经验可将用户可以分类为：</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <strong>2.1 新手用户</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 指刚刚开始接触和使用智能手机的用户，对智能手机的操作系统没有过使用经验，对计算机及应用程序的一般用法也没有太多的了解，但有一定的手机使用经验。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <strong>2.2 中级用户</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 使用智能手机有一定的时间，换过至少一个智能手机。对智能手机的部分操作相对熟悉，但经常使用的软件数量较少，并不完全熟悉智能手机系统的所有功能，对界面交互所必需的语法信息了解较少。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <strong>2.3 专家用户</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 有过相当长时间的智能手机使用历史，更换过几次智能手机，对手机的交互和电脑的操作都非常了解，经常主动寻找更简洁和快速的交互方式。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一般来说，中级用户和专家用户在长期使用某部分交互时遇到的问题更具有代表性，而新手用户提出的问题则更有利于设计人员认清用户与智能手机交互时的认知过程。</p>
<p><strong>三、交互设计原则</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对应用户体验信息的收集和用户分类，我们可以总结出来智能手机上交互设计的方法和要点。</p>
<p><strong>1.硬件交互设计</strong></p>
<ul>
<li>根据人机工程学原理设计按键大小等硬件交互要素； </li>
<li>尽可能提供多种输入方式，包括键盘输入和手写输入，键盘包括数字键盘和全键盘。合理设计键盘使其符合用户的使用习惯； </li>
<li>考虑环境对用户操作的影响。例如嘈杂的环境下提供震动的提示方式，黑暗又需要保持安静的环境下选择指示灯闪烁发光的方式提示用户。 </li>
<li>同样需要考虑环境因素对用户的影响，利用机械结构多样化设计实现单手操作模式和双手操作模式的切换，需要设计切换的便捷方式、屏幕方向的变化和键盘的转换等等硬件交互要素的变化。 </li>
<li>设计新奇的交互模式，将大大提升用户体验，例如sony的滚轮导航模式，和苹果的触点导航键（旋转和点击），都获得了巨大的商业成功。 </li>
</ul>
<p><strong>2.信息交互设计</strong></p>
<ul>
<li>信息项目的排布密度合理，字体排列、图标排列的方式具有可调性，设计合适的方式来突出重点信息； </li>
<li>使用用户的语言来传达信息，而非技术的语言。有效地使用“隐喻”。例如windows里面的“记事本”就是一个很好的隐喻例子，因为它和人们熟悉的日常概念联系在一起，所以用户可以很容易的理解这是一个什么工具。好的隐喻可以起到快捷的说明作用； </li>
<li>字体大小、颜色、图标设计等，都决定可读性的好与坏； </li>
<li>需要保持一致性的不光有每个功能软件或是服务的图标外观，更包括开机动画、细节元素和无形框架的一致，都需要贴合用户行为习惯进行设计； </li>
<li>尽量避免同一个元素包含太多的信息，例如，颜色的使用不要包含太多信息暗示，因为用户不一定会注意到或是理解某种颜色所包含的暗示。 </li>
</ul>
<p><strong>3.软件交互设计</strong></p>
<ul>
<li>导航功能。随时转移功能，很容易从一个功能跳到另外一个功能； </li>
<li>允许工作中断。例如当用户编辑短信的时候，收到短信或电话，完成后回来仍能够找到刚才正写的短信息； </li>
<li>方便退出。例如，提供两种退出方式，按一个键完全退出，或是一层一层的退出。 </li>
<li>让用户知道自己当前的位置，使其做出下一步行动的决定； </li>
<li>提供快速反馈，减少不必要的潜在等待时间。在任务交予系统处理或计算的时候，会有一段潜在的用户等待时间，一般我们会通过合适的等待提示让用户知道现在正处于系统潜在工作状态，而不至于让用户频繁地重复操作，使系统更慢；或者合理通过多任务切换处理避免这样的等待间隔。通过这些方法可以让用户回避这种的无效时间，从而提高交互效率。 </li>
<li>良好的防错机制。误操作后，系统提供有针对性的清晰提示。即使发生错误操作，也能帮助用户保存好之前的操作记录，避免用户重新再来； </li>
<li>提供了解用户操作行为的途径，可以更好的帮助改善系统的操作； </li>
<li>通过缩短操作距离和增加目标尺寸来加速目标交互操作。 </li>
</ul>
<p><strong>4.体验交互设计</strong></p>
<ul>
<li>让用户控制交互过程。“下一步”、“完成”，面对不同层次提供多种选择，给不同层次的用户提供多种可能性； </li>
<li>预设置的默认状态应该具有一定共通性和智能性，并对用户操作起到协助或提示的作用；此外，还应留给用户修改和设置默认状态的权限； </li>
<li>图标、多媒体设计、细节设计和附加功能设计为体验增值，有效提升体验度； </li>
<li>视觉设计，例如开关机动画、界面显示效果等； </li>
<li>多方面考虑用户信息的私密性，提供有效的保护机制，例如指纹识别密码模式。 </li>
</ul>
<p><strong>四、总结</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 体验是一个比较虚的概念，很难量化很难评估，所以也导致很多小的无线产品开发团队干脆放弃了对产品用户体验的把握，甚至不需要设置一个专门的呃交互设计师职位来改善产品的交互体验，这对于成长型的公司是可以容忍的，但是对于要想做出精品，长期处于市场不败之地的公司就显得不够严谨了。手机互联网是未来的发展趋势，手机产品也对交互设计提出了更多的要求，简单探析了一下从用户体验出发来进行手机产品交互设计的方法原则，之后还是需要一个比较成型的交互体验评估体系的。</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/06/18 -- <a href="http://www.fallensnow.net/index.php/archives/1582" title="十条互联网产品设计的可用性标准">十条互联网产品设计的可用性标准</a></li><li>2010/05/24 -- <a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">web交互设计方法-交互模型</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&mdash;减少记忆负担">交互设计实用指南&mdash;减少记忆负担</a></li><li>2010/01/08 -- <a href="http://www.fallensnow.net/index.php/archives/1310" title="The Story of Mr.Gray &mdash; Web 交互设计&ldquo;灰色&rdquo;的8类应用 [ 推荐 ]">The Story of Mr.Gray &mdash; Web 交互设计&ldquo;灰色&rdquo;的8类应用 [ 推荐 ]</a></li><li>2009/11/11 -- <a href="http://www.fallensnow.net/index.php/archives/1025" title="以用户为中心的PM与产品设计 装B">以用户为中心的PM与产品设计 装B</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%a7%bb%e5%8a%a8%e4%ba%92%e8%81%94%e7%bd%91" title="移动互联网" rel="tag nofollow">移动互联网</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%a8%e6%88%b7%e5%88%86%e6%9e%90" title="用户分析" rel="tag nofollow">用户分析</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1" title="交互设计" rel="tag nofollow">交互设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" title="用户体验" rel="tag nofollow">用户体验</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1592/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>互联网产品设计的40个超实用的Web设计工具</title>
		<link>http://www.fallensnow.net/index.php/archives/1585</link>
		<comments>http://www.fallensnow.net/index.php/archives/1585#comments</comments>
		<pubDate>Sat, 19 Jun 2010 13:11:52 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[Web前端]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[产品设计工具]]></category>
		<category><![CDATA[设计思想]]></category>
		<category><![CDATA[设计灵感]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1585</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本文将会展示一些web设计师应该经常会使用到的工具。如果你需要一些灵感，你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子。

&#160;&#160;&#160;&#160;&#160;&#160;&#160; 一些设计相关的工具，在线生成器，免费字体站点，模板站点都将帮助你更有效率测试和管理站点。记住，并不是什么都亲自完成才是最好的方式，一定程度的借鉴将会让 你以更轻松的方式完成任务。

 

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1585" title="互联网产品设计的40个超实用的Web设计工具">阅读全文——共2698字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/index.php/archives/1585"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 20px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="互联网产品设计的40个超实用的Web设计工具" border="0" alt="互联网产品设计的40个超实用的Web设计工具" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/06/image2.png" width="86" height="116" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本文将会展示一些web设计师应该经常会使用到的工具。如果你需要一些灵感，你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 一些设计相关的工具，在线生成器，免费字体站点，模板站点都将帮助你更有效率测试和管理站点。记住，并不是什么都亲自完成才是最好的方式，一定程度的借鉴将会让 你以更轻松的方式完成任务。</p>
<p> <span id="more-1585"></span><br />
<h4>1.<a href="http://www.deviantart.com/#catpath=designs/web&amp;order=9"> Deviantart</a></h4>
<p>Deviantart是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。</p>
<p><a href="http://www.deviantart.com/#catpath=designs/web&amp;order=9"><img title="deviantart-web-designer-tools-useful" border="0" alt="deviantart-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/deviantart-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>2. <a href="http://www.webdesign.org/showcase/website-showcase/page-1.html?order=rating">Web design library</a></h4>
<p><a href="http://www.yeeyan.com/articles/tag/Web"><em>Web</em></a> Design Library是一个提供设计研究平台的资源站点，覆盖了大量的理论知识和实战方面的信息。</p>
<p><a href="http://www.webdesign.org/showcase/website-showcase/page-1.html?order=rating"><img title="webdesign-web-designer-tools-useful" border="0" alt="webdesign-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/webdesign-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>3. <a href="http://www.stylevault.net/">Stylevault</a></h4>
<p>Stylevault.net 是一个设计展示站点，设计师可以在上面展示才华的同时其他人也可从中获益。</p>
<p><a href="http://www.stylevault.net/"><img title="stylevault-web-designer-tools-useful" border="0" alt="stylevault-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/stylevault-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>4. <a href="http://www.behance.net/Search?category=content&amp;main-search=Search&amp;realm=102">Behance</a></h4>
<p>Behance 是找灵感的好去处，因为他们的设计更加专业。</p>
<p><a href="http://www.behance.net/Search?category=content&amp;main-search=Search&amp;realm=102"><img title="behance-web-designer-tools-useful" border="0" alt="behance-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/behance-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>5. <a href="http://thedesigninspiration.com/">The design inspiration</a></h4>
<p>The Design Inspiration 是一群整日寻求设计灵感的设计师所创建的。</p>
<p><a href="http://thedesigninspiration.com/"><img title="thedesigninspiration-web-designer-tools-useful" border="0" alt="thedesigninspiration-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/thedesigninspiration-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>&#160;</h4>
<h4>6.<a href="http://www.colourlovers.com/"> Colour lovers</a></h4>
<p>Colour lover 是一个国际性的设计师社区，不同行当的艺术家到此寻找色彩方面的灵感，想法并对这些专业的或个人项目发表发聩。</p>
<p><a href="http://www.colourlovers.com/"><img title="colourlovers-web-designer-tools-useful" border="0" alt="colourlovers-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/colourlovers-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>7. <a href="http://kuler.adobe.com/">Adobe kuler</a></h4>
<p>Adobe kuler 是奥多比公司推出的web程序，旨在帮助你创建和分享颜色主题。</p>
<p><a href="http://kuler.adobe.com/"><img title="kuler-web-designer-tools-useful" border="0" alt="kuler-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/kuler-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>8. <a href="http://www.colorhunter.com/">Color hunter</a></h4>
<p>Color Hunter 可以通过图片来创建配色。</p>
<p><a href="http://www.colorhunter.com/"><img title="colorhunter-web-designer-tools-useful" border="0" alt="colorhunter-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/colorhunter-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>9. <a href="http://www.colorotate.org/">Colorotate      <br /></a></h4>
<p>通过Colorotate，可以实现以3D的视觉效果的方面来迎合人脑的颜色处理过程。</p>
<p><a href="http://www.colorotate.org/"><img title="colorotate-web-designer-tools-useful" border="0" alt="colorotate-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/colorotate-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>10. <a href="http://www.stripemania.com/">Stripemania      <br /></a></h4>
<p>Stripemania 是一个用于生成纹理的在线web2.0工具。纹理大小、缝隙都可以调节，还可以选择色彩过渡效果。</p>
<p><a href="http://www.stripemania.com/"><img title="stripemania-web-designer-tools-useful" border="0" alt="stripemania-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/stripemania-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>11. <a href="http://fontstruct.fontshop.com/">Fontstruct      <br /></a></h4>
<p>FontStruct 可以通过绘制网格来绘制出自己的字体。</p>
<p><a href="http://fontstruct.fontshop.com/"><img title="fontstruct-web-designer-tools-useful" border="0" alt="fontstruct-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/fontstruct-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>12. <a href="http://www.dafont.com/">Dafont</a></h4>
<p>一个可以通过字母，主题，更新日期排序的字体站点，大多数字体可以免费下载。</p>
<p><a href="http://www.dafont.com/"><img title="dafont-web-designer-tools-useful" border="0" alt="dafont-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/dafont-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>13. <a href="http://www.iconfinder.net/">Icon finder      <br /></a></h4>
<p>一个收录了十万个免费图标搜索引擎。</p>
<p><a href="http://www.iconfinder.net/"><img title="iconfinder-web-designer-tools-useful" border="0" alt="iconfinder-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/iconfinder-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>14. <a href="http://new.myfonts.com/WhatTheFont/">Whatthefont      <br /></a></h4>
<p>看见了一个好看的字体，但是不知道它的名字？</p>
<p>把字体图像提交到WhatTheFont，它将会在数据库中查找与你的字体最接近的字体名字，或者让字体爱好者在<a href="http://new.myfonts.com/WhatTheFont/forum/">WhatTheFont论坛</a>中帮忙。</p>
<p><a href="http://new.myfonts.com/WhatTheFont/"><img title="whatthefont-web-designer-tools-useful" border="0" alt="whatthefont-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/whatthefont-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>15. <a href="http://lipsum.com/">Lorem Ipsum</a></h4>
<p>Lorem Ipsum是打印排版工业的无意义文本，这是一个Lorem Ipsum生成器。</p>
<p><a href="http://lipsum.com/"><img title="loremipsum-web-designer-tools-useful" border="0" alt="loremipsum-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/loremipsum-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>编码工具</h4>
<h4>16.<a href="http://www.typetester.org/">Typetester</a></h4>
<p>Typetester是一个在线字体比较工具。</p>
<p><a href="http://www.typetester.org/"><img title="typetester-web-designer-tools-useful" border="0" alt="typetester-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/typetester-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>17.<a href="http://typeface.neocracy.org/"> Typeface.js</a></h4>
<p>通过typeface.js，你可以在网页中嵌入自定义字体，从而免去了文字到图片转换的麻烦。</p>
<p><a href="http://typeface.neocracy.org/"><img title="typefacejs-web-designer-tools-useful" border="0" alt="typefacejs-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/typefacejs-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>18.<a href="http://getfirebug.com/"> Firebug</a></h4>
<p>Firebug是Firefox浏览器的一个网页开发的扩展，你可以在任意网页中编辑，调试，监视css,html,javascript。</p>
<p><a href="http://getfirebug.com/"><img title="firebug-web-designer-tools-useful" border="0" alt="firebug-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/firebug-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>19.<a href="http://developer.yahoo.com/yslow/smushit/"> Smush.it</a></h4>
<p>Smush.it通过对特定图片格式的优化技术来减小图片大小，这是一个“无损”的工具，也就是说在优化图片的同时，图片样子和视觉效果没有发生改变。</p>
<p><a href="http://developer.yahoo.com/yslow/smushit/"><img title="smushit-web-designer-tools-useful" border="0" alt="smushit-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/smushit-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>20.<a href="http://www.phpform.org/"> pForm</a></h4>
<p>在线HTML表单创建工具。</p>
<p><a href="http://www.phpform.org/"><img title="pform-web-designer-tools-useful" border="0" alt="pform-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/pform-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>21. <a href="http://www.zend.com/en/products/studio/">Zend Studio</a></h4>
<p>Zend Sudio 7.0是一下代专业级的php程序开发环境。其设计可以最大化开发者的效率，同时可以更快的开发和维护代码，解决程序问题并且提高团队合作效率。</p>
<p><a href="http://www.zend.com/en/products/studio/"><img title="zendstudio-web-designer-tools-useful" border="0" alt="zendstudio-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/zendstudio-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>22. <a href="https://addons.mozilla.org/en-US/firefox/addon/684">Fire FTP for Firefox</a></h4>
<p>FireFTP是一个Mozilla Firefox扩展，是一个免费、安全、跨平台的FTP客户端。</p>
<p><a href="https://addons.mozilla.org/en-US/firefox/addon/684"><img title="fireftp-web-designer-tools-useful" border="0" alt="fireftp-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/fireftp-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>23. <a href="http://www.expandrive.com/">Expandrive</a></h4>
<p>ExpanDrive 就像是你MAC或者PC上的U盘。可以在远程计算机上打开、编辑、保存文件。</p>
<p><a href="http://www.expandrive.com/"><img title="expandrive-web-designer-tools-useful" border="0" alt="expandrive-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/expandrive-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>24. <a href="http://validator.w3.org/">W3C Validator</a></h4>
<p>W3C校验器是W3C的免费服务，用于检查网页的标签的有效性。同样还有一个<a href="http://jigsaw.w3.org/css-validator/">CSS校验器</a>。</p>
<p><a href="http://validator.w3.org/"><img title="w3cvalidator-web-designer-tools-useful" border="0" alt="w3cvalidator-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/w3cvalidator-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>25.<a href="http://jqueryui.com/home"> jQuery UI</a></h4>
<p>jQuery UI 是一个开源的接口组件库-互动、小工具、动画效果，基于jQuery javascript库。每个组件都是基于jQuery的事件驱动构架编写，并且相当主题化，使开发者和任意技术层次的人都能整合到自己的代码中去。</p>
<p><a href="http://jqueryui.com/home"><img title="jqueryui-web-designer-tools-useful" border="0" alt="jqueryui-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/jqueryui-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>26.<a href="http://clean-ajax.sourceforge.net/index.php?tab=about"> Clean AJAX</a></h4>
<p>Clean是Ajax的开源引擎，提供了一个Ajax技术的高级接口。</p>
<p><a href="http://clean-ajax.sourceforge.net/index.php?tab=about"><img title="cleanajax-web-designer-tools-useful" border="0" alt="cleanajax-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/cleanajax-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>27.<a href="http://cow.neondragon.net/stuff/reflection/"> Reflection.js</a></h4>
<p>Relection.js 可以让网页中的图片呈现发射效果，它使用整洁的javascript代码，使你的代码更干净。</p>
<p><a href="http://cow.neondragon.net/stuff/reflection/"><img title="reflection-web-designer-tools-useful" border="0" alt="reflection-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/reflection-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>28.<a href="http://www.blueprintcss.org/"> Blueprint CSS</a></h4>
<p>Blueprint是一个CSS框架，旨在削减开发时间。它通过网格、排版、插件、打印的CSS给你的项目提供一个坚实的基石。</p>
<p><a href="http://www.blueprintcss.org/"><img title="blueprint-web-designer-tools-useful" border="0" alt="blueprint-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/blueprint-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>29.<a href="http://www.cleancss.com/"> CleanCSS</a></h4>
<p>CleanCSS是一个强大的CSS代码优化器和代码格式化工具。</p>
<p><a href="http://www.cleancss.com/"><img title="cleancss-web-designer-tools-useful" border="0" alt="cleancss-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/cleancss-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>30.<a href="http://www.digitalmediaminute.com/reference/entity/index.php"> XHTML Character Entity Reference</a></h4>
<p>这个页面包含了HTML 4 和 XHTML 1.0 所允许的252的特殊字符，<a href="http://www.w3.org/TR/REC-html40/sgml/entities.html">W3C官方HTML 4规范中的第24部分</a>有所阐述。</p>
<p><a href="http://www.digitalmediaminute.com/reference/entity/index.php"><img title="htmlcharacters-web-designer-tools-useful" border="0" alt="htmlcharacters-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/htmlcharacters-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>31.<a href="http://tools.pingdom.com/"> Pingdom</a></h4>
<p>Pingdom是一个站点监视工具，可以7X24小时全年监控，有在线时长、响应时长的统计，还可以通过Email和短信来发送警告。</p>
<p><a href="http://tools.pingdom.com/"><img title="pingdom-web-designer-tools-useful" border="0" alt="pingdom-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/pingdom-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>32.<a href="http://www.huddletogether.com/projects/lightbox2/"> Lightbox 2</a></h4>
<p>Lightbox用于图片在网页上叠加显示。设置及其简单。</p>
<p><a href="http://www.huddletogether.com/projects/lightbox2/"><img title="lightbox2-web-designer-tools-useful" border="0" alt="lightbox2-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/lightbox2-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>33.<a href="http://www.wix.com/"> WIX</a></h4>
<p>免费的flash网页创建工具。</p>
<p><a href="http://www.wix.com/"><img title="wix-web-designer-tools-useful" border="0" alt="wix-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/wix-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>34.<a href="http://www.bestfreetemplates.info/"> Best free templates</a></h4>
<p>BestFreeTemplates.info 优秀的CSS模板供您下载。</p>
<p><a href="http://www.bestfreetemplates.info/"><img title="bestfreetemplates-web-designer-tools-useful" border="0" alt="bestfreetemplates-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/bestfreetemplates-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>测试管理站点</h4>
<h4>35.<a href="http://browsershots.org/"> Browsershots</a></h4>
<p>BrowserShots是一个基于web的浏览器兼容性检查工具，可以清晰的预览您站点在各种浏览器上面的显示效果。不需要注册，直接提交url，然后等待3-5分钟，BrowserShot就为您生成各种浏览器下面的效果图。</p>
<p><a href="http://www.browsercam.com/"><img title="browsershots-web-designer-tools-useful" border="0" alt="browsershots-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/browsershots-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>36.<a href="http://www.browsercam.com/"> Browsercam</a></h4>
<p>在任意操作系统任意浏览器上查看你的web设计，检查javascript,DHTML,表单和其他动态功能。</p>
<p><a href="http://browsershots.org/"><img title="browsercam-web-designer-tools-useful" border="0" alt="browsercam-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/browsercam-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>37.<a href="http://aremysitesup.com/"> Are my sites up?</a></h4>
<p>Are my sites up是一个简单的服务，当你网站下线是会及时的通知你。</p>
<p><a href="http://aremysitesup.com/"><img title="aremysitesup-web-designer-tools-useful" border="0" alt="aremysitesup-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/aremysitesup-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>38. <a href="http://www.google.com/analytics/">Google analytics</a></h4>
<p>Google Analytics 是一个企业级的网站分析解决方案，让你对自己站点的访问状况了如指掌并且有效的进行市场推广。强大、灵活、易用的特性使你分析网站流量的方式耳目一新。通 过Google Analytics，你可以推广更有针对性的广告，占领市场主动权，创建更高回报的站点。</p>
<p><img title="googleanalytics-web-designer-tools-useful" border="0" alt="googleanalytics-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/googleanalytics-web-designer-tools-useful.jpg" width="570" height="300" /></p>
<h4>39.<a href="http://www.w3counter.com/"> W3Counter</a></h4>
<p>W3Counter是一个免费的站点分析解决方案，可以回答你的以下疑问：网站用户是谁，他们怎么找到你的站点，他们感兴趣的是什么。</p>
<p><a href="http://www.w3counter.com/"><img title="w3counter-web-designer-tools-useful" border="0" alt="w3counter-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/w3counter-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h4>40.<a href="http://www.elogicwebsolutions.com/website-statistics.html"> eLogic</a></h4>
<p>跟踪和监视站点活动。了解站点数据是建立成功在线商务的关键。</p>
<p><a href="http://www.elogicwebsolutions.com/website-statistics.html"><img title="elogicwebsolutions-web-designer-tools-useful" border="0" alt="elogicwebsolutions-web-designer-tools-useful" src="http://www.1stwebdesigner.com/wp-content/uploads/2009/11/useful-webdesign-tools/elogicwebsolutions-web-designer-tools-useful.jpg" width="570" height="300" /></a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/06/18 -- <a href="http://www.fallensnow.net/index.php/archives/1582" title="十条互联网产品设计的可用性标准">十条互联网产品设计的可用性标准</a></li><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/05/24 -- <a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">web交互设计方法-交互模型</a></li><li>2010/04/08 -- <a href="http://www.fallensnow.net/index.php/archives/1538" title="互联网产品需求管理思考&mdash;&mdash;统一需求管理">互联网产品需求管理思考&mdash;&mdash;统一需求管理</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e8%ae%be%e8%ae%a1%e7%81%b5%e6%84%9f" title="设计灵感" rel="tag nofollow">设计灵感</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e8%ae%be%e8%ae%a1%e6%80%9d%e6%83%b3" title="设计思想" rel="tag nofollow">设计思想</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/web%e5%89%8d%e7%ab%af" title="Web前端" rel="tag nofollow">Web前端</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7" title="产品设计工具" rel="tag nofollow">产品设计工具</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1585/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>十条互联网产品设计的可用性标准</title>
		<link>http://www.fallensnow.net/index.php/archives/1582</link>
		<comments>http://www.fallensnow.net/index.php/archives/1582#comments</comments>
		<pubDate>Fri, 18 Jun 2010 15:41:21 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[可用性设计]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[设计思想]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1582</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 译序：这篇文章是可用性大师 Jakob Nielsen 在10年前总结的，到今天仍然受用。通过这个时间跨度，可以得出，可用性话题不是某个时代的产物，一些研究经验时至今日也依然值得借鉴。看似短小的10条启示中，融入了大量项目经验，这些内容也将继续指导设计者，在新的互联网技术推动下，创造出更加高质量的产品。

不要把它当作教程来看，它只是思想精髓的提炼。在各式各样的项目中，会遇到千奇百怪的情况，会跟各种角色的人一同协作完成目标。只有当大家达成共识，才能更好地提高效率，这10条启发正是纽带。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1582" title="十条互联网产品设计的可用性标准">阅读全文——共1030字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/index.php/archives/1582"><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="十条互联网产品设计的可用性标准" border="0" alt="十条互联网产品设计的可用性标准" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/06/image9.png" width="89" height="136" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 译序：这篇文章是可用性大师 <a href="http://www.useit.com/jakob/">Jakob Nielsen</a> 在10年前总结的，到今天仍然受用。通过这个时间跨度，可以得出，可用性话题不是某个时代的产物，一些研究经验时至今日也依然值得借鉴。看似短小的10条启示中，融入了大量项目经验，这些内容也将继续指导设计者，在新的互联网技术推动下，创造出更加高质量的产品。</p>
<p>不要把它当作教程来看，它只是思想精髓的提炼。在各式各样的项目中，会遇到千奇百怪的情况，会跟各种角色的人一同协作完成目标。只有当大家达成共识，才能更好地提高效率，这10条启发正是纽带。</p>
<p> <span id="more-1582"></span>
<p>其实，这是10条关于界面设计的基本准则。之所以称之为“启发”，是因为它们来源于实际经验，而非枯燥的理论知识。</p>
<blockquote><p><strong>系统状态的可见性</strong>       <br />应始终让用户了解当前发生的事情，并在恰当的时机给予反馈。</p>
<p><strong>系统与现实世界的匹配</strong>       <br />讲用户听得懂的语言，无论单词、短语还是阐述一些概念，把术语留给机器去读。遵循现实世界的准则，让信息表现的自然、符合逻辑。</p>
<p><strong>用户控制和行动自由</strong>       <br />用户在功能选择上犯错是常有的事儿，这就需要为其提供一个“紧急出口”，不必再通过额外的对话就能离开那里。提供撤销和重做功能。</p>
<p><strong>一致性和标准</strong>       <br />别让用户为不同的文字、状况和行为是否代表同一件事情而产生疑虑。要遵循平台的思想。</p>
<p><strong>错误的预防</strong>       <br />一个能在第一时间防止犯错的设计，总好过一堆漂亮的错误提示信息。应当在用户行动以前，就消除能诱使犯错的条件，必要时提醒用户确认操作。防患于未然。</p>
<p><strong>系统去识别而不是让用户记忆</strong>       <br />尽量降低用户对目标、行为和可见选项的记忆成本。不要让他们去记忆信息该从哪段到哪段。同时系统的使用说明应当可见，并在必要时，提供适当的提示信息。</p>
<p><strong>灵活性和使用效率</strong>       <br />快捷键——对初级用户不必特殊说明——但可以提高专家级用户的使用效率，这种交互兼顾了有经验和没经验的用户。同时允许用户定制频繁动作（译注：允许用户将使用频率较高的操作集中，或将功能按个人习惯排列）</p>
<p><strong>简约设计美学</strong>       <br />对话不应该包含不相关或不需要的信息。因为每一个额外的信息单元，都会一定程度上削弱原本相关信息单元的相对可见性。</p>
<p><strong>帮助用户识别、诊断，并从错误中恢复</strong>       <br />错误信息应当使用简单的语言（别用代码、编号，这种东西只有工程师能看懂），有针对性地阐明问题，并带有建设性地解决方案。</p>
<p><strong>帮助文档</strong>       <br />即使一个系统很棒，不用依赖帮助也能使用，但它可能仍然需要帮助文档。诸如用户重点任务方面的任何信息都应该能被方便地找到，并提供有简明的具体行动步骤。</p>
</blockquote>
<p>via <a href="http://www.useit.com/papers/heuristic/heuristic_list.html">useit.com</a>     <br />image：<a href="http://www.gettyimages.cn">www.gettyimages.cn</a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/06/19 -- <a href="http://www.fallensnow.net/index.php/archives/1585" title="互联网产品设计的40个超实用的Web设计工具">互联网产品设计的40个超实用的Web设计工具</a></li><li>2009/11/11 -- <a href="http://www.fallensnow.net/index.php/archives/1025" title="以用户为中心的PM与产品设计 装B">以用户为中心的PM与产品设计 装B</a></li><li>2010/08/08 -- <a href="http://www.fallensnow.net/index.php/archives/1621" title="智能手机软件设计的人性化和严谨性">智能手机软件设计的人性化和严谨性</a></li><li>2010/07/12 -- <a href="http://www.fallensnow.net/index.php/archives/1595" title="强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献">强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献</a></li><li>2010/05/24 -- <a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">web交互设计方法-交互模型</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" title="用户体验" rel="tag nofollow">用户体验</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e5%8f%af%e7%94%a8%e6%80%a7%e8%ae%be%e8%ae%a1" title="可用性设计" rel="tag nofollow">可用性设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e8%ae%be%e8%ae%a1%e6%80%9d%e6%83%b3" title="设计思想" rel="tag nofollow">设计思想</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1582/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web交互设计方法-交互模型</title>
		<link>http://www.fallensnow.net/index.php/archives/1578</link>
		<comments>http://www.fallensnow.net/index.php/archives/1578#comments</comments>
		<pubDate>Sun, 23 May 2010 17:16:04 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[交互模型]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[信息架构]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1578</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本内容是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构, 首先需要考虑怎样组织内容和功能的关系，也就是切分内容，如何把一些动作和对象跟主题顺畅的结合起来；第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用”物理结构”把内容用页面\窗口\面板等元素将信息表达出来,交互模型正是针对第二个步骤来说的，这些模式帮助我们在表达信息的时候能够有一些常用的思路和出发点。

 



<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">阅读全文——共2727字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/wp-content/uploads/2010/05/image_thumb41.png"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 20px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="image_thumb4[1]" border="0" alt="image_thumb4[1]" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/05/image_thumb41_thumb.png" width="70" height="83" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 本内容是分享和总结信息架构中一部分基本的交互模型。信息架构需要考虑内容和功能的建构, 首先需要考虑怎样组织内容和功能的关系，也就是切分内容，如何把一些动作和对象跟主题顺畅的结合起来；第二步就是考虑怎样引导用户通过界面达成他们的目标,也就是用”物理结构”把内容用页面\窗口\面板等元素将信息表达出来,交互模型正是针对第二个步骤来说的，这些模式帮助我们在表达信息的时候能够有一些常用的思路和出发点。</p>
<p> <span id="more-1578"></span>
<p><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_001.jpg" width="366" height="151" /></p>
<p><strong>1.&#160; 双面板展示（Two-panel Selector）</strong></p>
<p><strong>【形式】</strong>把两个相邻的面板放在界面上，在第一个面板显示一组对象，用户可以从中任意选择，在第二个面板上显示选中对象的内容。</p>
<p><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_002.jpg" width="547" height="171" /></p>
<p><strong>【优点】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这种模式由于两个面板相邻摆放，用户可以很快把他们的注意力换来换去，一会看着列表的整个结构（比如图中显示了哪些是最新的应用），一会查看一个对象的详细信息（这个应用是做什么的，有哪些内容等等）。与单个窗口相比，这种紧密地集成有几个突出的好处：</p>
<ul>
<li>&#160;&#160;&#160;&#160;&#160;&#160; 减少体力开支，两个面板距离很近，用户的眼睛不需要进行长距离的穿梭，可以通过用一次鼠标单击或按键来改变选择的项目，而不是首先要在窗口和屏幕之间选择；</li>
<li>&#160;&#160;&#160;&#160;&#160;&#160; 减少了可视化的认知负担，当一个窗口弹出到最上面，或当一个页面的内容完全改变时，用户就得花额外的注意力到现在要看的东西上，如果窗口本身一直不变，用户就可以把注意力集中在一个较小的变化范围内；</li>
<li>&#160;&#160;&#160;&#160;&#160;&#160; 它也减少了记忆负担，这里左侧的列表充当了“路标”的角色，因此用户完全明白自己当前是在哪个应用下。</li>
</ul>
<p><strong>【用法】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 整体布局：把可以进行选择的列表放在上面或左边的面板上，显示详细内容的面板放在下面或右边，这样做利用了绝大多数用户的视线流动方向，根据用户从左到右的语言阅读习惯让用户方便找到自己需要得到的信息。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 列表的布局：一般有四种布局方式：线性列表，通常是排序的；二维表格，可以排序，也可以让用户通过列或行的标题进行过滤；空间组织方式，如地图、图表以及类似桌面的区域，让用户可以按自己的需要放置对象。</p>
<blockquote><p>&#160;&#160;&#160;&#160;&#160;&#160; 操作：当用户单击列表中的一个对象时，在第二个面板中立即显示它的内容或详细信息。同时最好能支持键盘操作以改变选择的方式，如上下箭头键；</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 视觉：让已经选中的对象在视觉上突出显示，如给选中的列表对象换一种颜色和亮度。</p>
</blockquote>
<p><strong>【例子】</strong></p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_03.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_003.jpg" width="507" height="407" /></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; Qzone中的双面板应用，当从左侧列表选择出信息以后，右侧会显示该对象的详细内容，并且采用了主题类别的信息切分形式，如果从常用模式的基本应用模式来看，当用户选中左侧列表对象后，如果在视觉上能够对该对象进行突出显示，可能会更友好一些。</p>
<p><strong>2.&#160; 画布加工具条（Canvas Plus Palette）</strong></p>
<p><strong></strong><strong>【形式】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 用于图形编辑器上，把一个带图标的工具条放在空白画布旁边，用户单击调色板工具条上的按钮，在画布上创建对象。通常工具条用来创建对象，画布用来摆放对象。</p>
<p><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_004.jpg" width="528" height="159" /></p>
<p><strong></strong><strong>【优点】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这个模式来自于人们的日常生活经验，画布、调色板，就是这样的样式，因此用户在使用时容易理解；同时画布加工具条也利用了可视化识别的好处，最常用的图标（画笔、手型图标、放大镜等）在各种不同的应用系统中一次又一次的得到重用，而且每次都是同样的用法，减少了用户记忆和学习的成本。</p>
<p><strong>【用法】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 工具条本身应该是一个图标按钮或者看起来像按钮的网格，由于中文本身词汇的表达比较强，所以工具条里用图标加文字的形式会更容易理解。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 工具条放在画布的左边或者上面，当工具比较多时，可以吧工具条的图标分成几个小组，比如用（card stack）模式的TAB来表示这些分组。</p>
<p><strong>【例子】</strong></p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_05.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_005.jpg" width="513" height="449" /></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; QQ秀泡泡日志的编辑框正是一个画布加工具条的用户， 通过Icon加文字的形式组成了工具条，并用分割线将工具进行了分组。</p>
<p><strong>3.&#160; 向导（Wizard）</strong></p>
<p><strong>【形式】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 在界面上一步步引导用户按预定的顺序完成任务，把任务分成一系列步骤，在每个步骤里让用户集中处理一件事情。如，Qzone个人空间的注册页面：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_06.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_006.jpg" width="562" height="401" /></p>
<p><strong>【优点】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于较长的任务，在设计用户界面时如何让用户明白操作的步骤，向导的优点正是让用户按照预先规划的路线图来组织这项任务，而不用了解整个任务的结构，用户要做就是按顺序执行每个步骤，相信他们如果遵循指示，就会成功完成。</p>
<p><strong></strong><strong>【用法】</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 把组成任务的操作分成几个部分或几组操作，各个部分的次序排列可能必须是严格限制的，也可以是能够由用户选择的。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; Qzone的的注册过程包括 选择风格样式、填写个人信息、补充资料和完成四步，用户必须依次填写，而不能先填写后面的步骤再回来写前面的；而对于一些在线支付类的流程，从产品挑选、支付信息、支付地址、送货地址等步骤，它们的顺序并不重要，因为后面的选择并不依赖前面的选择，把相关的选择放在一起只是简化了人们填写表单的工作。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 任务拆分后步骤的数量和粒度往往需要很好的权衡，如果只有两步，那会显得很傻，如果有十五步，就会显得乏味枯燥；但是每个步骤也需要保证不能太复杂，不然失去了向导的意义。<strong> </strong></p>
<p><strong>【页面表现】</strong></p>
<p>1）多页面表现形式</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 从页面表现上来看，最简单的实现方式就是将每个步骤放在一个单独的页面上，用前进和后退按钮进行控制，但这种形式也有缺点，每个独立的界面不能显示上下文，用户不知道前面和后面分别显示的是什么，因此这样的形式最好能够允许用户在进行过程中能够随时向前或者向后移动。因为如果不能让用户可以改变前面的选项而必须重新开始那就会让人受不了。从这点来说，如果是多页面的向导，它的标准的配置应该是：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_07.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_007.jpg" width="396" height="285" /></p>
<p>或者结合双面板选择模式：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_08.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_008.jpg" width="444" height="279" /></p>
<p>2） 单一页面表现形式：</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 第一种 带标题的栏目：标题上有固定编号，因为一眼就可以看到所有的步骤，所以这个模式适合用在分支不多的任务上。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 第二种 响应式允许或响应式展开：在用户完成前面一个步骤之后才把后面的步骤显示在页面上，如果向导的步骤不多,采用这样的方式会让页面更简洁一些。</p>
<p>总结：</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 以上三种常用的模式：双面板选择、画布加工具条以及向导是我们经常会在网页设计中见到的模式，平时的使用中我们已经在不知不觉中认识并习惯它们了，通过这些基本的模式，在设计加以变形和创新就可以创造出更有趣和方便的交互方式。下面的例子是一个综合了以上三种交互模式的例子：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_09.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_009.jpg" width="704" height="529" /></p>
<p>（网址：<a href="http://www.mrpicassohead.com/create.html">http://www.mrpicassohead.com/create.html</a>）</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 显而易见的，这个工具运用了画布加工具条的模式，由两组工具条和一个画布组成。同时，这个网页工具还结合了双面板选择模式，通过TAB把工具条进行了分类，当单击“face”、“noses”、“lips”时，工具条一次变化，并显示这些对象：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_10.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_010.jpg" width="703" height="532" /></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 并且在操作步骤的提示上，采用了向导模式的响应式展开：当用户第一次选择TAB中的类型是，会提示用户从工具条中选择合适的元素到画布当中，而当用户作出选择之后，则会显示下一个步骤的提示：</p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_11.jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_011.jpg" width="704" height="526" /></p>
<p><a href="http://isd.tencent.com/wp-content/uploads/2010/3/1824_12jpg"></a><img alt="" src="http://isd.tencent.com/wp-content/uploads/2010/4/1894_012.jpg" width="707" height="527" /></p>
</p>
<p> 本文出处 : <a href="http://isd.tencent.com/?p=1894">http://isd.tencent.com/?p=1894</a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/06/19 -- <a href="http://www.fallensnow.net/index.php/archives/1585" title="互联网产品设计的40个超实用的Web设计工具">互联网产品设计的40个超实用的Web设计工具</a></li><li>2010/06/18 -- <a href="http://www.fallensnow.net/index.php/archives/1582" title="十条互联网产品设计的可用性标准">十条互联网产品设计的可用性标准</a></li><li>2010/04/08 -- <a href="http://www.fallensnow.net/index.php/archives/1538" title="互联网产品需求管理思考&mdash;&mdash;统一需求管理">互联网产品需求管理思考&mdash;&mdash;统一需求管理</a></li><li>2010/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&mdash;减少记忆负担">交互设计实用指南&mdash;减少记忆负担</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1" title="交互设计" rel="tag nofollow">交互设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%bf%a1%e6%81%af%e6%9e%b6%e6%9e%84" title="信息架构" rel="tag nofollow">信息架构</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a4%e4%ba%92%e6%a8%a1%e5%9e%8b" title="交互模型" rel="tag nofollow">交互模型</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1578/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>互联网产品需求管理思考&#8212;&#8212;统一需求管理</title>
		<link>http://www.fallensnow.net/index.php/archives/1538</link>
		<comments>http://www.fallensnow.net/index.php/archives/1538#comments</comments>
		<pubDate>Wed, 07 Apr 2010 17:45:33 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[网站开发设计]]></category>
		<category><![CDATA[产品管理]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[需求管理]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1538</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 对于互联网公司而言，产品需求管理是产品研发的核心环节，产品需求的正确与否直接影响产品开发周期、产品开发成本、产品运营成本，甚至直接决定了产品市场竞争力。

&#160;&#160;&#160;&#160;&#160;&#160;&#160; 根据统计：产品开发中40%～60%的问题都是在需求阶段埋下的&#34;祸根&#34; ，在测试阶段及运营阶段发现需求阶段植入的问题，解决的代价是需求阶段发现问题的68～200倍。 对于大部分互联网公司而言，都意识到了产品管理的重要性，因此都有相应的产品管理流程，但为何以上问题仍然屡见不鲜呢？

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1538" title="互联网产品需求管理思考&#8212;&#8212;统一需求管理">阅读全文——共2871字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/index.php/archives/1538"><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="互联网产品需求管理思考——统一需求管理" border="0" alt="互联网产品需求管理思考——统一需求管理" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/04/image6.png" width="116" height="75" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 对于互联网公司而言，产品需求管理是产品研发的核心环节，产品需求的正确与否直接影响产品开发周期、产品开发成本、产品运营成本，甚至直接决定了产品市场竞争力。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 根据统计：产品开发中40%～60%的问题都是在需求阶段埋下的&quot;祸根&quot; ，在测试阶段及运营阶段发现需求阶段植入的问题，解决的代价是需求阶段发现问题的68～200倍。 对于大部分互联网公司而言，都意识到了产品管理的重要性，因此都有相应的产品管理流程，但为何以上问题仍然屡见不鲜呢？</p>
<p> <span id="more-1538"></span>
<p>关于需求管理的故事很多，列举一些常见问题：</p>
<ul>
<li>某天老板问起：我很久以前提过一个需求，提过以后就没下文了。产品经理无辜地说：有提过吗，是给我提的吗？ </li>
<li>某个销售谈起：我很久以前提过一个需求，当时被产品否掉了，觉得不重要，现在竞争对手就靠此功能赢得了众多客户。产品经理无辜地说：当时是被否掉了，但你后面再没有提过，因此在后续产品开发中当然没考虑此需求。 </li>
<li>某天老板提起：某个产品的某个功能很不错，于是乎大家加班加点地开发实现了类似功能。等到产品开发出来后才开始找客户、找卖点。 </li>
<li>销售们抱怨：产品人员、开发人员闭门造车，只关注技术，不关注客户需求。产品及技术无辜地说：销售人员根本描述不清楚需求，我们已经按照他们需求开发出来了，他们还是不满意。 </li>
<li>销售人员只管销售目标的完成，客户反映的信息不能传递到产品及技术部门。研发部门主动到销售人员那里了解市场信息时，他们往往说：“我只管销售，你先把产品拿出来再说” </li>
<li>某个客户在社区里投诉：xx产品的xx功能做得太差了，已经投诉过几次都还没有改善；但产品及技术无辜地说：他这功能相对于其他产品功能优先级很低，因此暂时不考虑。 </li>
<li>竞争对手某个杀手级产品的功能其实以前公司很久以前就做了，但后来没有持续完善，导致“起了个大早，赶了个晚集”。 </li>
<li>某个产品越做越大、越做越乱，直到有一天无法维护时候整理产品功能才发现，里面有一堆乱七八糟的需求，这些需求怎么来的、现在哪一个客户在使用此功能，谁都不知道。 </li>
<li>公司层面产品相关利益者都参加的需求收集会议也开了很多次，但大家对于产品需求的理解还是没有统一。 </li>
<li>与竞争对手的产品比较，产品功能比竞争对手全面多了，但还是竞争不过竞争对手的产品。 </li>
<li>某个产品经理离职了，大家才发现，对产品最熟悉的人只有这个产品经理，没有任何文档及功能说明，有的只是网站页面和代码 </li>
</ul>
<p>对于大部分互联网公司而言，都意识到了产品管理的重要性，因此都有相应的产品管理流程，但为何以上问题仍然屡见不鲜呢？</p>
<p>以上问题的根源在于：</p>
<p>1）没有对各种需求有效地分层分级，对不同阶段需求的目标没有明确的定义；</p>
<p>2）没有建立一个横跨市场和产品研发部门的组织机构来统一负责收集市场需求，并将其传递给产品研发团队；</p>
<p>3）缺少完备的需求收集、汇总、分析机制，“公司神经末梢与大脑失去联系”；</p>
<p>4）没有建立一套跨部门的端到端的业务流程来指导市场需求收集与传递工作</p>
<p>5）没有一个客户需求分析工具来指导系统性地收集客户需求</p>
<p><strong>1、互联网产品需求来源</strong></p>
<p>一提到需求管理，产品人员及技术人员都会异口同声地说：软件需求管理，我们有啊。我们的软件开发过程遵循CMMI3、RUP、XP、SCRUM等开发过程，需求管理是我们进行开发的最重要阶段。</p>
<p>我们这里所指的“需求”不单纯只是技术术语的产品需求、软件需求，还包括：</p>
<ul>
<li>客户所想所需：Needs、Wants </li>
<li>市场需求 </li>
<li>产品包需求：Offering Requirement&#160; </li>
<li>产品需求 </li>
<li>开发需求 </li>
</ul>
<p>相对于传统软件开发过程，互联网企业的需求管理来源更加多样化，包括：</p>
<p><strong>1）、外部来源</strong></p>
<ul>
<li>客户需求：客户在使用产品过程中所提的建议和意见；以及通过客户访谈等手段得到的需求。 </li>
<li>竞争对手产品分析：直接作为竞争对手产品的客户试用，获得竞争对手产品相关信息。 </li>
<li>社会化媒体：搜索引擎、IM、BBS、Blog、SNS社区、Blog、Twitter、百度知道等社会化新媒体。 </li>
<li>传统媒体/竞争对手软文等。 </li>
<li>合作伙伴 </li>
<li>行业分析&#160;&#160;&#160;&#160; </li>
</ul>
<p>一些竞争对手分析的手段可以参考 <a href="http://www.yeeach.com/2009/02/08/%e7%94%b5%e5%ad%90%e5%95%86%e5%8a%a1%e4%bc%81%e4%b8%9a%e7%ab%9e%e4%ba%89%e6%83%85%e6%8a%a5%e5%88%86%e6%9e%90%e5%b7%a5%e5%85%b7/">电子商务企业竞争情报分析工具 </a><strong>。</strong></p>
<p><strong>2）、内部来源</strong></p>
<ul>
<li>公司产品战略 </li>
<li>客服人员：包括呼叫中心（电话、短信、传真、邮件等）、在线客户（IM、BBS、留言板、WebCall等）。 </li>
<li>运营人员：所谓互联网产品是运营出来的，任何成功产品不可能一蹴而就。公司内部运营人员在运营中产生的需求是重要的需求来源渠道。 </li>
<li>市场营销人员 </li>
<li>销售人员 </li>
<li>财务人员 </li>
<li>技术支持 </li>
<li>网站用户行为分析：包括网站用户购买行为、点击流等 </li>
</ul>
<p><strong>2、统一需求管理的意义</strong></p>
<p>由于需求来源的多样化，就要求在公司层面对需求进行统一的管理，以保证能够：</p>
<p>1） 建立端对端的需求管理流程，实现技术与市场的无缝结合。</p>
<p>2）、深入理解行业，成为行业专家：对于互联网企业而言，必须深刻理解所在行业的特征及行业用户的痛点才能够推出有竞争的产品，因此必须首先成为所在行业专家。产品需求本质代表了行业用户的需求，通过产品需求的持续积累，可以加深对于行业理解，从而成为行业专家，能够推出更符合行业需求的产品。</p>
<p>3）知识的传承：通过对需求持续统一的管理可以保证知识的传承，避免产品需求知识积累在几个人脑袋里。</p>
<p>4）、主动收集需求，准确把握市场机会点。</p>
<p>5）、产品创新：通过产品及产品间原有需求的优化、借鉴、组合等手段来达到产品创新的目的。</p>
<p>我们这里的所说的“统一需求管理”比RUP中的更为宽泛，包括：</p>
<ul>
<li>公司层面统一的需求管理组织支撑体系 </li>
<li>公司层面统一的需求管理流程制度 </li>
<li>公司层面统一的需求管理工具 </li>
</ul>
<p><strong>4、怎样实现统一需求管理</strong></p>
<p>在实现公司层面需求统一管理，华为及IBM所采用的IPD过程很有借鉴意义，核心思想在于：</p>
<p>1）组织支撑</p>
<p>通过建立一个横跨市场和产品研发部门的组织机构来统一负责收集市场需求，并将其传递给产品研发团队。</p>
<p>2）端对端的流程</p>
<p>所谓“端到端流程”是区别于职能式的产品开发模式，建立的产品开发流程是跨部门的、关注业务实现的、客户到客户的业务流程。企业中与产品需求相关的主要有三大流程体系：市场管理流程、产品开发流程、需求开发流程。在市场管理流程的第一阶段（了解市场阶段）、在产品开发流程的第一阶段（概念阶段）都会定义客户需求的收集活动，用需求开发流程来支撑需求收集活动。</p>
<p><img alt="" src="http://pic001.cnblogs.com/img/dudu/201004/2010040617305631.jpg" /></p>
<p><a href="http://www.yeeach.com/wp-content/uploads/2010/04/2.jpg">     <br /></a></p>
<h5>可以参考：<a href="http://www.yeeach.com/ebooks/product%20management/%bb%aa%ce%aaIPD%c1%f7%b3%cc%b9%dc%c0%ed%a3%a8%c8%ab%b2%bf%a3%a9.pdf">华为IPD流程管理</a></h5>
<p><strong>5、统一需求管理一些思考</strong></p>
<p>1）所谓“工欲善其事，必先利其器”，一个好的需求管理工具对于需求管理有很大帮助。但工具不是万能的，关键还是使用工具的人，因此不用整天寻找完美的工具，而是要问一下自己：对于工具的使用热情我们能够坚持多久？</p>
<p>2）工具本身并不能解决需求管理混乱的困局。核心问题还是需求管理的方法论、流程制度是否能够持续完善。成功需求管理的秘诀之一就是：持续积累、持续完善。</p>
<p>3）我们很多时候忙于开拓新的市场需求而忘记了总结的价值。与客户、市场、销售、产品、技术、运营等相关人员定期对积累的各种需求（不单纯只是产品需求）进行“requirement review ”（类似于“cod review”），可以碰撞并挖掘出许多有价值的产品需求及卖点。</p>
<p>4）对于运营型企业而言，各种行业需求的持续积累是企业最为宝贵的财富之一，也是产品创新之源。因此应当把持续的需求积累提升到公司战略层面。</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/06/19 -- <a href="http://www.fallensnow.net/index.php/archives/1585" title="互联网产品设计的40个超实用的Web设计工具">互联网产品设计的40个超实用的Web设计工具</a></li><li>2010/06/18 -- <a href="http://www.fallensnow.net/index.php/archives/1582" title="十条互联网产品设计的可用性标准">十条互联网产品设计的可用性标准</a></li><li>2010/05/24 -- <a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">web交互设计方法-交互模型</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e7%ae%a1%e7%90%86" title="产品管理" rel="tag nofollow">产品管理</a>, <a href="http://www.fallensnow.net/index.php/archives/category/web-design" title="网站开发设计" rel="tag nofollow">网站开发设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e9%9c%80%e6%b1%82%e7%ae%a1%e7%90%86" title="需求管理" rel="tag nofollow">需求管理</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1538/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>产品经理的角色定位</title>
		<link>http://www.fallensnow.net/index.php/archives/1537</link>
		<comments>http://www.fallensnow.net/index.php/archives/1537#comments</comments>
		<pubDate>Wed, 07 Apr 2010 13:09:35 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[业内视角观察]]></category>
		<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[PM]]></category>
		<category><![CDATA[UED]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[产品经理]]></category>
		<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1537</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 很长一段时间，我一直在思考产品经理到底是什么？他的核心价值和存在意义是什么，看过很多人写的相关的资料和评价。有的认为产品经理就是一个泡面，把面放进去泡一泡就成了一碗香喷喷的面。产品经理就是一种佐料，能够形成一个产品，这个角度是产品经理的补位，在团队中形成的价值；而有的人认为，PM=pig manger 这虽然有些调侃，但是，也真切的反应了产品经理所处于教练的位置。

&#160;&#160;&#160;&#160;&#160;&#160; 前几天和TX的一个兄弟聊了一下，而他认为的产品经理，不应该是一个交互设计师的拔高，而是一个有经验，人品好，而又有营销概念的人。他总结现在的产品经理有两类人，一类是从学校出来后，就进大公司被修整的方方正正的执行者；一类是有多年的互联网使用经验，懂得部分交互知识，而又有点做网站经验的草根阶层。这些统统不是产品经理的概要，而真正的应该是一个产品的CEO角色，从产品周期的开始，把握产品的核心价值，在产品设计中体现项目管理中，时间资源的分配及进度协调，在产品的发布和推广阶段，又站在营销角度去为产品进行包装以及产品价值和定位的提炼，并打造推广渠道、形成传播途径及更深层次的挖掘用户需求，从而让产品形成价值的过程。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">阅读全文——共6261字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/index.php/archives/1537"><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="产品经理的角色定位" border="0" alt="产品经理的角色定位" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/04/image_thumb4.png" width="70" height="83" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 很长一段时间，我一直在思考产品经理到底是什么？他的核心价值和存在意义是什么，看过很多人写的相关的资料和评价。有的认为产品经理就是一个泡面，把面放进去泡一泡就成了一碗香喷喷的面。产品经理就是一种佐料，能够形成一个产品，这个角度是产品经理的补位，在团队中形成的价值；而有的人认为，PM=pig manger 这虽然有些调侃，但是，也真切的反应了产品经理所处于教练的位置。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 前几天和TX的一个兄弟聊了一下，而他认为的产品经理，不应该是一个交互设计师的拔高，而是一个有经验，人品好，而又有营销概念的人。他总结现在的产品经理有两类人，一类是从学校出来后，就进大公司被修整的方方正正的执行者；一类是有多年的互联网使用经验，懂得部分交互知识，而又有点做网站经验的草根阶层。这些统统不是产品经理的概要，而真正的应该是一个产品的CEO角色，从产品周期的开始，把握产品的核心价值，在产品设计中体现项目管理中，时间资源的分配及进度协调，在产品的发布和推广阶段，又站在营销角度去为产品进行包装以及产品价值和定位的提炼，并打造推广渠道、形成传播途径及更深层次的挖掘用户需求，从而让产品形成价值的过程。</p>
<p> <span id="more-1537"></span>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 产品经理很难一次锻炼和修炼成，因为，管理类的书籍，经济类的书籍虽然很容易获得，但是，个人认为知识与技能中间有个独木桥，知识来源于各种管理类的课程与书籍的转化，而技能和经验是这些知识从独木桥上走过来的部分，是一种顿悟。一种体会。很多人都以为看过几本管理书，就懂得了管理，知道了怎么去识别很好的人才，怎么去协调各种开发过程中的矛盾。知道怎么去取舍厉害得失。从各大公司再招的产品经理简历中我们可以看到，产品经理更多的时候被看成了一个技术性的职业，而个人认为这些人只能算是一个产品助理。我认为，产品经理必须要走三个步骤，一个是行业积累期，二是知识转化与运用期，三是成熟期。在三个过程中，都会不停的顿悟，去体会和了解产品的价值。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 个人认为产品经理不仅仅一种职业，而是一类人群，我且叫他们为产品人。他是产品的导演，怎么去演绎一个产品，怎么去搭配产品开发人员及其周边资源的分配及利用，才是产品经理的核心价值体现。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 产品经理是结果为导向的产品设计理念的衍生物，不仅仅是一个职位。他既可以是导演，也可以是教练，不同的位置和不同的环境，产品经理所发挥的作用也不同。产品经理只是界定了一个发薪水多少的职位，而更多的一个产品的，价值来源于对生活，对管理，对营销的感悟。对产品方向、设计思想、推广手段的灵活运用。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一个优秀的产品，是机遇，时代，知识与团队协作的产物。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 产品经理干些什么？</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 产品经理仅从执行层上（现在所提到的产品经理大多数是集中在执行层次上的）可以分为：</p>
<p><strong>产品开发管理类</strong>和<strong>产品运营管理类</strong> 。</p>
<blockquote><p><strong>1. 产品开发管理类</strong>，主要在于产品设计和规划的方面，主要集中体现的四大技能核心在于：</p>
<p><strong>产品规划、UI设计管理和交互设计管理，时间进度管理</strong></p>
</blockquote>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 产品规划在乎于产品构架和产品竞争分析及产品核心价值的提炼上。这跟PONY的PPT上的内容一致，体现了产品的核心能力，这个产品，到底给用户带来了什么？给用户解决了什么问题？为用户体现了什么价值？这三个问题，直接关系到了产品最终的形式。其实对于用户来说，用户很难关注到技术深层次的需求，用户之能从体会上知道，你的产品能不能在任何版本的操作系统里都可以跑，你的产品是不是很卡，你的产品是不是好用，启动速度如何，这些表层的感觉，仅此而已。而我们就需要从用户的这些反馈中，及时抓住用户的需求。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 其实很多时候，我和朋友聊天时都能听到朋友的一些推荐（所谓的口碑），这个浏览器不错，可以同步收藏夹呢；QQ磁盘不错，下载速度超级快；暴风影音很垃圾，总是出广告在中间插播；迅雷太霸道了，一开他基本上网络都浏览不了了。用户使用或者放弃一个产品，往往纠结于一个小小的功能。很多年前，产品设计都是追求，功能能多，功能全，恨不得全部功能都加上，例如:word等，其实日常人们使用到的功能，只有很少一部分。邮箱也是，GMAIL在起初设计时，多少人都在反对，认为这么简单而丑陋的东西，很难获得用户喜欢，可是，就是这么简单的一个东西，收发邮件简单，聊天式的阅读邮件，给重要邮件加个星星，简单的操作，就这些满足了大多数人的习惯。并发展越来越好。更为成功的例子就是IPHONE的操作体验与其他职能手机的操作体验的天壤之别，我有个M600I，发个短信，至少要按8次案件，才能搞定，而且，没有触摸笔，用手更是困难。相对于IPHONE的用手指，快速搞定来说，而且，功能显而易见。这些东西不能不说明了一个问题，现在的产品功能严重的过剩，干扰和打击了用户的使用欲望。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 因此，产品经理在做产品规划分析时，要先多走访用户，分析他们的需求，并仔细体会竞争产品的特点，看到底是什么功能吸引了用户。可以先模仿，然后再突破创新。站在巨人的肩上总是看的比较远。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于UI设计，是产品管理中的一个大头痛的问题。因为，UI设计人员，有自己的设计思路，并且，很多产品经理，并没有特别好的UI审美技能，如果一味的产品经理来决定的话，最终即伤害了设计师的感情，又让产品拿不出手。所以，产品经理要多了解当前最新的设计走向，多上一些设计网站，什么ICON网站，CHINAUI，深度，IOCNFANS之类的，了解国内，国际设计新的走向，让自己视野宽阔。另外，也要结合公司的设计风格及交互设计师的建议，进行综合考虑。比如，很早以前QQ的产品设计，各自为政什么花样的都有，不过现在他们都在逐步改善，当前新出的旋风2和QQ MUSIC，QQ影音都在设计上趋于一个风格。这样既减少了沟通成本，又大大减少了产品经理的负担。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于交互设计，产品经理一般情况是出个原型图（我一直纳闷为什么让产品经理出原形图,个人更倾向于让产品经理出模块和重点标识，交互设计师设计原型，然后和产品经理以及设计师一起讨论），然后，与交互设计师讨论。说到交互设计，产品经理不得不去多看看，《设计心理学》《情感化设计》《ABOUT FACE2》《交互设计之路》《社会心理学》之类的书，这样有利于提高与交互设计师的思想碰撞的机会，无法想象连一点交互概念都不懂的PM，怎么去和交互设计师去沟通，那不是对牛谈琴嘛。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 而在设计产品时，交互设计的设计思想要贯穿始终，以减少用户反映时间，符合用户心理模型，减少用户操作步骤，尽量用色彩，形状和位置等来引导用户。这些都是要仔细琢磨，反复尝试以及多让真实用户参与其中的问题。这也反映了，一个好的产品经理，应该是个协同工作的高手，是个交流沟通的高手，能激发开发人员的情绪和斗志；也应该是一个心细的人，及时了解团队中的细微变化。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于时间进度的问题，不用说，是整个产品开发过程中的重点问题。由于是团队开发，每个人的习惯以及技术能力问题，以及产品的模块划分及构架层次划分问题，都会牵扯到开发进度的拖延等。如果避免时间拖延问题，这在于产品经理对产品的把握及产品功能描述时与开发经理的沟通上。尽量详细的给出功能列表和达标参数，开发经理根据这些来初步估计开发时间，并分配不同的开发人员开发不同的模块。最终，形成一张甘特图及每日开发汇报表，形成开发进度协调管理。产品经理最好有GTD的概念，对纷繁的事件可以从容应对。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 就算如此，开发进程中也会出现这样那样的难题，偶尔一个难题或者一个核心参数总是达不了标，时间的拖延就由此产生。所以，在做开发计划表时，要尽量给排错冗余时间，并且，在产品路线图时，把核心解决的问题，作为重点攻关。不然，产品到最后，仅仅形成一个架子，很难形成一个有竞争力的产品</p>
<blockquote><p><strong>2. 产品运营管理类</strong>，主要在于产品定位设计和产品营销推广上，主要集中体现的六大技能核心在于：<strong>产品定位及竞争分析</strong>，<strong>产品推广渠道拓展</strong>，<strong>产品周边部门协作与沟通</strong>，<strong>产品广告投放分析</strong>，<strong>产品运营数据分析</strong>以及<strong>活动规划组织能力</strong>，综合起来是个产品营销的过程。</p>
</blockquote>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一个产品的切入点，产品的受众人群，受众的分析以及竞争对手的产品特点，我们的产品形成的差异化。都是运营类产品经理必须熟悉和掌握的。而且每一个点，都可以写很多文字去做描述，在这里仅仅是提一下，方便大家深入的去挖掘和讨论。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 早上在老兵群里看到了一个写史玉柱的《黄金酒》的文章，感觉写的很不错。高中时代就读了关于史玉柱的一些介绍，了解了史玉柱的发家及破产的历史。对于史玉柱的营销能力甚是佩服，并对他能丢开官样文章，深入分析自己的消费者的能力感到震撼。个人认为，史玉柱的成功，来源于其对社会，对社会心理的深刻体会。能洞察到中国老百姓的真实需求。对于《黄金酒》针对送礼，针对送长辈的定位，抓的非常紧密。鉴于中国国内消费能力的定价以及对于国内非理性消费的把握，通过各种直白通俗易懂（很多专家认为是低俗）的广告轰炸产生的高销售额，同一个时代，在无数广告充斥的信息时代，怎么去抓住人们的眼球，并从他们口袋里掏钱，研究的人太多了。大部分广告的投入，也就是广告主和自己公司的员工在YY而已。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 说到推广，这应该是产品开发完成后，大家最关注的问题。怎么在无数信息中，突出自己产品，运营人员任重道远。水平营销，新技术营销，博客营销，话题营销，饥饿营销等等，都提供了各种不同的方式。这些内容，在秋水的那本《名博是怎么练成的》这本书里面写了许多，而且和秋水的聊天里，也能体会到，秋水对这本书的推广过程中，所运用的营销手段所产生的效果很满意。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 具体的营销策略和方式，现在介绍的书很多，不过，一个产品用好一种营销模式，用够用透，效果就已经很惊人了。而且，我本人也正在学习这些东西。所以，现在就写有点班门弄斧的味道。等以后成熟了，再写一个相关的东西。现在如果要要看案例，可以参考秋水的《名博是怎样炼成的》这本书。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 说到投放广告，这在产品经理的职业中很容易遇到，因为，活动产品的推广时都会涉及到这个事情。一般我的方式就是三段操作：</p>
<blockquote><p><strong>1、 找到我的用户群都在说明地方混？</strong></p>
<p><strong>2、 找到他们喜欢什么？</strong></p>
<p><strong>3、 找到最佳的投放形式。</strong></p>
</blockquote>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这三点满足了，然后再分析他们的数据，看是不是地铁口流量（无效流量），这样的流量只是好看不中用，虽然流量很大，但是转化率非常低。最有效的办法，就是在他们经常出没的地方投放合适的广告，并注意广告的展示形式。比如：我是做iphone的B2C的网站，或者赠送活动。我们就要找国内哪些网站是IPHONE或者苹果爱好者最多的。比较之下，TGBUS的IPHONE社区和WEIPHONE。COM这个，肯定是比较好的选择。但是相比之下，为了节约开支，我们只能选择一个社区，那么我选择WEIPONE。</p>
<p>原因如下：</p>
<p>1、 国内做的比较早的IPHONE论坛，在线人数基本上都是万人以上。</p>
<p>2、 网站有自己的IPHONE程序，这样吸引了很多粉丝在里面，而玩这些第三方软件的人，都是IPHONE玩家，肯定是我们的目标对象。</p>
<p>3、 网站有很多即时翻译的文章，很吸引人，APPLE互射区，人气很好。</p>
<p>4、 网站有独立的下载服务器，我测试了一下速度不错，虽然是收费的但是支持多线程，用QQ影音下200K的速度还是可以达到的。这样的服务措施，一是该网站有一定的营收，流量比较真实；二是有了这些爱好者的数量也是得到保证的。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 多方原因，促使我选择WEIPHONE的社区投放广告。但是，要达到效果的话，仅仅投入文字链和图片链接，感觉都太被动。如果可以和网站展开一次活动，让网友参与到这个活动之中的话，效果是最佳的。这也是我们在外投放时所积累的经验，被动的等待的除非你的文字链特别诱人，就算是特别诱人，吸引过去的人的转化率是非常低的。浪费了钱也浪费了感情。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于互动活动，在搜刮和海洋公园以及最后的情人节中我们都采用了互动的方式。让网友参与到活动中来，通过交互让产品的品牌和产品的价值更深入的刻入网友的记忆里。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 选好了推广地点和操作方式，我们的活动规划和活动周边的步骤都该启动了。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 做一个活动，并不是把活动页面网服务器上一挂，大家都可以哈皮去了。其实活动本身都有自己的一套操作模式。下面我说一下一个标准的活动操作模型：</p>
<p><strong>1、 活动规划</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 提出构想、开碰头会大家一起脑爆、把各种不同喜好的同事拉在一起，这样有利于各种不同的方式产出率很高。比如喜欢玩游戏的，喜欢看动漫的，喜欢玩户外的人，他们的思维方式都有很大差异。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这个会议结束之后，基本上可以初拟出一个活动的方案。然后就是讨论活动方案细节，活动方案一般包括：</p>
<p>1、 活动3W，时间、地点，参与人</p>
<p>2、 活动组织形式</p>
<p>3、 活动执行CBS（任务分解）这个阶段包括，活动组织，活动路线，活动的周期，活动的联络人群等等。</p>
<p>4、 确定活动招商计划（指定市场部的同事跟哪些厂商接触）</p>
<p>5、 活动对外宣传（通过公司自有渠道，软文、新闻、论坛、QQ群等推广）</p>
<p>6、 话题组织是个重点，要确定哪些话题是具有争议的，怎么去部署话题的实施。任何一个娱乐活动，其核心不在于参与的方式，而在于操控。比如美国偶像，超女等这类活动，都是在具体的操盘手的操控下，达到了满足人们心理寄托，欲望发泄等需求。通过这些操控和话题的引导，让矛盾激化，产生更大的传播效果。所以，话题组织在活动中是个关键点，而且也有很多不可控制的地方。</p>
<p>7、 活动收尾，一个活动要做好，不能虎头蛇尾。最最后的收尾工作，也不能马虎。要做到获奖者兴高采烈，没获奖的要积极万分，准备参加下一场比赛。</p>
<p><strong>2. 活动执行</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 做一个活动再好的方案和执行案都不能一劳永逸，最重要的是能否执行到位。这涉及到一个活动种，我们的组织结构的人员是否能够分配合理，不让人人都不知道干啥，也不能让他们觉得干好干坏是一个样。这样我们就要做一个活动执行标准案。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一是要明确我们的活动执行分解，每个人都有自己的一块权限，而且权限之间不可交叉。而每个人的权限后面又有达标参数。比如，拓展和宣传方面的同事，该做说明，该怎么做，做到什么状态是比较好的，都要有说明。我前段时间看了一个脑白金的营销方案。感觉真不错，里面写的很详细。从怎么说话，怎么摆物品都写的很清楚。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一句话，执行案不是说大话的，要切实可行。人员拿到东西之后，就知道怎么去做，而不会产生很多疑问。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一切准备妥当，活动可以开始了。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 对于最后的活动结果评估，都有相应的数据。如果是看网站访问数据的话，推荐看《精通Web Analytics》这本书可以让你更理性的对待数据，而不是天天看这IP和PV说事。</p>
<p><strong>什么样的人适合做产品经理？</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 想做产品经理的人很多，特别是互联网的人。其实我个人觉得产品经理这个经理其实不是经理，只是一个普通职位而已。只对产品负责，是很辛苦而又很富有挑战的工作。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 这个工作只适合，喜欢说话，头脑敏捷，思维清晰，与人沟通能力强，责任心到位的一个人。这只是基本需求，而更多的技能需求，就是掌握设计原型的只是，对设计和程序都有所接触，至少可以懂得用说明语言和人交流。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 人本身的特点，是否对产品，特别是新鲜的事物有着痴迷，而且兴趣特别广泛的人。这样的人对于产品的追去是很强烈的，可以为产品团队带来更多的激情。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 最后就是具有领导力，虽然不是领导，但是具有个人魅力的人，是非常适合的。再加上做事积极的态度和良好的心态。</p>
<p><strong>总结:</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 古人云：“善弈者谋势，不善弈者谋子!”,希望大部分互联网产品经理们，不管你现在还在门外徘徊、还是已经初步形成了自己的想法、或者已经具备了作为一个比较合格的产品经理的条件，都要不断的充实自己，不断的挑战自己的极限，扩大自己的眼界，从社会学，心理学和市场营销上汲取知识，时刻关注业界的变化，而不是天天盯这一些小事上纠缠，希望能成为产品人的朋友，继续努力。继续在工作中获得喜悦。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; <a href="www.temple.com.cn" target="_blank">原文来源</a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/05/24 -- <a href="http://www.fallensnow.net/index.php/archives/1578" title="web交互设计方法-交互模型">web交互设计方法-交互模型</a></li><li>2010/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&mdash;减少记忆负担">交互设计实用指南&mdash;减少记忆负担</a></li><li>2009/11/24 -- <a href="http://www.fallensnow.net/index.php/archives/1057" title="基于Adobe Air的优秀跨平台网站产品原型设计工具 Balsamiq Mockups">基于Adobe Air的优秀跨平台网站产品原型设计工具 Balsamiq Mockups</a></li><li>2009/11/11 -- <a href="http://www.fallensnow.net/index.php/archives/1025" title="以用户为中心的PM与产品设计 装B">以用户为中心的PM与产品设计 装B</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1" title="产品设计" rel="tag nofollow">产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ued" title="UED" rel="tag nofollow">UED</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a7%e5%93%81%e7%bb%8f%e7%90%86" title="产品经理" rel="tag nofollow">产品经理</a>, <a href="http://www.fallensnow.net/index.php/archives/category/observation" title="业内视角观察" rel="tag nofollow">业内视角观察</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1" title="交互设计" rel="tag nofollow">交互设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ui" title="UI" rel="tag nofollow">UI</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/pm" title="PM" rel="tag nofollow">PM</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1537/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>淘宝网用户体验团队（UED）视频 -不只只是招聘广告</title>
		<link>http://www.fallensnow.net/index.php/archives/1511</link>
		<comments>http://www.fallensnow.net/index.php/archives/1511#comments</comments>
		<pubDate>Tue, 06 Apr 2010 17:27:29 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[小收藏]]></category>
		<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[taobao]]></category>
		<category><![CDATA[UED]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1511</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160;&#160; 淘宝网用户体验团队（UED）和淘宝网站一起，正在几千万会员的支持下高速发展，这种高速的发展使我们对于人才的渴求是如此的强烈。    &#160;&#160;&#160;&#160;&#160;&#160; 但是，我们很诚实，在你“应聘”之前，我们要先告诉你：我们没有两台并列的24′专业显示器，我们只有和会员家用一般大小的17&#8242;我们没有可以躺着开会的椅子，但我们的会议室有走时特准的大挂钟；

我们没有天天出龙虾的厨房，但我们有难吃的盒饭和吃了三年还最开心的午饭时间；   我们没有外企那种悠长假期，但我们有每晚在楼下等到凌晨的杭州“的哥”；    我们没有让人口水满地的薪水报酬，但我们有别处无法得到的压力与历练；

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1511" title="淘宝网用户体验团队（UED）视频 -不只只是招聘广告">阅读全文——共386字</a></span>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left"><a href="http://www.fallensnow.net/index.php/archives/1511"><img style="border-bottom: 0px; border-left: 0px; margin: 0px 10px 0px 0px; display: inline; border-top: 0px; border-right: 0px" title="淘宝网用户体验团队（UED）" border="0" alt="淘宝网用户体验团队（UED）" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/04/image_thumb31.png" width="118" height="32" /></a>&#160;&#160;&#160;&#160;&#160;&#160;&#160; 淘宝网用户体验团队（UED）和淘宝网站一起，正在几千万会员的支持下高速发展，这种高速的发展使我们对于人才的渴求是如此的强烈。    <br />&#160;&#160;&#160;&#160;&#160;&#160; 但是，我们很诚实，在你“应聘”之前，我们要先告诉你：我们没有两台并列的24′专业显示器，我们只有和会员家用一般大小的17&#8242;我们没有可以躺着开会的椅子，但我们的会议室有走时特准的大挂钟；</p>
<p style="text-align: left">我们没有天天出龙虾的厨房，但我们有难吃的盒饭和吃了三年还最开心的午饭时间；   <br />我们没有外企那种悠长假期，但我们有每晚在楼下等到凌晨的杭州“的哥”；    <br />我们没有让人口水满地的薪水报酬，但我们有别处无法得到的压力与历练；</p>
<p> <span id="more-1511"></span>
<p style="text-align: left">[See post to watch Flash video]所以，我们最想告诉你的是：   <br />&#160;&#160;&#160;&#160;&#160;&#160; 在这里，工作早已不是我们考虑的问题，我们挥洒青春为之奋斗的，是我们的事业，一件让中国人自豪的事业！    <br />&#160;&#160;&#160;&#160;&#160;&#160; 所以，来加入我们吧！如果你接受我们的苦和乐，如果你想战斗而不是糊口！</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/07/12 -- <a href="http://www.fallensnow.net/index.php/archives/1595" title="强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献">强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献</a></li><li>2009/06/28 -- <a href="http://www.fallensnow.net/index.php/archives/543" title="2009年淘宝UED团队招聘">2009年淘宝UED团队招聘</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/04/06 -- <a href="http://www.fallensnow.net/index.php/archives/1501" title="大淘宝电子商务生态圈深度分析(一) by P迪">大淘宝电子商务生态圈深度分析(一) by P迪</a></li><li>2010/03/31 -- <a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&mdash;减少记忆负担">交互设计实用指南&mdash;减少记忆负担</a></li><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ued" title="UED" rel="tag nofollow">UED</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/taobao" title="taobao" rel="tag nofollow">taobao</a>, <a href="http://www.fallensnow.net/index.php/archives/category/%e5%b0%8f%e6%94%b6%e8%97%8f" title="小收藏" rel="tag nofollow">小收藏</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1511/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>大淘宝电子商务生态圈深度分析(一) by P迪</title>
		<link>http://www.fallensnow.net/index.php/archives/1501</link>
		<comments>http://www.fallensnow.net/index.php/archives/1501#comments</comments>
		<pubDate>Tue, 06 Apr 2010 06:07:19 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[业内视角观察]]></category>
		<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[taobao]]></category>
		<category><![CDATA[淘宝网]]></category>
		<category><![CDATA[用户分析]]></category>
		<category><![CDATA[电子商务]]></category>
		<category><![CDATA[角色分析]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1501</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;&#160;&#160; 大淘宝策略事实上并不是竞争策略，而是商业发展策略。尽管从大淘宝策略本身来看，无论对于QQ百度这些竞争对手来说具有非常强的竞争意义，但是其核心确实 源于电子商务生态发展自身的规律而产生的。事实上对于电子商务生态圈的认识，淘宝自身也是一直在摸着石头过河，是在不断的试错过程中逐步清晰的。

&#160;&#160;&#160;&#160;&#160;&#160; 在中国电子商务这个市场，无论是已经依赖于淘宝平台的商业角色，还是准备进入电子商务领域的观望者，如果不深入了解淘宝电子商务生态圈的内在规律，都将面临 巨大的重复试错的成本。请注意，我这里用的是“生态圈”而不是“生态链”，原因在于，在我研究淘宝电子商务生态环境的过程中发现，淘宝的生态环境里各角色 之间的关系不是单一的链条关系，各角色之间有着复杂的多重利益依存关系。我曾经试图通过图示的方式想要来提炼出这个生态关系图，但是无论用 MINDMANAGER还是POWERPOINT最终都无法画出满意的图来，所以，这里还是通过文字的方式来做一阐述。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1501" title="大淘宝电子商务生态圈深度分析(一) by P迪">阅读全文——共3867字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/wp-content/uploads/2010/04/image3.png"><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/04/image_thumb3.png" width="118" height="32" /></a>&#160;&#160;&#160;&#160;&#160;&#160; 大淘宝策略事实上并不是竞争策略，而是商业发展策略。尽管从大淘宝策略本身来看，无论对于QQ百度这些竞争对手来说具有非常强的竞争意义，但是其核心确实 源于电子商务生态发展自身的规律而产生的。事实上对于电子商务生态圈的认识，淘宝自身也是一直在摸着石头过河，是在不断的试错过程中逐步清晰的。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 在中国电子商务这个市场，无论是已经依赖于淘宝平台的商业角色，还是准备进入电子商务领域的观望者，如果不深入了解淘宝电子商务生态圈的内在规律，都将面临 巨大的重复试错的成本。请注意，我这里用的是“生态圈”而不是“生态链”，原因在于，在我研究淘宝电子商务生态环境的过程中发现，淘宝的生态环境里各角色 之间的关系不是单一的链条关系，各角色之间有着复杂的多重利益依存关系。我曾经试图通过图示的方式想要来提炼出这个生态关系图，但是无论用 MINDMANAGER还是POWERPOINT最终都无法画出满意的图来，所以，这里还是通过文字的方式来做一阐述。</p>
<p> <span id="more-1501"></span>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 我将分三篇文章来 详细分析这个问题，第一篇，介绍大淘宝生态圈的各个商业角色和商业定位以及他们对整个生态圈的影响；第二篇，将详细分析大淘宝生态圈核心角色之间的利益关系；第三篇，将对淘宝生态圈各角色的核心发展策略给出建设性指导意见。</p>
<p><strong>淘宝生态圈的角色</strong></p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 要了解淘宝生态圈，首先必须了解这个生态圈是有哪些商业角色组成的，然后再研究这些角色之间的利益关系。在大淘宝策略下的电子商务生态圈我把它分为核心角色和外围角色两部分。</p>
<p><strong><font color="#0080ff">一、核心角色</font></strong></p>
<p><strong>A、消费者（买家）。</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 这是这个生态圈的核心，淘宝 模式最大的成功就在于聚合了巨大的消费者群体，淘宝的模式基本上可以认为是“挟消费者以令商家”的模式。因此，对于消费者的聚合能力和服务能力成为了这个 生态圈里所有角色的商业核心。</p>
<p><strong>B、网络分销商。</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 这里不是用“卖家”，而是用“网络分销商”，主要原因在于要区别出 以网络分销为主的卖家和以自有品牌和自有生产的商家。尽管后者也有很多直接在淘宝上进行TO C的销售，但是其商业运作模式和网络分销商有着非常大的区别，同时他们所得到的淘宝的资源支持也有很大区别。大多数网络分销商是最早的淘宝卖家，可以说， 淘宝今天的成功很大程度上来自于这个群体的贡献。</p>
<p><strong>C、品牌商和生产商。</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 品牌商和生产商是所有商务的源头，他们并不 是淘宝最早的商业角色，恰恰相反，他们进入电子商务生态圈的时间反而是相对滞后的。有了早年淘宝网络分销商在帮他们探路，再加上淘宝平台的战略倾斜，这些 传统商业的核心角色才渐渐地进入这个领域。在这个角色中，仍然有两类不同的类型，一类是传统的品牌和生产商，他们在传统渠道已经具有了一定的品牌知名度和 市场份额；另外一类则是依赖于网络而创建的新的网络品牌，后者中有不少是基于角色B网络分销商转型过来的。</p>
<p><strong>D、第三方服务商。</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 商业的活跃势必诞生第三方服务，对于电子商务来说，第三方服务早在阿里巴巴B2B时代就有，随着淘宝的高速发展，第三方服务也越来越活跃。目前第三方服务商 主要是服务于网络分销商和品牌商，主要提供各类营销工具和营销服务。淘宝TOP平台为各类第三方服务商提供了一个平台，而类似五洲在线猎宝网等则作为独立 的第三方服务平台为品牌商提供淘宝营销托管服务。随着淘宝大商圈的发展，未来还会有更多的为消费者提供服务的第三方服务商出现。对于第三方服务商来说，深 入了解淘宝生态圈的内在规律和发展趋势非常关键，事实上，这也是最有发展潜力的一个领域，可以预见的金矿非常大，能否把握趋势，提前介入，为卖家提供更好 的营销工具，为买家提供更好的导购服务，将是这一角色的成功关键要素。     <br />&#160;&#160;&#160;&#160;&#160;&#160; 需要单独指出的是，物流公司和第三方支付从逻辑上也应该划归第三方服务商这 一角色，但是这两个角色比较特殊，前者的介入门槛高，行业特殊性强，后者目前还由支付宝一家来支撑并为全面开放。所以这两个角色在相当长的一段时间内属于 非完全自由竞争市场，他们的命运很大程度上取决于淘宝平台的合作策略，所以需要单独拿出来看。</p>
<p><strong>E、淘宝平台。</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 淘宝这个商业圈的核心角色是淘宝平台，如果把这个商业圈作为一个国家来看，淘宝平台就是这个国家的政府，一个国家是否有持续的竞争力和高速发展的动力，取决于 这个国家的管理机制和文化。对于淘宝这个新兴政府，需要学习的东西还很多。目前阶段，淘宝依然是整个电子商务生态圈的核心，所以在这个生态圈的各类角色必 须了解和熟悉淘宝平台自身的战略。对于这个平台自身，他也必须了解整个生态圈的内在规律，引领整个国家科学发展。这方面可以参考我写的《淘宝的科学发展观 和三个代表》。对于淘宝来说，需要平衡短期利益和长远发展之间的关系，需要平衡开放和可控之间的关系，需要平衡利益与责任之间的关系，需要平衡日益活跃的 经济行为和相对滞后的管理能力和法规建设的关系。     <br />&#160;&#160;&#160;&#160;&#160;&#160; 这里需要补充一点，基于大淘宝策略下，事实上影响整个生态圈的还包括阿里集团下的其他几家公司， 包括B2B，支付宝，阿里云计算，和未来有可能出现的阿里无线。他们必然会参与到整个大淘宝策略中来，大家可以从最近的大淘宝策略的核心高管组成中看出点 端倪来。</p>
<p><strong><font color="#0080ff">二、辅助角色</font></strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 除了以上几个生态圈的核心角色之外，淘宝电子商务生态圈还有一些非常重要的辅助角色。这些角 色也在时刻影响着整个大生态圈的发展。并且在未来的某个时期，这些角色中的一些很有可能会成为生态圈的核心角色。     <br /><strong>A、媒体</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 媒体对于大淘宝策略的影响非常巨大，这可以从两个方面来看，一方面淘宝内部强化了媒体资讯的战略地位，从《淘宝天下》发行到和湖南卫视合资成立电视购物频道，到网站上数字娱乐频道的推出都可以看出淘宝正在通过强化媒体对民众的渗透来扩大淘宝的影响力。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 另一方面，外部媒体对电子商务的逐步关注，以及其他电子 商务发展必然形成的媒体攻势都形成了民众对电子商务认知的空前热度。媒体的导向会很大程度上影响消费群体对于淘宝已经大淘宝生态圈的认知。比如淘宝假货的 报道和诚信问题的报道其实业内人士看起来都是很幼稚和可笑的，但是却对消费群体影响巨大。因此，整体大淘宝策略需要充分利用好媒体资源。    <br /><strong>B、 资本市场</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 任何一个成熟的商业，最终都离不开资本市场的介入，这是资本趋利的必然。对于大淘宝生态圈来说，资本是双面刃，可以说合作者，也可以说敌人。未来会深度介入大淘宝策略的资本会分为财务资本和产业资本两部分，而对于阿里集团来说，他的投资也会介入，也会存在两种类型的资本。需要指出 的是，资本市场对于大淘宝策略的理解也是具有很大差异的，投大淘宝商业圈里面的电子商务还是投圈外的电子商务，不同的资本会有不同的判断。对于资本市场的 影响很大程度上取决于大淘宝生态圈建设的成熟度。这个博弈短期内还影响不大，但是未来会产生非常巨大的影响。     <br /><strong>C、政府机关</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 任何商业都是国家的商业，无论是淘宝自身还是网商群体们，和各级相关政府的关系都非常重要，是理解扶持，还是限制打压，是鼓励良性竞争，还是希望国有垄断。 也许在发展的早期，需要关注的是政府的脸色和政绩，但是随着淘宝经济体的发展，未来更需要关注政府的利益和业绩。在这个过程中，阿里集团和政府的关系会非 常微妙，因为淘宝首当其冲的必须一方面承担起网商代言人的角色为民请愿；另一方面，他又要更多地帮助政府来规范市场传达国家意志。     <br /><strong>D、移动 运营商</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 未来的电子商务市场，移动互联网会是一个新的决胜领域，并且这个领域的嚣战不会是拉锯战，几年之内会确定市场格局，移动运营商对于 电子商务这块大蛋糕睥睨已久，对于终端和渠道的垄断使得他们对电子商务的野心非常大。大淘宝电子商务生态圈和移动运营商的关系会非常复杂，这不仅仅取决于 淘宝平台和运营商的关系，未来，运营商会和大淘宝生态圈上的各个角色之间都有渗透，会有挫折发展的竞争和合作关系。可以预见的未来5年之内，移动电子商务 领域会是一场惨烈的激战。     <br /><strong>E、传统商业线下渠道</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 由于整个中国零售业中，电子商务销售额还只占到2%，因此，线下拓展成为电 子商务自身发展的必然趋势，而随着媒体对电子商务的普及传播，越来越的线下渠道也纷纷进入电子商务领域。线下和线上的合作协作会越来越深入。传统商业的非 常成熟的渠道运作和固定消费市场对于整个电子商务生态圈具有非常巨大的影响。这里面分为两类，一类是品牌商和生产商原有的线下传统渠道会逐步和电子商务生 态圈进行融合，另外一方面，大型商业零售巨头会开始进行电子商务尝试。这两类线下资源的融合会对电子商务生态圈的利益关系产生很大的影响，融合的好就会出 现线上线下双赢的局面，融合的不好就会出现线上线下冲突的结果。     <br /><strong>F、其他电子商务竞合关系</strong>     <br />&#160;&#160;&#160;&#160;&#160;&#160; 我曾经对很多独立B2C讲过，无视和不参与到大淘宝电子商务生态圈里面来，独立B2C永远不可能取得真正意义上的成功。这里我用竞合关系，而不是用竞争对手，就是这个意思，无论是拍拍有啊这些综合电子商务平台，还是京东红孩子这些独立B2C，跟淘宝上竞争还是合作，如何合作，如何做到依靠但不依赖，如何设计共生共赢的合作关系，都会直接 影响这些企业未来5年的发展格局。而随着大淘宝策略的更加开放和更大范围的消费群体渗透，这种竞合关系会不依赖于这些商业主体自身的意愿而发生，即，你不 跟淘宝直接合作，你的合作商会跟淘宝合作，你的合作商会跟大淘宝商圈里的其他角色合作。如何选择合作时机、合作对象、合作方式，会成为这些电子商务公司未 来几年的重要策略。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 以上只是简单罗列了整个淘宝电子商务生态圈的各个角色，这些角色之间的利益关系和合作方式会决定整个生态圈是否能够良 性发展，同时也决定了每个角色自身的发展前景。下一篇将详细分析一下大淘宝生态圈里的几大核心角色之间的利益关系和竞合关系。</p>
<p>本文作者：<a href="http://www.alibuybuy.com/15191.html" target="_blank">P迪</a></p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/07/15 -- <a href="http://www.fallensnow.net/index.php/archives/1596" title="淘宝网-门户产品团队 招产品经理7名，欢迎大家直接推荐">淘宝网-门户产品团队 招产品经理7名，欢迎大家直接推荐</a></li><li>2010/07/12 -- <a href="http://www.fallensnow.net/index.php/archives/1595" title="强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献">强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献</a></li><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1511" title="淘宝网用户体验团队（UED）视频 -不只只是招聘广告">淘宝网用户体验团队（UED）视频 -不只只是招聘广告</a></li><li>2009/06/28 -- <a href="http://www.fallensnow.net/index.php/archives/543" title="2009年淘宝UED团队招聘">2009年淘宝UED团队招聘</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/%e8%a7%92%e8%89%b2%e5%88%86%e6%9e%90" title="角色分析" rel="tag nofollow">角色分析</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/taobao" title="taobao" rel="tag nofollow">taobao</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%b5%e5%ad%90%e5%95%86%e5%8a%a1" title="电子商务" rel="tag nofollow">电子商务</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%a8%e6%88%b7%e5%88%86%e6%9e%90" title="用户分析" rel="tag nofollow">用户分析</a>, <a href="http://www.fallensnow.net/index.php/archives/category/observation" title="业内视角观察" rel="tag nofollow">业内视角观察</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e6%b7%98%e5%ae%9d%e7%bd%91" title="淘宝网" rel="tag nofollow">淘宝网</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1501/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>交互设计实用指南&#8212;减少记忆负担</title>
		<link>http://www.fallensnow.net/index.php/archives/1489</link>
		<comments>http://www.fallensnow.net/index.php/archives/1489#comments</comments>
		<pubDate>Wed, 31 Mar 2010 06:07:06 +0000</pubDate>
		<dc:creator>落雪</dc:creator>
				<category><![CDATA[技术教程]]></category>
		<category><![CDATA[网站产品设计]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[UED]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.fallensnow.net/index.php/archives/1489</guid>
		<description><![CDATA[本文来自：淘宝UED ——《辞海》中“记忆”的定义是：“人脑对经验过的事物的识记、保持、再现或再认。”记忆是人类一个非常重要的心理活动，它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中，记忆和软件交互的关系最为密切。我们脑内的神经元反映的信息在需要用的时候可以被准确的再次呈现，也就是储存在DNA链上的信息基因，在适当条件下，指导合成信息蛋白并呈现的过程。在信息处理的角度，我们都关心怎么找到信息，而找到信息的结果，也正是再认、再现的目的。按先后阶段顺序，记忆分为三种类型：感官记忆、短时记忆、长期记忆。

<span class="readmore"><a href="http://www.fallensnow.net/index.php/archives/1489" title="交互设计实用指南&#8212;减少记忆负担">阅读全文——共1927字</a></span>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.fallensnow.net/wp-content/uploads/2010/03/image1.png"><img style="border-right-width: 0px; margin: 0px 20px 0px 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="image" border="0" alt="image" align="left" src="http://www.fallensnow.net/wp-content/uploads/2010/03/image_thumb1.png" width="159" height="40" /></a> 本文来自：<a href="http://ued.taobao.com/blog/index.php/2010/03/19/guyin3/#more-1872">淘宝UED</a> ——《辞海》中“记忆”的定义是：“人脑对经验过的事物的识记、保持、再现或再认。”记忆是人类一个非常重要的心理活动，它是人类很多其他思维活动和行为的基础。在所有的认知心理活动中，记忆和软件交互的关系最为密切。我们脑内的神经元反映的信息在需要用的时候可以被准确的再次呈现，也就是储存在DNA链上的信息基因，在适当条件下，指导合成信息蛋白并呈现的过程。在信息处理的角度，我们都关心怎么找到信息，而找到信息的结果，也正是再认、再现的目的。按先后阶段顺序，记忆分为三种类型：感官记忆、短时记忆、长期记忆。</p>
<p> <span id="more-1489"></span>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 由于互联网产品的特性，用户在使用过程中，通常只用到感官记忆和短时记忆。感官记忆是指个体凭视、听、味、嗅等感觉器官感应到刺激时所引起的瞬间记忆（一般按几分之一秒计算）。感官记忆只留在感官层面，如不加注意，马上就会消失。感官记忆的时间非常的短，然而在试验中我们会发现，在视觉刺激后留有暂时的余像，比如卡通动画就是连续静止的画面在 我们面前快速运动产生。除了余像，声音也会有短时间的余留，然而余音、余像现象只在一秒内，甚至半秒内完成，所以对于提高记忆力或减少记忆负担没有什么意义。</p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; 一般的短时记忆只能保持二十秒左右，最长不超过一分钟。在这么短的时间内我们能储存多少信息呢？答案是7±2即5～9个项目，平均为7 个项目。这是美国心理学家约翰.米勒在其论文《魔力之七》中证实的。这个七是指什么呢？七个数字，还是七个人名，或是七件东西？其实都可以。</p>
<p><strong>定义</strong></p>
<p>&#160;&#160;&#160;&#160;&#160; 根据一般人的短时记忆存储规律，我们把产品给用户带来的记忆挑战或困难叫作记忆负担。    <br />这里分为两种负担： </p>
<blockquote><p>1. 产品给与用户的记忆负担，包括产品的内容信息，操作功能等。       </p>
<p>2. 用户自己的记忆负担，包括自己的个人信息，安全问题答案，输入内容，上次操作行为，操作流程等。</p>
</p>
</blockquote>
<p><strong>分析</strong>     <br />第1，人在短时间的注意力是集中和少量的，基于识别的用户界面在很大程度上依赖于用户所关心对象的可见性，显示太多的对象和属性会让用户很难找到感兴趣的对象。     <br />第2，用户不喜欢经常重复性输入一些信息，比如个人帐号，安全信息，操作习惯，上次操作行为等，这些工作占用了用户完成其他重要任务的时间。     <br />如何减轻用户的记忆负担呢？</p>
<p><strong>1.使用常用交互方式和文案,力求简洁</strong></p>
<p>美国科学家研究发现，大脑会“优待”较常用的记忆内容和操作形式，有意抑制那些相似但不常用的内容，以便减轻认知负担，防止混淆。 从某种程度上来说，习惯就是一种”熟知记忆”。可以不出现的内容尽量不出现，即使需要出现也要用最简洁的方式出现。（<a href="http://ued.taobao.com/blog/2009/12/31/simple/">交互设计实用指南系列(4)—简洁清晰，自然易懂</a>）</p>
<p><img alt="" src="http://img06.taobaocdn.com/tps/i6/T1za0vXjleXXXXXXXX-569-268.jpg" />     <br />上图是某银行网站上的流程说明，充满了专业词汇和不必要记住的内容。个人以为，既然是需要线下办理的流程，不如用最常用的交互方式和文案来说明。比如学习一下移动公司：请到银行网点办理，具体银行职员会详细说明。然后银行出具一张纸质清单，反正别人也记不住这么多电子信息。     <br /><strong>2.保持正确的对应关系</strong>     <br />在用户的操作流程中，必须保持正确的对应关系，一个流程只有一个最重要的操作，一次操作只有一个结果，逻辑清晰，有先有后。比如有操作步骤提示的时候，就严格按照12345步来排列，不能一会跳到第3步，一会又跳到第2步。流程的对应关系混乱会加大用户的的记忆负担。</p>
<p><img alt="" src="http://img01.taobaocdn.com/tps/i1/T1DFRvXXdHXXXXXXXX-708-106.jpg" /></p>
<p>上图是新手进入Flickr流程说明。</p>
<p><strong>3.控制信息量</strong>     <br />神奇的数字—7,多数情况，用户记忆信息在7加减2个左右，1个记忆最牢靠，3个很清楚，7个以上就需要给对信息进行分类，来帮助用户理解和记忆。通过合理的设计手段，来使信息有效的推送给用户，或者帮助用户轻松完成任务。<img alt="" src="http://img02.taobaocdn.com/tps/i2/T1sWNvXfpNXXXXXXXX-751-172.jpg" /></p>
<p>上图的评分系统有十个选项，用户在评价的时候需要鼠标浮在蚂蚁图标上获得提示。但是有十个提示，用户很可能看见几个提示之后已经忘记最开始的提示内容了，这样的收集到的评价肯定不准确。这个交互设计案例中有一个缺点之一就是信息超量，用户很难记住过量的信息。(当然还有其他缺陷，比内容展示不明显，信息传达不准确等。)</p>
<p><strong>4.帮助用户记忆</strong>     <br />记住用户的操作与信息，保持操作的一致性来降低用户对于不同操作的记忆。我们可以先记住用户的行为，让用户自己去修改他的行为。比如：用户在输入密码错误之后，刷新后的登录页面仍然保留用户刚输入的用户名；很多网站有收集用户个人资料的需求，也会有状态提示已经完成的百分比，并提示哪些资料还需要完善，帮用户记住未完成的操作等等。这些方式都是在帮助用户记忆，以减少用户记忆负担。</p>
<p><img alt="" src="http://img08.taobaocdn.com/tps/i8/T1_UxuXixIXXXXXXXX-395-230.jpg" /></p>
<p>如上图案例，就是帮助用户记忆的体现。</p>
<p>一款很少有记忆负担的软件产品，肯定更容易得到用户的青睐。减少记忆负担，对于产品和用户来说，可以增强用户黏性，提高工作效率，提升任务成功率。交互设计师在设计产品的时候，要注意到这些方面，才能把产品交互作得更加人性和易用。</p>
<h2  class="related_post_title">落雪猜您还对以下文章感兴趣：</h2><ul class="related_post"><li>2010/07/12 -- <a href="http://www.fallensnow.net/index.php/archives/1595" title="强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献">强势打造《有一点》（UED）杂志破茧而出&mdash;&mdash;来自阿里同事奉献</a></li><li>2010/06/20 -- <a href="http://www.fallensnow.net/index.php/archives/1592" title="手机产品交互设计的几点原则与基础">手机产品交互设计的几点原则与基础</a></li><li>2010/04/07 -- <a href="http://www.fallensnow.net/index.php/archives/1537" title="产品经理的角色定位">产品经理的角色定位</a></li><li>2010/03/12 -- <a href="http://www.fallensnow.net/index.php/archives/1486" title="创意搜狗输入法设计理念 搜狗输入法成功路">创意搜狗输入法设计理念 搜狗输入法成功路</a></li><li>2010/01/24 -- <a href="http://www.fallensnow.net/index.php/archives/1363" title="提高WordPress 博客手机用户的用户体验 MobilePress">提高WordPress 博客手机用户的用户体验 MobilePress</a></li><li>2010/01/08 -- <a href="http://www.fallensnow.net/index.php/archives/1310" title="The Story of Mr.Gray &mdash; Web 交互设计&ldquo;灰色&rdquo;的8类应用 [ 推荐 ]">The Story of Mr.Gray &mdash; Web 交互设计&ldquo;灰色&rdquo;的8类应用 [ 推荐 ]</a></li></ul>
	标签：<a href="http://www.fallensnow.net/index.php/archives/tag/ued" title="UED" rel="tag nofollow">UED</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/ue" title="UE" rel="tag nofollow">UE</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" title="用户体验" rel="tag nofollow">用户体验</a>, <a href="http://www.fallensnow.net/index.php/archives/category/website-product-desgin" title="网站产品设计" rel="tag nofollow">网站产品设计</a>, <a href="http://www.fallensnow.net/index.php/archives/category/resources" title="技术教程" rel="tag nofollow">技术教程</a>, <a href="http://www.fallensnow.net/index.php/archives/tag/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1" title="交互设计" rel="tag nofollow">交互设计</a><br />
]]></content:encoded>
			<wfw:commentRss>http://www.fallensnow.net/index.php/archives/1489/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
