<?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>Shark UI &#187; 思考杂记</title>
	<atom:link href="http://blog.sharkui.com/category/%e6%80%9d%e8%80%83%e6%9d%82%e8%ae%b0/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.sharkui.com</link>
	<description>deep, fast, sharp, as a shark</description>
	<lastBuildDate>Fri, 07 May 2010 07:30:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>客户、员工、股东</title>
		<link>http://blog.sharkui.com/2010/03/21/company/</link>
		<comments>http://blog.sharkui.com/2010/03/21/company/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 09:56:19 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>
		<category><![CDATA[公司 管理]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=141</guid>
		<description><![CDATA[关于“客户、员工、股东”谁先谁后的问题，每个公司都有自己的判断。比如阿里巴巴是“客户第一、员工第二、股东第三”。
这几天一直在思考这个问题，我发现应该把客户分为“社区”与“客户”这两种不同的概念（当然这个社区不是我们常说的BBS）。社区代表着“使命”，客户代表着“利润”。特别是对互联网公司来说，尤其如此。比如Google的社区是大量免费使用着Google的产品的用户，而客户主要的是广告主（也就是掏钱的那些人）。如果Google不能在经营的过程中分清楚这两类群体，那就一定会影响它对自身价值的追求。
同时，我认为“员工”这个概念应该用“组织”来替换，以强调群体目标而非个人利益。
如果用一个人来类比这几个概念——公司本身（组织/员工）即是人的肉体，它需要空气和水（利润/客户）才能生存下去，但空气和水不应该是这个人对自我价值的追求。一旦解决了生存的问题，他就会开始思考自己为什么而存在，逐步建立自己的价值观，并开始追求自身价值的实现（使命/社区）。当然，在这个人的成长过程中，很有可能需要外界的力量注入才能渡过某些特定的阶段，比如婴儿时期需要母乳的喂养、少年时期需要师长的指导，这就很类似投资（股东）的主要作用。
而员工与组织的关系，像极了细胞与人身的关系，无需赘述。
所以我的排序是：社区&#62;组织&#62;客户&#62;股东（使命&#62;公司&#62;利润&#62;投资）。
===================
社区是我们存在的理由(使命)
组织是我们存在的本身(公司)
客户是我们存在的基础(利润)
股东是我们存在的助手(投资)
===================

&#169; Shark for Shark UI, 2010. &#124;
Permalink &#124;
4 comments &#124;
Add to
del.icio.us

Post tags: 公司 管理

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>关于“客户、员工、股东”谁先谁后的问题，每个公司都有自己的判断。比如阿里巴巴是“客户第一、员工第二、股东第三”。</p>
<p>这几天一直在思考这个问题，我发现应该把客户分为“社区”与“客户”这两种不同的概念（当然这个社区不是我们常说的BBS）。社区代表着“使命”，客户代表着“利润”。特别是对互联网公司来说，尤其如此。比如Google的社区是大量免费使用着Google的产品的用户，而客户主要的是广告主（也就是掏钱的那些人）。如果Google不能在经营的过程中分清楚这两类群体，那就一定会影响它对自身价值的追求。</p>
<p>同时，我认为“员工”这个概念应该用“组织”来替换，以强调群体目标而非个人利益。</p>
<p>如果用一个人来类比这几个概念——公司本身（组织/员工）即是人的肉体，它需要空气和水（利润/客户）才能生存下去，但空气和水不应该是这个人对自我价值的追求。一旦解决了生存的问题，他就会开始思考自己为什么而存在，逐步建立自己的价值观，并开始追求自身价值的实现（使命/社区）。当然，在这个人的成长过程中，很有可能需要外界的力量注入才能渡过某些特定的阶段，比如婴儿时期需要母乳的喂养、少年时期需要师长的指导，这就很类似投资（股东）的主要作用。</p>
<p>而员工与组织的关系，像极了细胞与人身的关系，无需赘述。</p>
<p>所以我的排序是：<strong>社区&gt;组织&gt;客户&gt;股东</strong>（使命&gt;公司&gt;利润&gt;投资）。</p>
<p>===================</p>
<p>社区是我们存在的理由(使命)<br />
组织是我们存在的本身(公司)<br />
客户是我们存在的基础(利润)<br />
股东是我们存在的助手(投资)</p>
<p>===================</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2010. |
<a href="http://blog.sharkui.com/2010/03/21/company/">Permalink</a> |
<a href="http://blog.sharkui.com/2010/03/21/company/#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2010/03/21/company/&amp;title=客户、员工、股东">del.icio.us</a>
<br/>
Post tags: <a href="http://blog.sharkui.com/tag/%e5%85%ac%e5%8f%b8-%e7%ae%a1%e7%90%86/" rel="tag">公司 管理</a><br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2010/03/21/company/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>开封</title>
		<link>http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/</link>
		<comments>http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/#comments</comments>
		<pubDate>Sun, 17 Jan 2010 14:44:09 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=128</guid>
		<description><![CDATA[这次扫黄风暴就是一次言论控制大演习。

&#169; Shark for Shark UI, 2010. &#124;
Permalink &#124;
2 comments &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>这次扫黄风暴就是一次言论控制大演习。</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2010. |
<a href="http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/">Permalink</a> |
<a href="http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/#comments">2 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/&amp;title=开封">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2010/01/17/%e5%bc%80%e5%b0%81/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>网瘾和电击</title>
		<link>http://blog.sharkui.com/2009/08/17/cyber/</link>
		<comments>http://blog.sharkui.com/2009/08/17/cyber/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 09:50:00 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/2009/08/17/cyber/</guid>
		<description><![CDATA[看了网易关于这个新闻的网友评论（链接），发现两派都走进了误区。
其实有一个很简单的事实，这些孩子自懂事起就开始使用网络了，网络已经成为他们的家常便饭。他们与网络的关系，就像呼吸空气一样自然。
换句话说，上网成瘾的小孩和边饶饭边看电视的大妈，在心理需求上是完全一致的。
个人意见：“网瘾”产生的唯一原因是老一代自身对网络的不了解、不接受和不理解，所以，没药可救。

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
One comment &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>看了网易关于这个新闻的网友评论（<a href="http://comment.tech.163.com/tech_bbs/5GTEB79O000915BF.html" target="_blank">链接</a>），发现两派都走进了误区。</p>
<p>其实有一个很简单的事实，这些孩子自懂事起就开始使用网络了，网络已经成为他们的家常便饭。他们与网络的关系，就像呼吸空气一样自然。</p>
<p>换句话说，上网成瘾的小孩和边饶饭边看电视的大妈，在心理需求上是完全一致的。</p>
<p>个人意见：“网瘾”产生的唯一原因是老一代自身对网络的不了解、不接受和不理解，所以，没药可救。</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/08/17/cyber/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/08/17/cyber/#comments">One comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/08/17/cyber/&amp;title=网瘾和电击">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/08/17/cyber/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>书</title>
		<link>http://blog.sharkui.com/2009/08/17/book/</link>
		<comments>http://blog.sharkui.com/2009/08/17/book/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 08:18:17 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/2009/08/17/book/</guid>
		<description><![CDATA[书籍是人类进步的阶梯，网络是人类进步的电梯。

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
2 comments &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>书籍是人类进步的阶梯，网络是人类进步的电梯。</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/08/17/book/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/08/17/book/#comments">2 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/08/17/book/&amp;title=书">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/08/17/book/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>自由</title>
		<link>http://blog.sharkui.com/2009/08/16/freedom/</link>
		<comments>http://blog.sharkui.com/2009/08/16/freedom/#comments</comments>
		<pubDate>Sun, 16 Aug 2009 06:48:28 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=116</guid>
		<description><![CDATA[自由，不是自己想干什么就能干什么，而是无论别人干什么，都能宽容对待。

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
No comment &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>自由，不是自己想干什么就能干什么，而是无论别人干什么，都能宽容对待。</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/08/16/freedom/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/08/16/freedom/#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/08/16/freedom/&amp;title=自由">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/08/16/freedom/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>狗</title>
		<link>http://blog.sharkui.com/2009/08/13/do/</link>
		<comments>http://blog.sharkui.com/2009/08/13/do/#comments</comments>
		<pubDate>Thu, 13 Aug 2009 14:54:04 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>
		<category><![CDATA[dog]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=114</guid>
		<description><![CDATA[发现目标要像猎狗
追逐目标要像疯狗
缠上目标要像癞皮狗

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
2 comments &#124;
Add to
del.icio.us

Post tags: dog

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>发现目标要像猎狗</p>
<p>追逐目标要像疯狗</p>
<p>缠上目标要像癞皮狗</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/08/13/do/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/08/13/do/#comments">2 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/08/13/do/&amp;title=狗">del.icio.us</a>
<br/>
Post tags: <a href="http://blog.sharkui.com/tag/dog/" rel="tag">dog</a><br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/08/13/do/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>传统媒体与网络媒体</title>
		<link>http://blog.sharkui.com/2009/07/28/media/</link>
		<comments>http://blog.sharkui.com/2009/07/28/media/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 16:30:18 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/2009/07/28/media/</guid>
		<description><![CDATA[几个观点，来自今日会面的媒体人：

杂志是信息消费中的奢侈品，奢侈的不是价格，而是时间和心情。网络新闻正好相反。（有理）
营销的方向在发展为：传统媒体打头阵，网络媒体扫长尾。（有理）
互联网已有三亿网民，早晚有一天，流量会不值钱。（这点我存疑，找时间深入思考一下）
草根媒体的问题是“有价值的内容输出不稳定”。（完全同意，这个blog就是这样荒掉的）
每次互联网对信息传播的重大创新，第一打击的就是报纸。（好像是这么回事，也需要研究求证，目前想到一个反例是19楼）


&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
One comment &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>几个观点，来自今日会面的媒体人：</p>
<ul>
<li>杂志是信息消费中的奢侈品，奢侈的不是价格，而是时间和心情。网络新闻正好相反。（有理）</li>
<li>营销的方向在发展为：传统媒体打头阵，网络媒体扫长尾。（有理）</li>
<li>互联网已有三亿网民，早晚有一天，流量会不值钱。（这点我存疑，找时间深入思考一下）</li>
<li>草根媒体的问题是“有价值的内容输出不稳定”。（完全同意，这个blog就是这样荒掉的）</li>
<li>每次互联网对信息传播的重大创新，第一打击的就是报纸。（好像是这么回事，也需要研究求证，目前想到一个反例是19楼）</li>
</ul>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/07/28/media/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/07/28/media/#comments">One comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/07/28/media/&amp;title=传统媒体与网络媒体">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/07/28/media/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>商业模式</title>
		<link>http://blog.sharkui.com/2009/07/23/bussiness-mode/</link>
		<comments>http://blog.sharkui.com/2009/07/23/bussiness-mode/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 13:34:32 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=111</guid>
		<description><![CDATA[价值观 &#60;&#60; 社会责任 &#60;&#60; 商业模式 &#62;&#62; 产品 &#62;&#62; 业务 &#62;&#62; 用户体验

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
4 comments &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>价值观 &lt;&lt; 社会责任 &lt;&lt; 商业模式 &gt;&gt; 产品 &gt;&gt; 业务 &gt;&gt; 用户体验</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/07/23/bussiness-mode/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/07/23/bussiness-mode/#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/07/23/bussiness-mode/&amp;title=商业模式">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/07/23/bussiness-mode/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>狼和羊</title>
		<link>http://blog.sharkui.com/2009/07/22/wolfand-sheep/</link>
		<comments>http://blog.sharkui.com/2009/07/22/wolfand-sheep/#comments</comments>
		<pubDate>Wed, 22 Jul 2009 11:43:38 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/?p=109</guid>
		<description><![CDATA[当产品经理一年多了，实在是很难写东西，能说的没啥价值，有价值的不能说。
想想还是新开个分类，想到一条记一条吧，尽量用比喻，看懂看不懂都别介意，当我瞎说就是。
~~~~~~
对羊，把它们放到一起，给草，给安全感，给“头羊”争。
对狼，能毃成狗的就敲成狗，不能敲成狗的，让叨着骨头的狗去敲。
对披着羊皮的狼，直接敲死。

&#169; Shark for Shark UI, 2009. &#124;
Permalink &#124;
4 comments &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>当产品经理一年多了，实在是很难写东西，能说的没啥价值，有价值的不能说。</p>
<p>想想还是新开个分类，想到一条记一条吧，尽量用比喻，看懂看不懂都别介意，当我瞎说就是。</p>
<p>~~~~~~</p>
<p>对羊，把它们放到一起，给草，给安全感，给“头羊”争。</p>
<p>对狼，能毃成狗的就敲成狗，不能敲成狗的，让叨着骨头的狗去敲。</p>
<p>对披着羊皮的狼，直接敲死。</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2009. |
<a href="http://blog.sharkui.com/2009/07/22/wolfand-sheep/">Permalink</a> |
<a href="http://blog.sharkui.com/2009/07/22/wolfand-sheep/#comments">4 comments</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2009/07/22/wolfand-sheep/&amp;title=狼和羊">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2009/07/22/wolfand-sheep/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>我们的设计流程</title>
		<link>http://blog.sharkui.com/2007/08/13/our_design_flow/</link>
		<comments>http://blog.sharkui.com/2007/08/13/our_design_flow/#comments</comments>
		<pubDate>Mon, 13 Aug 2007 09:53:00 +0000</pubDate>
		<dc:creator>Shark</dc:creator>
				<category><![CDATA[思考杂记]]></category>

		<guid isPermaLink="false">http://blog.sharkui.com/2007/08/13/our_design_flow/</guid>
		<description><![CDATA[淘宝面试的最后一个环节，是请应聘者向面试官提问，使面试官有机会解答应聘者对公司、团队以及工作等等方面的疑问。在我面试过的设计师当中，大约有三分之一 会问我：“淘宝的设计流程是怎么样的？”我不是很了解问这个问题的人为什么会有如此高的比例。也许这是一个“安全”的问题，不会对面试有什么危害；也许目 前设计师在工作中普遍碰到“流程”问题或“没有流程”的问题；也许这个话题涉及各家公司的“机密”，确实无从找到相关的资料。
总而言之，虽然来面试淘宝的设计师人数有限，但我斗胆假设：目前国内所有网页设计师中的三分之一想了解更多关于“设计流程”方面的知识，而我们也不 认为这是什么“机密”的话题(我了解的各公司设计过程都八九不离十，名称不同，本质上是一样的)。所以，就在此简单介绍一下淘宝UED的设计流程，期望对这三分之一的设计师有所帮助。
Step 1：原型（Prototype）
设计的第一个阶段，我们称之为原型设计，主要是设计产品的功能、用户流程、信息架构、交互细节、页面元素等等。如果你觉得听上去这些概念都比较悬的 话，我就用大白话来说：原型设计，就是完全不管产品长得好不好看，只把它要做的事情和怎么做这些事情想清楚，把它怎么和用户交互想清楚，而且把所有这些都 画出来，让人可以直观地看到。
至于怎么画出来，那就随你了。用纸笔画，用白板水笔画，用Photoshop画，用Visio画，或者像我们一样用Axure画，都可以。只要把上面提到的这些都事无巨细地表达出来。
在原型的交付物（Delivery，也就是某个阶段的产出物）中，最重要也最常见的就是线框图（Wire Frame），这玩意儿不用多解释了，看下面这张图就明白：

在画线框图的时候，要把握好细节的刻画程度。有些东西只要画个框就行了，而有些东西需要把文案都设计好。以免你的老板或是需求方揪住角落里的广告banner该有多大这种问题与你纠缠不休，而忽视了最重要的页面主体部分。
此外，还要牢记：原型就是用来让人改的。它存在的价值就体现在被修改了几次，被更新了几次，以及它的下一步被少改了几次。
Step 2：模型（Mock-up）
在原型被大家接受之后，就该关心产品长得好不好看了。 我们以“模型”这个词来统称该步骤的交付物。和原型相比，它关注于产品的视觉设计，包括色彩、风格、图标、插图等等。
要清楚的是，这不是一步由“美工”来“美化”的工作。视觉设计师需要对原型设计有深刻的理解，对交互设计和尚未进行的HTML/CSS/JS的 Code都要有充分的了解。如果不能从全局的角度来做视觉设计，则只能是做做把水晶效果改成金属效果这样的“自娱自乐”，而对产品本身没有任何有价值的帮 助。如果原型说：“在这个页面上，A比B重要。”，那他的脑子里就要有十七八种可以表现“A比B重要”的视觉语言可供选择。这是对设计模型的视觉设计师的 基本要求。
更高一些的要求，才是视觉设计的“原始功能”。“倒底是选水晶效果还是金属效果？”，“这个按钮选什么颜色好？”等等。这一类的 思考和选择，应着眼于产品的气质、品牌等等，在各种产品间保持一定的统一，在用户心里打下视觉的烙印。其实要做到这一点是很难的，特别是还要满足上一点的 要求。一般来说，如果能90%的把交互设计的成果和品牌形象表达出来，已经是很好的结果了。从我自己来说，就常常很郁闷不能用好的视觉语言来表达自己在原 型设计中的想法，总是做完模型就打个七折:(
更更高的要求， 有些问题用交互设计是很难解决的，这时就需要一个有创造能力的视觉师，可以从视觉设计的角度来创造性地解决问题（一时还没想出好的例子，想出来再补上）。
总 的来说，模型设计是件非常困难的事情。它的工具是感性的，但设计过程又要求非常理性，必须在各种约束条件中解决问题。而目前能从较高的角度来来看“视觉设 计”的人还不多，大多还停留在“效果”、“风格”等表面议题上。个人以为在“Web标准”和“用户体验”之后，视觉设计是Web设计专业化运动的第三波， 市场的需求已经存在，只差有人推动一下。
模型的设计一般来说都是用Photoshop了，下是是个例子（与原型的例子对应）：   
Step 3：演示版（Demo）
这步我就不多说了，Demo就是按照原型和模型用xHTML/CSS/JavaScript等等前端技术实现出来，以便后端的开发工程师可以接手编 码。这个过程让小马、正淳专门起个新帖来详细介绍吧。只提一点，前端开发在有些公司是不放在设计团队的，而我们认为前端开发从很大程度上来说是对用户体验 的提升和保证，开发只是它的一个手段和形式。所以就把这块工作一直留在我们团队，现在看起来这样很棒：）
把上述原型、模型转为xHTML/CSS之后就是这个页面了：
http://favorite.taobao.com/collect_list——-g,nrxwy2lumhgozsvz2cq3tk6w64-.htm
Step 0.5/1.5/2.5/3.5
居然还有半个半个的步骤？是的，这是我们的用户研究过程。在各个阶段的前后，我们会根据具体情况选择是否投入精力到用户研究上。用户研究的形式也很 自由：给会员打个电话，淘宝旺旺上随便找人聊聊，到公司来做可用性测试，到会员家中访谈……怎么方便怎么实用就怎么做。我们还没有精力放在太多的“学术”性质的理论研究上，对研究方 法也是不拘一格，“能抓老鼠”就行。关键的关键，研究的结果如何表现到产品上，如何吸收单个用户的意见来服务所有用户。
在这一点上，我们做得还很不够，积累也很薄，需要向同行们多多学习，也请大家多多指点。
最后……
关于流程，要注意：


设计流程的目标，在于保证“无论谁来做这个产品的设计，都能达到80分”；


“100分”的完美作品，很有可能没有遵循流程，而是天才地融合了创新、传承和执行力的作品；

“流程”这种东西，只有与环境相匹配才能带来正面的作用。

以上是我们UED团队目前的设计流程，也许你也发现了，它和大多数公司的设计流程是差不多的。我们也在不断地修改和发展这个体系，有不足的地方也请大家多指教。如果你借鉴了我们的流程，在工作中发现有什么问题，也请回来告诉我们，谢谢大家！

&#169; Shark for Shark UI, 2007. &#124;
Permalink &#124;
No comment &#124;
Add to
del.icio.us

Post tags: 

Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>淘宝面试的最后一个环节，是请应聘者向面试官提问，使面试官有机会解答应聘者对公司、团队以及工作等等方面的疑问。在我面试过的设计师当中，大约有三分之一 会问我：“淘宝的设计流程是怎么样的？”我不是很了解问这个问题的人为什么会有如此高的比例。也许这是一个“安全”的问题，不会对面试有什么危害；也许目 前设计师在工作中普遍碰到“流程”问题或“没有流程”的问题；也许这个话题涉及各家公司的“机密”，确实无从找到相关的资料。</p>
<p>总而言之，虽然来面试淘宝的设计师人数有限，但我斗胆假设：目前国内所有网页设计师中的三分之一想了解更多关于“设计流程”方面的知识，而我们也不 认为这是什么“机密”的话题(我了解的各公司设计过程都八九不离十，名称不同，本质上是一样的)。所以，就在此简单介绍一下淘宝UED的设计流程，期望对这三分之一的设计师有所帮助。</p>
<h4>Step 1：原型（Prototype）</h4>
<p>设计的第一个阶段，我们称之为原型设计，主要是设计产品的功能、用户流程、信息架构、交互细节、页面元素等等。如果你觉得听上去这些概念都比较悬的 话，我就用大白话来说：原型设计，就是完全不管产品长得好不好看，只把它要做的事情和怎么做这些事情想清楚，把它怎么和用户交互想清楚，而且把所有这些都 画出来，让人可以直观地看到。</p>
<p>至于怎么画出来，那就随你了。用纸笔画，用白板水笔画，用Photoshop画，用Visio画，或者像我们一样用<a href="http://www.axure.com/">Axure</a>画，都可以。只要把上面提到的这些都事无巨细地表达出来。</p>
<p>在原型的交付物（Delivery，也就是某个阶段的产出物）中，最重要也最常见的就是线框图（Wire Frame），这玩意儿不用多解释了，看下面这张图就明白：</p>
<p><a href="http://pics.taobao.com/bao/album/promotion/uiblog/fav_prototype.png"><img alt="" src="http://pics.taobao.com/bao/album/promotion/uiblog/fav_prototype.png" width="450" /></a></p>
<p>在画线框图的时候，要把握好细节的刻画程度。有些东西只要画个框就行了，而有些东西需要把文案都设计好。以免你的老板或是需求方揪住角落里的广告banner该有多大这种问题与你纠缠不休，而忽视了最重要的页面主体部分。</p>
<p>此外，还要牢记：原型就是用来让人改的。它存在的价值就体现在被修改了几次，被更新了几次，以及它的下一步被少改了几次。</p>
<h4>Step 2：模型（Mock-up）</h4>
<p>在原型被大家接受之后，就该关心产品长得好不好看了。 我们以“模型”这个词来统称该步骤的交付物。和原型相比，它关注于产品的视觉设计，包括色彩、风格、图标、插图等等。</p>
<p>要清楚的是，这不是一步由“美工”来“美化”的工作。视觉设计师需要对原型设计有深刻的理解，对交互设计和尚未进行的HTML/CSS/JS的 Code都要有充分的了解。如果不能从全局的角度来做视觉设计，则只能是做做把水晶效果改成金属效果这样的“自娱自乐”，而对产品本身没有任何有价值的帮 助。如果原型说：“在这个页面上，A比B重要。”，那他的脑子里就要有十七八种可以表现“A比B重要”的视觉语言可供选择。这是对设计模型的视觉设计师的 基本要求。</p>
<p>更高一些的要求，才是视觉设计的“原始功能”。“倒底是选水晶效果还是金属效果？”，“这个按钮选什么颜色好？”等等。这一类的 思考和选择，应着眼于产品的气质、品牌等等，在各种产品间保持一定的统一，在用户心里打下视觉的烙印。其实要做到这一点是很难的，特别是还要满足上一点的 要求。一般来说，如果能90%的把交互设计的成果和品牌形象表达出来，已经是很好的结果了。从我自己来说，就常常很郁闷不能用好的视觉语言来表达自己在原 型设计中的想法，总是做完模型就打个七折:(</p>
<p>更更高的要求， 有些问题用交互设计是很难解决的，这时就需要一个有创造能力的视觉师，可以从视觉设计的角度来创造性地解决问题（一时还没想出好的例子，想出来再补上）。</p>
<p>总 的来说，模型设计是件非常困难的事情。它的工具是感性的，但设计过程又要求非常理性，必须在各种约束条件中解决问题。而目前能从较高的角度来来看“视觉设 计”的人还不多，大多还停留在“效果”、“风格”等表面议题上。个人以为在“Web标准”和“用户体验”之后，视觉设计是Web设计专业化运动的第三波， 市场的需求已经存在，只差有人推动一下。</p>
<p>模型的设计一般来说都是用Photoshop了，下是是个例子（与原型的例子对应）：   <br /><a href="http://pics.taobao.com/bao/album/promotion/uiblog/fav_mockup.png"><img alt="" src="http://pics.taobao.com/bao/album/promotion/uiblog/fav_mockup.png" width="450" /></a></p>
<h4>Step 3：演示版（Demo）</h4>
<p>这步我就不多说了，Demo就是按照原型和模型用xHTML/CSS/JavaScript等等前端技术实现出来，以便后端的开发工程师可以接手编 码。这个过程让小马、正淳专门起个新帖来详细介绍吧。只提一点，前端开发在有些公司是不放在设计团队的，而我们认为前端开发从很大程度上来说是对用户体验 的提升和保证，开发只是它的一个手段和形式。所以就把这块工作一直留在我们团队，现在看起来这样很棒：）</p>
<p>把上述原型、模型转为xHTML/CSS之后就是这个页面了：</p>
<p><a href="http://favorite.taobao.com/collect_list-------g,nrxwy2lumhgozsvz2cq3tk6w64-.htm">http://favorite.taobao.com/collect_list——-g,nrxwy2lumhgozsvz2cq3tk6w64-.htm</a></p>
<h4>Step 0.5/1.5/2.5/3.5</h4>
<p>居然还有半个半个的步骤？是的，这是我们的用户研究过程。在各个阶段的前后，我们会根据具体情况选择是否投入精力到用户研究上。用户研究的形式也很 自由：给会员打个电话，淘宝旺旺上随便找人聊聊，到公司来做可用性测试，到会员家中访谈……怎么方便怎么实用就怎么做。我们还没有精力放在太多的“学术”性质的理论研究上，对研究方 法也是不拘一格，“能抓老鼠”就行。关键的关键，研究的结果如何表现到产品上，如何吸收单个用户的意见来服务所有用户。</p>
<p>在这一点上，我们做得还很不够，积累也很薄，需要向同行们多多学习，也请大家多多指点。</p>
<h4>最后……</h4>
<p>关于流程，要注意：</p>
<ol>
<li>
<p>设计流程的目标，在于保证“无论谁来做这个产品的设计，都能达到80分”；</p>
</li>
<li>
<p>“100分”的完美作品，很有可能没有遵循流程，而是天才地融合了创新、传承和执行力的作品；</p>
</li>
<li>“流程”这种东西，只有与环境相匹配才能带来正面的作用。</li>
</ol>
<p>以上是我们UED团队目前的设计流程，也许你也发现了，它和大多数公司的设计流程是差不多的。我们也在不断地修改和发展这个体系，有不足的地方也请大家多指教。如果你借鉴了我们的流程，在工作中发现有什么问题，也请回来告诉我们，谢谢大家！</p>
<hr />
<p><small>&copy; Shark for <a href="http://blog.sharkui.com">Shark UI</a>, 2007. |
<a href="http://blog.sharkui.com/2007/08/13/our_design_flow/">Permalink</a> |
<a href="http://blog.sharkui.com/2007/08/13/our_design_flow/#comments">No comment</a> |
Add to
<a href="http://del.icio.us/post?url=http://blog.sharkui.com/2007/08/13/our_design_flow/&amp;title=我们的设计流程">del.icio.us</a>
<br/>
Post tags: <br/>
</small></p>
<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.sharkui.com/2007/08/13/our_design_flow/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
