<?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://imguangyao.cellphoneinchina.com/archives/category/%e4%ba%a7%e5%93%81%e8%ae%be%e8%ae%a1/feed" rel="self" type="application/rss+xml" />
	<link>http://imguangyao.cellphoneinchina.com</link>
	<description>关注电子商务，研究SaaS，探讨社会化媒体。</description>
	<lastBuildDate>Fri, 04 Dec 2009 01:05:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>在原窗口还是新窗口打开链接？</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/884</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/884#comments</comments>
		<pubDate>Thu, 03 Dec 2009 16:44:50 +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.imguangyao.com/?p=884</guid>
		<description><![CDATA[打开链接是在新窗口还是原窗口是一个最基础的交互方式。但是很多项目进行中，我们的原型设计并没有仔细考虑链接打开方式。而为了满足运营的需要，选择新窗口打开的方式在增多。还有部分网站把一篇不到1000字的文章分还成2页甚至3页展示。那么到底怎么处理这个最基础的交互才是合理的呢？这里稍做分享。 国外大多使用原窗口打开链接，OM19同学总结得非常不错，推荐阅读。我再按照自己的思路整理一下，认为在以下情况下对于新窗口也是可行的： 1.链接可能会打断用户现有任务流的时候，可以选择在新窗口打开（比如一篇博客的某句话链接到了另外一篇文章，建议使用新窗口打开）； 2.广告链接，可以选择在新窗口打开； 3.页面包含多个分类链接时：比如三个并列的链接，可以选择新窗口打开（需要看具体情况而定，比如DZ论坛帖子展示页、豆瓣小组话题列表页都是使用了原窗口打开）。 在这里补充几点： 1. 中国用户视乎更喜欢使用新窗口打开然后点击关闭，而非原窗口打开然后后退。这个场景的两种方式其实用户得到的结果差异并不大，更多的是用户习惯（很可惜中国用户被垃圾网站带动得习惯了新窗口了）。 2. 可参考豆瓣，豆瓣除了广告位以外几乎全部是在原窗口打开链接。 3. 新窗口和原窗口打开链接，对于信息架构确实有考验，对于过多依赖后退及关闭窗口操作的站点，表明用户较难通过页面本身顺畅到达想去的页面，只能通过浏览器的工具来辅助实现。 OM19同学还提到一个问题，即我们需要给用户提供好的默认设置还是给用户提供自定义的权利？以上两点在某种情况下确实有一定冲突，比如打开链接的这个案例。用户其实可以选择两种方式来使链接在新窗口中打开 1. 使用“Ctrl+点击”打开链接或使用“Shift+点击”； 2. 使用鼠标右键。 那么按照这个逻辑，所有链接都应该默认原窗口打开，然后用户选择以上两种方式（或者在浏览器选项里修改默认配置）是否先窗口打开。但是很可惜，以上两种方式对于大部分用户是不适用的，这些看似基础的功能用户可能根本不知道更别谈使用了。所以做好默认还是非常重要，做好默认设置对于初级中级用户而言是友好的，而用户自定义权利更多情况可以考虑给予高级用户使用。]]></description>
			<content:encoded><![CDATA[<p>打开链接是在新窗口还是原窗口是一个最基础的交互方式。但是很多项目进行中，我们的原型设计并没有仔细考虑链接打开方式。而为了满足运营的需要，选择新窗口打开的方式在增多。还有部分网站把一篇不到1000字的文章分还成2页甚至3页展示。那么到底怎么处理这个最基础的交互才是合理的呢？这里稍做分享。</p>
<p>国外大多使用原窗口打开链接，<a href="http://ucdchina.com/snap/5372">OM19同学总结得非常不错，推荐阅读</a>。我再按照自己的思路整理一下，认为在以下情况下对于新窗口也是可行的：<br />
1.链接可能会打断用户现有任务流的时候，可以选择在新窗口打开（比如一篇博客的某句话链接到了另外一篇文章，建议使用新窗口打开）；<br />
2.广告链接，可以选择在新窗口打开；<br />
3.页面包含多个分类链接时：比如三个并列的链接，可以选择新窗口打开（需要看具体情况而定，比如DZ论坛帖子展示页、豆瓣小组话题列表页都是使用了原窗口打开）。</p>
<p>在这里补充几点：<br />
1. 中国用户视乎更喜欢使用新窗口打开然后点击关闭，而非原窗口打开然后后退。这个场景的两种方式其实用户得到的结果差异并不大，更多的是用户习惯（很可惜中国用户被垃圾网站带动得习惯了新窗口了）。<br />
2. 可参考豆瓣，豆瓣除了广告位以外几乎全部是在原窗口打开链接。<br />
3. 新窗口和原窗口打开链接，对于信息架构确实有考验，对于过多依赖后退及关闭窗口操作的站点，表明用户较难通过页面本身顺畅到达想去的页面，只能通过浏览器的工具来辅助实现。</p>
<p><a href="http://ucdchina.com/snap/5372">OM19同学还提到一个问题</a>，即我们需要给用户提供好的默认设置还是给用户提供自定义的权利？以上两点在某种情况下确实有一定冲突，比如打开链接的这个案例。用户其实可以选择两种方式来使链接在新窗口中打开<br />
1. 使用“Ctrl+点击”打开链接或使用“Shift+点击”；<br />
2. 使用鼠标右键。<br />
<img class="alignnone" title="新标签页打开链接" src="http://farm3.static.flickr.com/2694/4155192819_86aa3e4607_o.jpg" alt="" width="186" height="251" /></p>
<p>那么按照这个逻辑，所有链接都应该默认原窗口打开，然后用户选择以上两种方式（或者在浏览器选项里修改默认配置）是否先窗口打开。但是很可惜，以上两种方式对于大部分用户是不适用的，这些看似基础的功能用户可能根本不知道更别谈使用了。所以做好默认还是非常重要，做好默认设置对于初级中级用户而言是友好的，而用户自定义权利更多情况可以考虑给予高级用户使用。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/884/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>UCDChina广州年会随录</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/858</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/858#comments</comments>
		<pubDate>Thu, 26 Nov 2009 14:23:16 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[产品设计]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=858</guid>
		<description><![CDATA[这篇文章在草稿箱躺了好几天，最近事情比较多直到今天才抽时间把文章写完。年会上，看到不少熟悉的面孔，有大学同级的同学，还有高几级的师兄，也有一些在网络上交流过却从来没有见过面的朋友。很热闹。 对产品设计的理解是一直在互联网范畴的，但不得不说UCD绝对不应该狭义在互联网领域。比互联网历史更早的工业设计和软件体系其实都有UCD，而且很多经典的设计案例和设计理论都还是源自非互联网行业的，比如工业设计。 鸦总上午的演讲有些思路非常宝贵。方法论是可以看书总结的，而设计态度和对行业的理解的交流比较有价值，我这里分享一些书友会之后的一些想法。 1. 抓住核心用户的核心需求：首先抓住核心用户的核心需求，然后通过后续的迭代满足非核心用户的非核心需求。 2. 产品设计过程核心的环节应该是需求挖掘。做过企业级产品的人应该会更明白，企业用户不再单纯是个人行为，企业产品的购买者和使用者是分离。比如ERP，它存在的理由就是它必需满足企业的核心价值（比如供应链管理、客户管理等企业），最高境界是可以借此提升整个产业的效率。所以需求是第一位的。没有这个需求的满足，其后的信息架构、交互设计、界面设计都是空中楼阁。 3. 对鸦总最后的一个“小”字的观点印象很深：小团队，小公司。随着商业进程的发展，一定有些业务需要更多的人更多更专业的人来推进，但是并不意味着复杂。很多时候你可以相信你的团队成员可以迅速成长，并负担更大的责任。 4. 互联网逻辑。在互联网公司，如果某个经理人是主要管人，那么经理人需要有一套非常好的协调和管理机制；如果经理人的主要职责是管事，那么他一定要有互联网逻辑。互联网本身是个自下而上的新产业。年轻人都是重度网虫，互联网控，他们对互联网有常年熏陶的敏锐嗅觉。如果经理人缺乏互联网逻辑就是非常危险的信号了。 5.Tony说，豆瓣任何一个人只要有数据证明都可以发起项目，工程师、设计师都行。我从来不否认我对豆瓣的好感，Tony同学让我对豆瓣的好感又增加了。]]></description>
			<content:encoded><![CDATA[<p>这篇文章在草稿箱躺了好几天，最近事情比较多直到今天才抽时间把文章写完。年会上，看到不少熟悉的面孔，有大学同级的同学，还有高几级的师兄，也有一些在网络上交流过却从来没有见过面的朋友。很热闹。</p>
<p><img class="alignnone" title="UCDChina2009" src="http://farm3.static.flickr.com/2795/4124497081_feea941344.jpg" alt="" width="500" height="334" /><br />
对产品设计的理解是一直在互联网范畴的，但不得不说UCD绝对不应该狭义在互联网领域。比互联网历史更早的工业设计和软件体系其实都有UCD，而且很多经典的设计案例和设计理论都还是源自非互联网行业的，比如工业设计。</p>
<p>鸦总上午的演讲有些思路非常宝贵。方法论是可以看书总结的，而设计态度和对行业的理解的交流比较有价值，我这里分享一些书友会之后的一些想法。</p>
<p>1. 抓住核心用户的核心需求：首先抓住核心用户的核心需求，然后通过后续的迭代满足非核心用户的非核心需求。</p>
<p>2. 产品设计过程核心的环节应该是需求挖掘。做过企业级产品的人应该会更明白，企业用户不再单纯是个人行为，企业产品的购买者和使用者是分离。比如ERP，它存在的理由就是它必需满足企业的核心价值（比如供应链管理、客户管理等企业），最高境界是可以借此提升整个产业的效率。所以需求是第一位的。没有这个需求的满足，其后的信息架构、交互设计、界面设计都是空中楼阁。</p>
<p>3. 对鸦总最后的一个“小”字的观点印象很深：小团队，小公司。随着商业进程的发展，一定有些业务需要更多的人更多更专业的人来推进，但是并不意味着复杂。很多时候你可以相信你的团队成员可以迅速成长，并负担更大的责任。</p>
<p>4. 互联网逻辑。在互联网公司，如果某个经理人是主要管人，那么经理人需要有一套非常好的协调和管理机制；如果经理人的主要职责是管事，那么他一定要有互联网逻辑。互联网本身是个自下而上的新产业。年轻人都是重度网虫，互联网控，他们对互联网有常年熏陶的敏锐嗅觉。如果经理人缺乏互联网逻辑就是非常危险的信号了。</p>
<p>5.Tony说，<span><span>豆瓣任何一个人只要有数据证明都可以发起项目，工程师、设计师都行。我从来不否认我对豆瓣的好感，Tony同学让我对豆瓣的好感又增加了。</span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/858/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>侃侃网站产品与网站运营</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/848</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/848#comments</comments>
		<pubDate>Thu, 12 Nov 2009 13:57:12 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[网站产品]]></category>
		<category><![CDATA[网站运营]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=848</guid>
		<description><![CDATA[这篇文章首发在了kdued团队blog。 http://www.kdued.com/2009/11/web_design_and_web_operation/ 定义网站产品和网站运营 某些类型的网站属于产品驱动型，另外一些网站则可能属于运营驱动型。邮箱属于典型的产品驱动型，比如现在越来越多的用户开始使用QQ邮箱，其原因一定离不开QQ邮箱在产品设计上的不断改善。运营驱动型的产品，典型的例子是天涯等社区类网站。还有一些属于媒体驱动型，比如新浪，虽然首页巨烂，但是似乎并没有影响到新浪成为最强大的网络媒体。 当然这个不能一概而论，比如电子商务网站的Web Analytics、SEM、广告管理等理论上讲属于运营，但却与产品关系密切。其实我这里想说的是：一家公司需要对产品和运营有比较好的认知，才能协调资源，产品和运营都有突破。 产品团队应在产品上线后继续迭代设计 在网站上线之后，理论上将公司的工作重心就由产品团队逐渐转向了运营团队。那么产品部门应该做什么呢？当然不是等下一个版本发布也不是被拆借到运营项目上，而是深入研究目前的产品，进行迭代设计。互联网产品永远只有beta。比如产品团队应该重点优化信息架构、导航、注册、登陆、购买网站产品的核心环节。 然而产品上线之后，运营团队会有各种方案出来，大部分时候都需要产品团队协助。于是你会发生产品团队被分配到了一些运营任务上。我个人意见是产品团队主要精力放在产品本身，运营项目需要控制对产品团队的耗损。因为运营项目的核心不是产品，而是运营本身。 运营的核心哪？ 那么运营除了在传统的广告管理、SEM等方面之后，应该在什么地方下功夫？这里我举两个例子。 今年儿童节我策划的一个社区运营的小项目：搭乘友商网时光隧道返回你的童年。不多说，大家弄明白之后自个悟吧。 另外一个案例是雪铁龙C5的互动营销案例。这个案例看出传统企业已经开始与BlueDoor、奥美这样的公司合作进行跨界营销。个人认为C5的案例出彩的地方是用户通过邀请几个人来参加这个线上活动后，获得一张来自欧洲（因为雪铁龙是法系车）的明信片。雪铁龙用欧洲明信片这种有吸引力成本又低的方式拉动用户进行自传播。 自己感觉产品的理解已经有一定的积累，但对运营的理解感觉还不够深入，欢迎有经验的读者随时交流。]]></description>
			<content:encoded><![CDATA[<p>这篇文章首发在了<a href="http://www.kdued.com" target="_blank">kdued团队blog</a>。</p>
<p><a href="http://www.kdued.com/2009/11/web_design_and_web_operation/" target="_blank">http://www.kdued.com/2009/11/web_design_and_web_operation/</a></p>
<p><strong>定义网站产品和网站运营</strong></p>
<p>某些类型的网站属于产品驱动型，另外一些网站则可能属于运营驱动型。邮箱属于典型的产品驱动型，比如现在越来越多的用户开始使用QQ邮箱，其原因一定离不开QQ邮箱在产品设计上的不断改善。运营驱动型的产品，典型的例子是天涯等社区类网站。还有一些属于媒体驱动型，比如新浪，虽然首页巨烂，但是似乎并没有影响到新浪成为最强大的网络媒体。</p>
<p>当然这个不能一概而论，比如电子商务网站的Web Analytics、SEM、广告管理等理论上讲属于运营，但却与产品关系密切。其实我这里想说的是：一家公司需要对产品和运营有比较好的认知，才能协调资源，产品和运营都有突破。</p>
<p><strong>产品团队应在产品上线后继续迭代设计</strong></p>
<p>在网站上线之后，理论上将公司的工作重心就由产品团队逐渐转向了运营团队。那么产品部门应该做什么呢？当然不是等下一个版本发布也不是被拆借到运营项目上，而是深入研究目前的产品，进行迭代设计。互联网产品永远只有beta。比如产品团队应该重点优化信息架构、导航、注册、登陆、购买网站产品的核心环节。</p>
<p>然而产品上线之后，运营团队会有各种方案出来，大部分时候都需要产品团队协助。于是你会发生产品团队被分配到了一些运营任务上。我个人意见是产品团队主要精力放在产品本身，运营项目需要控制对产品团队的耗损。因为运营项目的核心不是产品，而是运营本身。</p>
<p><strong>运营的核心哪？</strong></p>
<p>那么运营除了在传统的广告管理、SEM等方面之后，应该在什么地方下功夫？这里我举两个例子。</p>
<p>今年儿童节我策划的一个社区运营的小项目：<a href="http://club.youshang.com/ysbbs/viewthread.php?tid=14972" target="_blank">搭乘友商网时光隧道返回你的童年</a>。不多说，大家弄明白之后自个悟吧。</p>
<p>另外一个案例是<a href="http://www.c5.citroen.com.cn/activity/" target="_blank">雪铁龙C5的互动营销案例</a>。这个案例看出传统企业已经开始与BlueDoor、奥美这样的公司合作进行跨界营销。个人认为C5的案例出彩的地方是用户通过邀请几个人来参加这个线上活动后，获得一张来自欧洲（因为雪铁龙是法系车）的明信片。雪铁龙用欧洲明信片这种有吸引力成本又低的方式拉动用户进行自传播。</p>
<p>自己感觉产品的理解已经有一定的积累，但对运营的理解感觉还不够深入，欢迎有经验的读者随时交流。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/848/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>说说Twitter的Lists功能</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/831</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/831#comments</comments>
		<pubDate>Thu, 05 Nov 2009 16:00:24 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[web2.0]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=831</guid>
		<description><![CDATA[最近，Twitter在产品细节上做了一次进化，增加了Lists（非常遗憾墙内的大部分用户是无缘体验的）。 我看到Twitter Lists的第一印象：分组。记得深圳某次聚会，跟digu产品团队交流，大家曾经讨论过是否需要给digu增加好友分组这个功能。当时我是支持这个功能的。digu团队反应很迅速，在其后的一段时间digu的好友分组功能就上线了。不过对于大部分初级用户而言，好友分组功能其实意义不大。原因很简单：如果你的followers比较少，是无需通过分组功能来管理的。比如QQ好友，如果你的QQ好友只有几十个，好友分组功能可有可无。但是随着好友数量的不断增加，好友便需要更好的方式来管理，于是QQ好友分组功能就来了。 映射到微博上，一个用户follow较多人的时候，他对tweets的管理需求就会增加（比如根据tweets来源进行分组，再比如tweets搜索）。好，我们回到分组这个话题上。到此为止，digu实现的功能就是好友分组（注意下图的最下方提示：digu的分组功能跟QQ是一样的，是私人的，不公开的）。截图如下 在实现好友分组之后，不妨再考虑以下两个问题。 1. 某个follower能否出现在多个分组里呢？ 2. 既然把follower分成若干组，那么这个组能否公开呢？ 第一问题很简单，这个设计的依据是：考察用户分组时对于存在组与组边界的概率高不高（其实我觉得也是可以通过引导的方式尽量较少模糊边界的）。来看看IM是怎么做的吧：QQ里某个好友只能归类都一个组，MSN里某个好友可以归类的多个组。所以我觉得这个设计在实际应用中是差异并不大。 第二个问题涉及到了Twitter的本质，因为Twitter本质是传播，而不是私密交流。所以既然followers是开放的，那么followers Lists也应该public才对。那么既然Lists可以设为publi，紧接着的事情应该是允许用户follow某个Lists（可以理解为批量follow用户）。Twitter还给每个用户自定义的Lists一个绝对唯一的路径。其次，就是统计某个用户被多少个Lists收录了，也就是Twitter的Lists following you。 此外，我还想到Twitter是否考虑过将Lists这个功能交由第三方应用来实现？当Twitter的API足够开放，在第三方应用里集成好友分组等功能是可以实现的。而Twitter不惜将简单的产品复杂化来新增这一功能，一定程度说明了Twitter Lists在Twitter的进化史上将是一个基本功能，所以需要由官方完成。 最后，如果你越墙成功，可以Follow我@imguangyao]]></description>
			<content:encoded><![CDATA[<p>最近，Twitter在产品细节上做了一次进化，增加了Lists（非常遗憾墙内的大部分用户是无缘体验的）。</p>
<p>我看到Twitter Lists的第一印象：分组。记得深圳某次聚会，跟digu产品团队交流，大家曾经讨论过是否需要给digu增加好友分组这个功能。当时我是支持这个功能的。digu团队反应很迅速，在其后的一段时间digu的好友分组功能就上线了。不过对于大部分初级用户而言，好友分组功能其实意义不大。原因很简单：如果你的followers比较少，是无需通过分组功能来管理的。比如QQ好友，如果你的QQ好友只有几十个，好友分组功能可有可无。但是随着好友数量的不断增加，好友便需要更好的方式来管理，于是QQ好友分组功能就来了。</p>
<p>映射到微博上，一个用户follow较多人的时候，他对tweets的管理需求就会增加（比如根据tweets来源进行分组，再比如tweets搜索）。好，我们回到分组这个话题上。到此为止，digu实现的功能就是好友分组（注意下图的最下方提示：digu的分组功能跟QQ是一样的，是私人的，不公开的）。截图如下</p>
<p><img alt="" src="http://farm3.static.flickr.com/2767/4135718825_35c70eb7b0_o.png" title="Twitter list" class="alignnone" width="204" height="411" /></p>
<p>在实现好友分组之后，不妨再考虑以下两个问题。<br />
1. 某个follower能否出现在多个分组里呢？<br />
2. 既然把follower分成若干组，那么这个组能否公开呢？</p>
<p>第一问题很简单，这个设计的依据是：考察用户分组时对于存在组与组边界的概率高不高（其实我觉得也是可以通过引导的方式尽量较少模糊边界的）。来看看IM是怎么做的吧：QQ里某个好友只能归类都一个组，MSN里某个好友可以归类的多个组。所以我觉得这个设计在实际应用中是差异并不大。<br />
第二个问题涉及到了Twitter的本质，因为Twitter本质是传播，而不是私密交流。所以既然followers是开放的，那么followers Lists也应该public才对。那么既然Lists可以设为publi，紧接着的事情应该是允许用户follow某个Lists（可以理解为批量follow用户）。Twitter还给每个用户自定义的Lists一个绝对唯一的路径。其次，就是统计某个用户被多少个Lists收录了，也就是Twitter的Lists following you。</p>
<p><img alt="digu list" src="http://farm3.static.flickr.com/2784/4136479386_0270381d30.jpg" title="digu list" class="alignnone" width="373" height="460" /></p>
<p>此外，我还想到Twitter是否考虑过将Lists这个功能交由第三方应用来实现？当Twitter的API足够开放，在第三方应用里集成好友分组等功能是可以实现的。而Twitter不惜将简单的产品复杂化来新增这一功能，一定程度说明了Twitter Lists在Twitter的进化史上将是一个基本功能，所以需要由官方完成。</p>
<p>最后，如果你越墙成功，可以Follow我<a href="http://www.imguangyao.com">@imguangyao</a></p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/831/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>再说微博的传播</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/798</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/798#comments</comments>
		<pubDate>Sat, 19 Sep 2009 14:50:29 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[web2.0]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[Social Media]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=798</guid>
		<description><![CDATA[9月UCDChina书友会的话题是《微博的传播与交互》，深圳地区书友会由我做PPT引导。这里把我的一些思路做简要分享。 微博的传播属于传播学的范畴，微博的交互属于设计界的范畴，二者关联性其实不大，我讲的部分以产品设计角度和传播角度讲得较多，所以索性将PPT题目定为《微博的传播》，减少歧义。我一直不大同意我们把Twitter类服务翻译成微博。而我后面的案例也只讲Twitter，其它类似的类似服务我个人认为没啥研究价值不大。其实从Twitter从成立到现在，虽然做过多次战略调整，但是一直保持着轻巧的身躯，从开始的“what are u doing”直到现在的“Share and discover what’s happening right now, anywhere in the world”。Twitter本身是一块木头，但是你要用木头来做家具还是当柴火取决于你自己，这也是Social类产品特有的。这里拆解Twitter的使用和功能两个方面来具体看一看： &#62;&#62;Twitter的使用 a) 看别人发布的信息； b) 亲自发布信息。 &#62;&#62;Twitter的功能 a) 140个字 b) Follow机制 c) 开放+第三方应用 从以上两点可以看出，Twitter本身是一个绝对的“轻”产品。然而用户并没有因为产品本身的“轻”而觉得产品单一或者乏味。看看用户是如何使用Twitter的就知道了。（这里我CC了@caozenghui老师的不少观点） a) 社交活动：了解朋友动态，并进行互动； b) 记录分享新鲜事及观点、； c) 开放的群组：RT、@； d) 阅读器； e) 沟通； f) 个人主页+网络身份标识； g) 知道； h) 搜索关键词：#； i) 追“星”； j) 企业级应用：企业Twitter、Marketing； 书友会上和大家讨论了E-mail、IM、BBS、Facebook、Twitter等具备Social特性的几款产品的从多维度的比较，来更好的认识Twitter的特性。 PPT的详细内容： 请各位会翻墙的同学，Follow我@ImGuangyao。 请尚不会翻墙的同学尽快翻墙，你们在国内玩山寨Twitter一点也不带劲。]]></description>
			<content:encoded><![CDATA[<p>9月UCDChina书友会的话题是《微博的传播与交互》，深圳地区书友会由我做PPT引导。这里把我的一些思路做简要分享。</p>
<p>微博的传播属于传播学的范畴，微博的交互属于设计界的范畴，二者关联性其实不大，我讲的部分以产品设计角度和传播角度讲得较多，所以索性将PPT题目定为《微博的传播》，减少歧义。我一直不大同意我们把Twitter类服务翻译成微博。而我后面的案例也只讲Twitter，其它类似的类似服务我个人认为没啥研究价值不大。其实从Twitter从成立到现在，虽然做过多次战略调整，但是一直保持着轻巧的身躯，从开始的“<span style="color: #0000ff;">what are u doing</span>”直到现在的“<span style="color: #0000ff;">Share and discover what’s happening right now, anywhere in the world</span>”。<span style="color: #ff0000;">Twitter本身是一块木头，但是你要用木头来做家具还是当柴火取决于你自己</span>，这也是Social类产品特有的。这里拆解Twitter的使用和功能两个方面来具体看一看：</p>
<p><strong><span style="color: #0000ff;">&gt;&gt;Twitter的使用</span></strong><br />
a) 看别人发布的信息；<br />
b) 亲自发布信息。</p>
<p><span style="color: #0000ff;"><strong>&gt;&gt;Twitter的功能</strong></span><br />
a) 140个字<br />
b) Follow机制<br />
c) 开放+第三方应用</p>
<p>从以上两点可以看出，Twitter本身是一个绝对的“轻”产品。然而用户并没有因为产品本身的“轻”而觉得产品单一或者乏味。看看<span style="color: #0000ff;"><strong>用户是如何使用Twitter的就知道了。</strong></span>（这里我CC了<a href="http://www.caozenghui.cn/archives/592.html">@caozenghui老师的不少观点</a>）<br />
a) 社交活动：了解朋友动态，并进行互动；<br />
b) 记录分享新鲜事及观点、；<br />
c) 开放的群组：RT、@；<br />
d) 阅读器；<br />
e) 沟通；<br />
f) 个人主页+网络身份标识；<br />
g) 知道；<br />
h) 搜索关键词：#；<br />
i) 追“星”；<br />
j) 企业级应用：企业Twitter、Marketing；</p>
<p>书友会上和大家讨论了E-mail、IM、BBS、Facebook、Twitter等具备Social特性的几款产品的从多维度的比较，来更好的认识Twitter的特性。</p>
<p>PPT的详细内容：<br />
<iframe src="http://docs.google.com/present/embed?id=dhsc44qk_760cv2kn9dv&#038;loop=true" frameborder="0" width="410" height="342"></iframe></p>
<p>请各位会翻墙的同学，Follow我<a href="https://twitter.com/imguangyao"><strong>@ImGuangyao</strong></a>。<br />
请尚不会翻墙的同学尽快翻墙，你们在国内玩山寨Twitter一点也不带劲。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/798/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>产品设计的起点</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/787</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/787#comments</comments>
		<pubDate>Sun, 06 Sep 2009 17:08:39 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[黑莓]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=787</guid>
		<description><![CDATA[上周帮@zwtoo购入一枚BlackBerry。然后不断在说的一个事情就是为什么要买Blackberry，BlackBerry好在哪里？我这里从最简单的产品角度来说说BlackBerry和Nokia的特质。 左侧的Nokia是N73，属于典型Nokia风格的机型。右侧的BlackBerry是8700c，属于典型的BlackBerry风格的机型。如果会想两家厂商最初的产品设计起点，大概逻辑似乎是这样的。 Nokia的产品人员的Mental Model（心智模型）更偏向一部电话（即座机）。所以它以典型的数字键排位+屏幕来部署。BlackBerry的产品人员的Mental Model则是更偏向微型计算机。Qwerty键盘+滚轮，模拟电脑的键盘+鼠标，包括快捷键、多任务处理等等都是平移用户对电脑的操作习惯。 研究手机发展史也会看到手机逐步由基础通讯工具变身为移动终端，手机的电话特性减弱，类电脑、类PSP的特性在加强。]]></description>
			<content:encoded><![CDATA[<p>上周帮<a href="https://twitter.com/zwtoo" target="_blank">@zwtoo</a>购入一枚BlackBerry。然后不断在说的一个事情就是为什么要买Blackberry，BlackBerry好在哪里？我这里从最简单的产品角度来说说BlackBerry和Nokia的特质。</p>
<p><img class="alignnone size-full wp-image-789" title="Nokia_N73" src="http://www.imguangyao.com/wp-content/uploads/2009/09/Nokia_N73.jpg" alt="Nokia_N73" width="213" height="302" /><img class="alignnone" title="BlackBerry_8700c" src="http://farm4.static.flickr.com/3225/2953572859_9897b65c12_o.jpg" alt="" width="200" height="302" /></p>
<p>左侧的Nokia是N73，属于典型Nokia风格的机型。右侧的BlackBerry是8700c，属于典型的BlackBerry风格的机型。如果会想两家厂商最初的产品设计起点，大概逻辑似乎是这样的。</p>
<p><span style="color: #0000ff;">Nokia的产品人员的Mental Model（心智模型）更偏向一部电话（即座机）</span>。所以它以典型的数字键排位+屏幕来部署。<span style="color: #0000ff;">BlackBerry的产品人员的Mental Model则是更偏向微型计算机</span>。Qwerty键盘+滚轮，模拟电脑的键盘+鼠标，包括快捷键、多任务处理等等都是平移用户对电脑的操作习惯。</p>
<p>研究手机发展史也会看到手机逐步由基础通讯工具变身为移动终端，手机的电话特性减弱，类电脑、类PSP的特性在加强。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/787/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>电子商务产品加速进化</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/748</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/748#comments</comments>
		<pubDate>Thu, 20 Aug 2009 15:59:41 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[电子商务]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=748</guid>
		<description><![CDATA[从产品角度看，电子商务是一个复杂的系统，真以为买卖然后支付就完事，那就太傻太天真了。即使牛逼如淘宝，产品进化也从未停止。淘宝近期就推出了货到付款和大金额信用卡支付的两项服务，而且支付环节还走入了线下。连跑在第一名的都不敢放松，后来者的有啊当然更不敢掉以轻心，方舟计划、阿拉丁计划一筐。好事，没有强敌竞争，你的产品不可能更好的进步。 今天瞅了一下服装类垂直行业的电子商务公司Vancl，典型的营销驱动型公司，价格鲜明，但产品粗放。 我一直认为服装鞋帽类电子商务最重要的一个产品就是建立一个用户资料库。这个用户资料库，允许用户充实一个或多个个人信息（身高、体重、脚码、罩杯等）。选购商品时，允许用户以某个资料库的尺码进行购买。比如你的信息填写了42码的鞋，那么系统可以为你过滤非42码的鞋子。这个产品的思路有点像产品设计过程人物角色（persona）的逻辑。Vancl顾着价格和广告，这些事完全没功夫折腾。Vancl的个人资料页面，有很多雷人的信息供用户填写。更雷人的是你填完这些信息之后，他们完全和购买过程无关。 另外一个产品的例子，如果在购物车里有重复的产品，付款时是否加入提醒功能？还有鸦总提到的订单转化率设计。除了价格和营销，电子商务的产品进化还有很大空间。 营销不一定是你在广告上砸大钱，不一定是你在SEM上很专业，潜心修炼好内功也很关键。电子商务这活不是贩卖流量那么简单，否则国美苏宁才不会眼睁睁看着新蛋京东抢自己饭碗了干急了。]]></description>
			<content:encoded><![CDATA[<p>从产品角度看，电子商务是一个复杂的系统，真以为买卖然后支付就完事，那就太傻太天真了。即使牛逼如淘宝，产品进化也从未停止。<strong>淘宝近期就推出了货到付款和大金额信用卡支付的两项服务</strong>，而且<a href="http://www.china.com.cn/economic/txt/2009-08/19/content_18363568.htm">支付环节还走入了线下</a>。连跑在第一名的都不敢放松，后来者的有啊当然更不敢掉以轻心，方舟计划、阿拉丁计划一筐。好事，没有强敌竞争，你的产品不可能更好的进步。</p>
<p>今天瞅了一下服装类垂直行业的电子商务公司Vancl，典型的营销驱动型公司，价格鲜明，但产品粗放。</p>
<p>我一直认为服装鞋帽类电子商务最重要的一个产品就是建立一个用户资料库。这个用户资料库，允许用户充实一个或多个个人信息（身高、体重、脚码、罩杯等）。选购商品时，允许用户以某个资料库的尺码进行购买。比如你的信息填写了42码的鞋，那么系统可以为你过滤非42码的鞋子。这个产品的思路有点像产品设计过程人物角色（persona）的逻辑。Vancl顾着价格和广告，这些事完全没功夫折腾。Vancl的个人资料页面，有很多雷人的信息供用户填写。更雷人的是你填完这些信息之后，他们完全和购买过程无关。</p>
<p><img src="http://www.imguangyao.com/wp-content/uploads/2009/08/Vancl_profile.jpg" alt="Vancl_profile" title="Vancl_profile" width="612" height="376" class="alignnone size-full wp-image-749" /></p>
<p>另外一个产品的例子，如果在购物车里有重复的产品，付款时是否加入提醒功能？还有鸦总提到的<a href="http://uicom.net/blog/?p=842">订单转化率设计</a>。除了价格和营销，电子商务的产品进化还有很大空间。</p>
<p>营销不一定是你在广告上砸大钱，不一定是你在SEM上很专业，潜心修炼好内功也很关键。电子商务这活不是贩卖流量那么简单，否则国美苏宁才不会眼睁睁看着新蛋京东抢自己饭碗了干急了。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/748/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>将以用户为中心的设计嵌入产品开发流程</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/701</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/701#comments</comments>
		<pubDate>Sat, 08 Aug 2009 02:51:25 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[UCD]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=701</guid>
		<description><![CDATA[V5.0之后，我们总结了一些得失。首先要说的是改版的动力。产品设计或产品升级的驱动力只有两个：用户需求和网站目标。之前的我们的多次改版，其驱动力更偏向于后者。并不是新改版的规划不考虑用户需求，而是我们还在不断改进和调整网站目标。当然希望下一版，我可以启动用户需求驱动。 接着说一说如何在Web设计中如何很好的实现以用户为中心的设计。就需要有一个基本的逻辑：即UCD是可以和软件工程一样，形成一套科学的方法论，并且需要有效地嵌入到产品设计和开发流程中。 我刚入行的时候把UCD看成一种偏感性的设计理念，我想很多人会跟我一样的观点。比如，我们能指出某个产品设计的不足和某个失败的交互，但这还只是凭借观察体验和一些思路得出的认知。但其实UCD是一们科学的体系。并且UCD已在ISO13407中有非常清晰的定义（同样的可用性在ISO9241-11也有明确定义）： a) 用户积极的融入及对用户和他们的任务需求的清晰理解； b) 用户与技术之间一个合适的功能定位； c) 设计方案的迭代； d) 跨学科的设计。 建立这个逻辑之后，我们聚焦到web设计上来。这里推荐的是Jesse James Garrett在《The Elements of Web Design》的经典web设计模型，非常理体系化。 上图的很多标识不够清晰，更详细版本大家可以点击这里查看。 Jesse提到了web设计的两条线：作为软件的web设计（Web as software interface）和作为超文本的web设计（Web as hypertext system）。前者是任务导向（task-oriented），后者是信息导向（information-oriented）。然后在两条线上有或者交叉或者独立的方法来演进。这个模型狂赞不止哇…… 最后说说衡量UCD效果这个问题：用户满意度和用户推荐度。]]></description>
			<content:encoded><![CDATA[<p>V5.0之后，我们总结了一些得失。首先要说的是改版的动力。<strong>产品设计或产品升级的驱动力只有两个：用户需求和网站目标。</strong>之前的我们的多次改版，其驱动力更偏向于后者。并不是新改版的规划不考虑用户需求，而是我们还在不断改进和调整网站目标。当然希望下一版，我可以启动用户需求驱动。</p>
<p>接着说一说如何在Web设计中如何很好的实现以用户为中心的设计。就需要有一个基本的逻辑：即<strong><span style="color: #0000ff;">UCD是可以和软件工程一样，形成一套科学的方法论，并且需要有效地嵌入到产品设计和开发流程中。</span></strong></p>
<p>我刚入行的时候把UCD看成一种偏感性的设计理念，我想很多人会跟我一样的观点。比如，我们能指出某个产品设计的不足和某个失败的交互，但这还只是凭借观察体验和一些思路得出的认知。但其实UCD是一们科学的体系。并且UCD已在ISO13407中有非常清晰的定义（同样的可用性在ISO9241-11也有明确定义）：<br />
a) 用户积极的融入及对用户和他们的任务需求的清晰理解；<br />
b) 用户与技术之间一个合适的功能定位；<br />
c) 设计方案的迭代；<br />
d) 跨学科的设计。</p>
<p>建立这个逻辑之后，我们聚焦到web设计上来。这里推荐的是Jesse James Garrett在《The Elements of Web Design》的经典web设计模型，非常理体系化。</p>
<p><img class="alignnone size-full wp-image-702" title="web design process" src="http://www.imguangyao.com/wp-content/uploads/2009/08/web-design-process.png" alt="web design process" width="364" height="441" /></p>
<p>上图的很多标识不够清晰，<a href="http://www.jjg.net/elements/pdf/elements.pdf">更详细版本大家可以点击这里查看</a>。</p>
<p>Jesse提到了web设计的两条线：作为软件的web设计（Web as software interface）和作为超文本的web设计（Web as hypertext system）。前者是任务导向（task-oriented），后者是信息导向（information-oriented）。然后在两条线上有或者交叉或者独立的方法来演进。这个模型狂赞不止哇……</p>
<p>最后说说衡量UCD效果这个问题：用户满意度和用户推荐度。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/701/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>说说tab设计</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/636</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/636#comments</comments>
		<pubDate>Fri, 24 Jul 2009 17:04:01 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[tab]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=636</guid>
		<description><![CDATA[要想在不宽裕的页面展现丰富的内容，现在通用的做法使用tab，在一块区域通过tab切换来更换该区域的内容。这篇文章分析了tab设计很在理，今天我也谈谈我抓了几个案例，谈谈对tab设计的看法。在实际案例中，我们看到了一些好的设计，也有些我不赞成的设计，稍做分享。 我的意见是合理的tab设计应该是这两种类型： 第1种 鼠标单击切换。此种情形下tab是没有链接的（但是在选中的tab区域内增加 更多或者more链接）。 第2种 鼠标悬浮切换。此种情况下很多tab都加了链接，所以 a:hover 应该生效，也就是鼠标停靠时有下滑下或颜色等提示。其实这也是Norman设计理念里，对于用户恰当Feedback（反馈）的实践。 案例一：yahoo美国首页，属于第1种tab设计，但是注意右下角的框框哦。 案例二：淘宝首页的tab设计有三处，但是仔细看一下，却发觉各有差异。比较疑惑的是，为什么首页只有3个tab设计，但是却各不一样呢？难道一个页面需要多个前端介入？ 第一个tab设计属于单击切换，无附加链接。（顶） 第二个tab设计属于悬浮切换，但是没有 a:hover 来反馈tab上的链接。（扁） 第三个tab设计属于悬浮切换，添加了 a:hover 反馈tab上的链接。（顶） 案例三：QQ弹窗。 最不招人喜欢的QQ弹窗，tab上也没有链接反馈，相信qq.com的流量很多是被这样无辜地骗来的。（扁） 插播一段：我一直对QQ弹窗的设计有微辞，一个只能放5个tab的位置居然间接的放了7个，于是不得不多出一个左右翻滚tab的设计。至于增加一个看起来意义不大却比较显眼的 [您可以拖动该页卡进行排序] 真正价值有多少。]]></description>
			<content:encoded><![CDATA[<p>要想在不宽裕的页面展现丰富的内容，现在通用的做法使用tab，在一块区域通过tab切换来更换该区域的内容。<a href="http://blog.d8in.com/posts/455.html">这篇文章分析了tab设计很在理</a>，今天我也谈谈我抓了几个案例，谈谈对tab设计的看法。在实际案例中，我们看到了一些好的设计，也有些我不赞成的设计，稍做分享。</p>
<p>我的意见是合理的tab设计应该是这两种类型：<br />
<strong>第1种  鼠标单击切换。</strong>此种情形下tab是没有链接的（但是在选中的tab区域内增加 更多或者more链接）。<br />
<strong>第2种  鼠标悬浮切换。</strong>此种情况下很多tab都加了链接，所以 a:hover 应该生效，也就是鼠标停靠时有下滑下或颜色等提示。其实<a href="http://www.imguangyao.com/archives/72">这也是Norman设计理念里，对于用户恰当Feedback（反馈）的实践</a>。</p>
<p><strong>案例一</strong>：yahoo美国首页，属于第1种tab设计，但是注意右下角的框框哦。<br />
<img src="http://www.imguangyao.com/wp-content/uploads/2009/07/tab-yahoo.jpg" alt="tab-yahoo" title="tab-yahoo" width="399" height="277" class="alignnone size-full wp-image-637" /></p>
<p><strong>案例二</strong>：淘宝首页的tab设计有三处，但是仔细看一下，却发觉各有差异。比较疑惑的是，为什么首页只有3个tab设计，但是却各不一样呢？难道一个页面需要多个前端介入？<br />
<img src="http://www.imguangyao.com/wp-content/uploads/2009/07/tab-taobao01.jpg" alt="tab-taobao01" title="tab-taobao01" width="278" height="148" class="alignnone size-full wp-image-638" /><br />
第一个tab设计属于单击切换，无附加链接。（顶）</p>
<p><img src="http://www.imguangyao.com/wp-content/uploads/2009/07/tab-taobao03.jpg" alt="tab-taobao03" title="tab-taobao03" width="269" height="267" class="alignnone size-full wp-image-642" /><br />
第二个tab设计属于悬浮切换，但是没有 a:hover 来反馈tab上的链接。（扁）</p>
<p><img src="http://www.imguangyao.com/wp-content/uploads/2009/07/tab-taobao02.jpg" alt="tab-taobao02" title="tab-taobao02" width="272" height="159" class="alignnone size-full wp-image-639" /><br />
第三个tab设计属于悬浮切换，添加了 a:hover 反馈tab上的链接。（顶）</p>
<p><strong>案例三</strong>：QQ弹窗。<br />
<img src="http://www.imguangyao.com/wp-content/uploads/2009/07/tab-qq02.jpg" alt="tab-qq02" title="tab-qq02" width="434" height="50" class="alignnone size-full wp-image-640" /><br />
最不招人喜欢的QQ弹窗，tab上也没有链接反馈，相信qq.com的流量很多是被这样无辜地骗来的。（扁）<br />
插播一段：我一直对QQ弹窗的设计有微辞，一个只能放5个tab的位置居然间接的放了7个，于是不得不多出一个左右翻滚tab的设计。至于增加一个看起来意义不大却比较显眼的 [您可以拖动该页卡进行排序] 真正价值有多少。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/636/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>给用户发一封友好的EDM</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/534</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/534#comments</comments>
		<pubDate>Wed, 06 May 2009 08:25:40 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[EDM]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=534</guid>
		<description><![CDATA[Saidy设计与用户体验是关于最新一期EDM的文章。这个总结很棒，相信会使后续EDM更高效。这里，我站在需求和项目掌控的角度，重新梳理一下发送一封对用户友好的EDM的要点。 1、内容策划。 在我掌管EDM之后，我极力将产品信息提升至重要位置，尽量淡化市场内容。新产品、老产品新功能属于Products信息，价格折扣信息属于Sales信息。但是Marketing内容应该淡化，我的观点很明确，用户不需要软文。（当然，营销类邮件和订阅类邮件的内容部署又有差别。）当然不管你内容多拽，一定要提供邮件的页面阅读地址及提供退订。 2、视觉设计环节与用户调研 详细见Saidy的设计与用户体验一文。 3、前端环节 满足不同邮件服务提供商、不同浏览器、不同邮件客户端对于前端工作是个挑战。本次EDM第一次强大的兼容了126、163、QQ、gmail、hotmail等众多邮件服务商。不过行距处理上还需要再改善。 4、发送阶段 邮件发送工具（这个东西可以提高效率，估计不少邮件Spam有更牛X的工具）； 发送时间（两封邮件相差6秒以上，运维同事反馈10秒为佳，这样可以保证EDM达到成功率）； 邮件服务器（多几台机器，过几个IP来发送，可以有效防止被当做垃圾邮件）。 5、结果反馈 整体发送使用时间（要知道超过10W以上的邮件数量，这个数量就需要考察时间与效率问题了）； 退信数量； 退信中各邮件服务商的退信比例。 其实这个项目很简单，需要协调各部门和各种资源，但是这些基本功一直不扎实。如果成为一家令人尊敬的公司，就要注重产品本身，注重用户体验，精力放在KPI上不靠谱。将职业规划定位在产品经理的我非常坚定的认为优秀的产品 + 社会化口碑营销才是王道。]]></description>
			<content:encoded><![CDATA[<p>Saidy<a href="http://www.kdued.com/2009/04/%e8%ae%be%e8%ae%a1%e4%b8%8e%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/">设计与用户体验</a>是关于最新一期EDM的文章。这个总结很棒，相信会使后续EDM更高效。这里，我站在需求和项目掌控的角度，重新梳理一下发送一封对用户友好的EDM的要点。</p>
<p><strong><span style="color: #008000;">1、内容策划。</span></strong><br />
在我掌管EDM之后，我极力将产品信息提升至重要位置，尽量淡化市场内容。新产品、老产品新功能属于Products信息，价格折扣信息属于Sales信息。但是Marketing内容应该淡化，我的观点很明确，用户不需要软文。（当然，营销类邮件和订阅类邮件的内容部署又有差别。）当然不管你内容多拽，一定要提供邮件的页面阅读地址及提供退订。</p>
<p><strong><span style="color: #008000;">2、视觉设计环节与用户调研</span></strong><br />
详细见Saidy的<a href="http://www.kdued.com/2009/04/%e8%ae%be%e8%ae%a1%e4%b8%8e%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c/">设计与用户体验</a>一文。</p>
<p><strong><span style="color: #008000;">3、前端环节</span></strong><br />
满足不同邮件服务提供商、不同浏览器、不同邮件客户端对于前端工作是个挑战。本次EDM第一次强大的兼容了126、163、QQ、gmail、hotmail等众多邮件服务商。不过行距处理上还需要再改善。</p>
<p><strong><span style="color: #008000;">4、发送阶段</span></strong><br />
邮件发送工具（这个东西可以提高效率，估计不少邮件Spam有更牛X的工具）；<br />
发送时间（两封邮件相差6秒以上，运维同事反馈10秒为佳，这样可以保证EDM达到成功率）；<br />
邮件服务器（多几台机器，过几个IP来发送，可以有效防止被当做垃圾邮件）。</p>
<p><strong><span style="color: #008000;">5、结果反馈</span></strong><br />
整体发送使用时间（要知道超过10W以上的邮件数量，这个数量就需要考察时间与效率问题了）；<br />
退信数量；<br />
退信中各邮件服务商的退信比例。</p>
<p>其实这个项目很简单，需要协调各部门和各种资源，但是这些基本功一直不扎实。如果成为一家令人尊敬的公司，就要注重产品本身，注重用户体验，精力放在KPI上不靠谱。将职业规划定位在产品经理的我非常坚定的认为<span style="color: #ff0000;"><strong>优秀的产品 + 社会化口碑营销才是王道</strong></span>。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/534/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>商业站点如何发好一封邮件？</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/303</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/303#comments</comments>
		<pubDate>Sat, 24 Jan 2009 15:16:20 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[EDM]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[电子邮件]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=303</guid>
		<description><![CDATA[小朱写了一片非常好的blog《爱恨交加的HTML邮件》。我之前也写过《EDM又被当垃圾邮件了？》。这个话题对于商业类网站而言其实很重要，今天再来叨咕一下。 &#62;&#62;从邮件设计角度看： 1、提供退订地址。 2、提供邮件的网页版地址。比如明显处提供：邮件如不能正常显示请点击这里。这样对邮件样式可能错误的修正。（小朱请回答：现在我们发送邮件样式，是怎么绝对路径加载的，还是直接写在标签里的？） 3、邮件的宽度要窄。邮件宽度应该&#60;800px，否则出现横滚动条，就囧大了。主流显示器分辨率为1024*768，除去各类邮箱界面和邮件客户端的sidebar（竖边栏导航），800px是比较保险的宽度。（啰嗦一句1024*768分辨率下，gmail给真正邮件的宽度约是600px，其余的约424px是边栏和adsense广告。） &#62;&#62;从邮件制作内容看： 1、客户的响应邮件准确到位。比如会员在执行注册、购买、变更记录等操作时，邮件要发，而且要及时。 2、营销部门（价格策略）、市场部门（会员活动方案）、运营部门（会员积分体系）等需要协调协调邮件内容，邮件出口一定要单一。千万别你妈的几个部门分开发。 3、不要给会员发软文吹自己牛逼，发送折扣信息，通知积分兑换状况等等。比如，我是索尼单反用户，索尼月刊发布的内容基本是与单反有关的信息，索尼发布战略会的内容跟丫用户有啥关系，要以用户为中心。 4、针对不同级别的用户发送不同的电子邮件。 注册用户、购买用户、购买额度超过XX元的VIP用户、深度使用用户，邮件应该有针对性。不过需要建立在整站完善的积分体系上。]]></description>
			<content:encoded><![CDATA[<p>小朱写了一片非常好的blog<a href="http://www.kdued.com/2009/01/html-mail/"><strong>《爱恨交加的HTML邮件》</strong></a>。我之前也写过<a href="http://www.imguangyao.com/archives/94"><strong>《EDM又被当垃圾邮件了？》</strong></a>。这个话题对于商业类网站而言其实很重要，今天再来叨咕一下。</p>
<p>&gt;&gt;从邮件设计角度看：<br />
1、<strong>提供退订地址</strong>。<br />
2、<strong>提供邮件的网页版地址</strong>。比如明显处提供：邮件如不能正常显示请点击这里。这样对邮件样式可能错误的修正。（小朱请回答：现在我们发送邮件样式，是怎么绝对路径加载的，还是直接写在标签里的？）<br />
3、<strong>邮件的宽度要窄。</strong>邮件宽度应该&lt;800px，否则出现横滚动条，就囧大了。主流显示器分辨率为1024*768，除去各类邮箱界面和邮件客户端的sidebar（竖边栏导航），800px是比较保险的宽度。（啰嗦一句1024*768分辨率下，gmail给真正邮件的宽度约是600px，其余的约424px是边栏和adsense广告。）</p>
<p>&gt;&gt;从邮件制作内容看：<br />
1、<strong>客户的响应邮件准确到位。</strong>比如会员在执行注册、购买、变更记录等操作时，邮件要发，而且要及时。<br />
2、营销部门（价格策略）、市场部门（会员活动方案）、运营部门（会员积分体系）等需要<strong>协调协调邮件内容</strong>，邮件出口一定要单一。千万别你妈的几个部门分开发。<br />
3、不要给会员发软文吹自己牛逼，<strong>发送折扣信息，通知积分兑换状况</strong>等等。比如，我是索尼单反用户，索尼月刊发布的内容基本是与单反有关的信息，索尼发布战略会的内容跟丫用户有啥关系，要以用户为中心。<br />
4、针对不同级别的用户发送不同的电子邮件。 注册用户、购买用户、购买额度超过XX元的VIP用户、深度使用用户，邮件应该有针对性。不过需要建立在整站完善的积分体系上。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/303/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Donald Norman的《The Design of Everyday Things》</title>
		<link>http://imguangyao.cellphoneinchina.com/archives/72</link>
		<comments>http://imguangyao.cellphoneinchina.com/archives/72#comments</comments>
		<pubDate>Mon, 27 Oct 2008 06:11:08 +0000</pubDate>
		<dc:creator>光耀</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[产品设计]]></category>
		<category><![CDATA[Donald Norman]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.imguangyao.com/?p=72</guid>
		<description><![CDATA[分享一下公司管理论坛的《可用性设计的若干重要概念和原则》一些收获，演讲人是人大教授毛基业老师。其实演讲的核心内容是Donald Norman的《The Design of Everyday Things》。我在Amazon上搜到了英文原版，可惜还是邮寄不到国内来。Norman的理念确实很强大，被称为设计者必看书籍之一。 1、Norman对于设计提出的六个重要概念：Affordances (受用性)、Constraints (限制)、Mappings (映射)、Feedback (反馈)、Visibility (可视性)、Mental Model (头脑模型)。 2、用户体验从产品交付那一刻就开始了，包括说明书、帮助文档等。 3、一致性，如果没有更好的理由，坚决不要破坏产品的一致性。 4、designer&#8217;s design model应该尽量接近user&#8217;s model。 最近参加了不少地面活动，非常遗憾的是没有参加小辛说起的用户体验年会。]]></description>
			<content:encoded><![CDATA[<p>分享一下公司管理论坛的《可用性设计的若干重要概念和原则》一些收获，演讲人是人大教授毛基业老师。其实演讲的核心内容是Donald Norman的《The Design of Everyday Things》。我在<a href="http://www.amazon.com/">Amazon</a>上搜到了英文原版，可惜还是邮寄不到国内来。Norman的理念确实很强大，被称为设计者必看书籍之一。</p>
<p>1、Norman对于设计提出的六个重要概念：Affordances (受用性)、Constraints (限制)、Mappings (映射)、Feedback (反馈)、Visibility (可视性)、Mental Model (头脑模型)。</p>
<p>2、用户体验从产品交付那一刻就开始了，包括说明书、帮助文档等。</p>
<p>3、一致性，如果没有更好的理由，坚决不要破坏产品的一致性。</p>
<p>4、designer&#8217;s design model应该尽量接近user&#8217;s model。</p>
<p>最近参加了不少地面活动，非常遗憾的是没有参加小辛说起的<a href="http://www.upachina.org/userfriendly2008/">用户体验年会</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://imguangyao.cellphoneinchina.com/archives/72/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
