<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>紫枫印象 &#187; 互联网</title>
	<atom:link href="http://www.86ue.com/archives/tag/%e4%ba%92%e8%81%94%e7%bd%91/feed" rel="self" type="application/rss+xml" />
	<link>http://www.86ue.com</link>
	<description>UED web2.0 前端技术 用户体验 SEO 80后</description>
	<lastBuildDate>Sun, 14 Mar 2010 14:02:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>未来都是湿的——我看2009年中国互联网</title>
		<link>http://www.86ue.com/archives/431</link>
		<comments>http://www.86ue.com/archives/431#comments</comments>
		<pubDate>Wed, 02 Dec 2009 12:18:17 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[未来都是湿的]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=431</guid>
		<description><![CDATA[《Here Comes Everybody》，中文译本改名为《未来是湿的》。这本书探讨的问题是，无组织的组织力量，怎样改变了我们现实的社会。在观察全球互联网革命浪潮的时候，我们不得不或者主动或者被动地回到我们脚下的这片土地，一次又一次地发现它的神奇，它的不可思议。

不用去费劲地想象未来，2009年的中国互联网已经很湿，哪哪儿都是水——<strong>口水</strong>。

《魔兽世界》运营权变更所引发的各种势力的较量，官媒对“谷歌涉黄”问题展开的大批判，谷歌图书项目所唤醒的中国作家莫名其妙的维权意识，视频网站版权大战，杀毒软件收费免费之争，两个开心网的商标权之争，乃至新闻出版总署跟文化部两个政府部门之间的勾心斗角，所有这一切，都证明中国互联网已经成了一个大水坑。3亿多中国网民每天浸淫在这被“绿坝”精心呵护的澎湃的口水中，幸福着，满足着，一如被三聚氰胺喂养的一代婴儿。

空中漂浮着数不清的舌头，我们却看不清舌头后面的那些嘴脸。互联网早就不是当年的那个互联网，那个由一群没权没势的知识英雄所开创的知识经济试验场。互联网已经深深地影响着现实的政治、经济、文化、商业和整个社会，更重要的是，互联网已经被证明，它可以创造财富，巨大的财富。所以各种各样的面目模糊的势力杀进来了，他们嗅觉灵敏，目标明确，出手果断，有组织有纪律，只要是有肉的地方，都能看到他们翻飞的翅膀，听到他们嗡嗡的噪声。

这就是中国的互联网，墙越筑越高，篱笆越扎越厚，地盘就是利益，更大的利益需要更高的权力保护。从谷歌涉黄，到绿坝，再到CCTV狠敲中移动，“保护未成年人”确实是一把屡试不爽的利刃，可用来切割利益，划分地盘。当年的草寇，如今也换上了正统的面具，一边在权力的怀中撒娇，一边把手里的刀子，捅向新来的草寇。人们说，水很深。是啊，很深，越来越深。3亿网民，情愿或不情愿地，都成了贾君鹏。]]></description>
			<content:encoded><![CDATA[<p>《Here Comes Everybody》，中文译本改名为《未来是湿的》。这本书探讨的问题是，无组织的组织力量，怎样改变了我们现实的社会。在观察全球互联网革命浪潮的时候，我们不得不或者主动或者被动地回到我们脚下的这片土地，一次又一次地发现它的神奇，它的不可思议。</p>
<p>不用去费劲地想象未来，2009年的中国互联网已经很湿，哪哪儿都是水——<strong>口水</strong>。</p>
<p>《魔兽世界》运营权变更所引发的各种势力的较量，官媒对“谷歌涉黄”问题展开的大批判，谷歌图书项目所唤醒的中国作家莫名其妙的维权意识，视频网站版权大战，杀毒软件收费免费之争，两个开心网的商标权之争，乃至新闻出版总署跟文化部两个政府部门之间的勾心斗角，所有这一切，都证明中国互联网已经成了一个大水坑。3亿多中国网民每天浸淫在这被“绿坝”精心呵护的澎湃的口水中，幸福着，满足着，一如被三聚氰胺喂养的一代婴儿。</p>
<p>空中漂浮着数不清的舌头，我们却看不清舌头后面的那些嘴脸。互联网早就不是当年的那个互联网，那个由一群没权没势的知识英雄所开创的知识经济试验场。互联网已经深深地影响着现实的政治、经济、文化、商业和整个社会，更重要的是，互联网已经被证明，它可以创造财富，巨大的财富。所以各种各样的面目模糊的势力杀进来了，他们嗅觉灵敏，目标明确，出手果断，有组织有纪律，只要是有肉的地方，都能看到他们翻飞的翅膀，听到他们嗡嗡的噪声。</p>
<p>这就是中国的互联网，墙越筑越高，篱笆越扎越厚，地盘就是利益，更大的利益需要更高的权力保护。从谷歌涉黄，到绿坝，再到CCTV狠敲中移动，“保护未成年人”确实是一把屡试不爽的利刃，可用来切割利益，划分地盘。当年的草寇，如今也换上了正统的面具，一边在权力的怀中撒娇，一边把手里的刀子，捅向新来的草寇。人们说，水很深。是啊，很深，越来越深。3亿网民，情愿或不情愿地，都成了贾君鹏。</p>
<p>在这深不见底的污水坑中，中国互联网终于圆满地符合中国国情了，国情有多脏，它就有多脏。你要么潜规则别人，要么被别人潜规则，独善其身是不可能的。</p>
<p>您别误会，我从没有期待一个世外桃源，毕竟我还有赶不尽杀不绝的翻墙工具，我可以浮出水面透口气。但这一潭污水，已经窒息了一个产业的发展，让互联网成为强盗的乐土，权力的玩偶。在这里，一切“无组织的组织力量”，终将被组织接管，接管不了或不想接管的，封掉或关掉即可。</p>
<p>中国互联网产业总产值已经接近千亿元，其中三分之一是游戏贡献的。我知道互联网未来会变得更大，产值更高，这就意味着，会有更多看得见和看不见的脏手，伸进来，水也会更多，更脏。就是这样！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/431/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>谢文：四个大佬的互联网十年</title>
		<link>http://www.86ue.com/archives/129</link>
		<comments>http://www.86ue.com/archives/129#comments</comments>
		<pubDate>Thu, 22 Oct 2009 15:07:10 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[互联网]]></category>
		<category><![CDATA[十年]]></category>
		<category><![CDATA[谢文]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=129</guid>
		<description><![CDATA[早期，除了马化腾（当时，我曾派了一个副总去收购他的公司），李彦宏、陈天桥、马云这几个创始人，大部分都有神交，或者在会上见过。对于这四个互联网公司的十年，我觉得都是一个学习的过程，腾讯有过找不着北想卖掉的时候，李彦宏应该说到2003年还没有想过今天所谓搜索模式，他一开始做软件，做B2B模式。他们应该说都在摸索，在曲折的道路上前行，没有放弃。


他们的共性：剩者为王
从1999年到2009年，阿里巴巴、百度、盛大、腾讯这四家公司中，变化最为巨大的是腾讯。腾讯一开始就是三五个年轻人，抄了一个当时大家都认为应该抄的ICQ，因为太显而易见了，所以高潮的时候中国有五六十个即时通讯软件。腾讯在当时既不是最好的，也不是最早的，也不是用户最多的。但是因为当时联众的鲍岳桥跟马化腾是朋友，他要扶植马化腾一把，我们就鼓励联众的用户都装QQ，当时，联众大概六七百人同时在线。那时全国才几十万网民，所以直到1999年底，我们大概是前后脚撞线——万人在线，大概转过年来就是十万人同时在线。


对腾讯印象最深的是，其一，马化腾比较诚恳，也愿意合作，而且你只要给他提了产品不稳定的问题，他马上就改，这和其他很多公司“你挑我毛病，就是我的敌人”是不一样的。第二，有一些人做一个公司，是想着融资、上市，或者是卖掉，主要是赚快钱，而马化腾，整体上还是属于认认真真的做东西。随着泡沫破碎，也就是真正的考验是2000年，特别是2001年，这60多个即时通讯软件，关门的关门，整合的整合，卖掉的卖掉，兴趣转移的兴趣转移，大概还有四五家。这个时候，腾讯占领的市场就变成30%左右了。]]></description>
			<content:encoded><![CDATA[<p>早期，除了马化腾（当时，我曾派了一个副总去收购他的公司），李彦宏、陈天桥、马云这几个创始人，大部分都有神交，或者在会上见过。对于这四个互联网公司的十年，我觉得都是一个学习的过程，腾讯有过找不着北想卖掉的时候，李彦宏应该说到2003年还没有想过今天所谓搜索模式，他一开始做软件，做B2B模式。他们应该说都在摸索，在曲折的道路上前行，没有放弃。</p>
<p>他们的共性：剩者为王<br />
从1999年到2009年，阿里巴巴、百度、盛大、腾讯这四家公司中，变化最为巨大的是腾讯。腾讯一开始就是三五个年轻人，抄了一个当时大家都认为应该抄的ICQ，因为太显而易见了，所以高潮的时候中国有五六十个即时通讯软件。腾讯在当时既不是最好的，也不是最早的，也不是用户最多的。但是因为当时联众的鲍岳桥跟马化腾是朋友，他要扶植马化腾一把，我们就鼓励联众的用户都装QQ，当时，联众大概六七百人同时在线。那时全国才几十万网民，所以直到1999年底，我们大概是前后脚撞线——万人在线，大概转过年来就是十万人同时在线。</p>
<p>对腾讯印象最深的是，其一，马化腾比较诚恳，也愿意合作，而且你只要给他提了产品不稳定的问题，他马上就改，这和其他很多公司“你挑我毛病，就是我的敌人”是不一样的。第二，有一些人做一个公司，是想着融资、上市，或者是卖掉，主要是赚快钱，而马化腾，整体上还是属于认认真真的做东西。随着泡沫破碎，也就是真正的考验是2000年，特别是2001年，这60多个即时通讯软件，关门的关门，整合的整合，卖掉的卖掉，兴趣转移的兴趣转移，大概还有四五家。这个时候，腾讯占领的市场就变成30%左右了。</p>
<p>如果说腾讯、百度是一类公司。那么盛大、阿里巴巴则是另一类的。腾讯和百度是我心目当中比较正宗的互联网，它是90%以上的资源，都放在产品的研发、改进、运营以及商业模式的寻找。盛大他们是做生意，不会做互联网，但是知道这个体系怎么架起来的，然后卖出来，陈天桥最大的功绩是在当时条件下创造了一个商业模式，通过网吧直接分成，这个比卖游戏卡要有效率得多。阿里巴巴，我觉得更多是用互联网，而不是做互联网。</p>
<p>第一批互联网创始人，应该说领袖气质比较强，忽悠能力比较强，八面来风。还有是历史机遇赐予的先发优势，遮盖了不成熟、不老练，因为你先走，你有时间犯错误，同时也因为缺乏竞争，你的东西好坏基本上市场就这一个。</p>
<p>十年后，“跳出画面”看这四个人，他们身上有相似的特质：其一是坚持。马云的公司倒闭过，而且应该说他跟业内也没有什么交集，但是他很坚持，他在浙江那个地方，他懂民营企业的逻辑，他看到了需求，坚持利用互联网平台。李彦宏他们也是几次要倒闭，他们那时候，大概三次、四次说要放弃了，我建议说别放弃了，还得把它划圆了。因为他们比较年轻，觉得干了三四年了，怎么还看不见北，但是他们坚持住了。你说谁是第一天就清楚地看清方向的，可以说是2003年以后创业的人，特别像史玉柱、江南春，你可以说他看清了，这是熟练的生意。</p>
<p>其二是应用创新。中国互联网的创新是在应用这个层次，QQ是拿来的，但面对这个市场的时候，我不固守原有的模式，进行了适合中国国情的各种各样的创新。这个东西在中国土地上如鱼得水，换一个地方就绝对不行，因为你加了太多对中国社会的体验，所以你现在得也是它，失也是它。百度、腾讯、携程、阿里巴巴身上都有这种鲜明的应用创新，淘宝不收费，明摆着把eBay的模式给颠覆了。</p>
<p>其三是商务的创新。最典型的，像盛大模式、携程模式、百度模式、阿里模式、腾讯模式，都有商务的创新。你会发现它不是从外国抄来的，同时也不见得是国内原创，都是从别的地方发扬光大了，整合以后，到他这儿产生10倍的效应。</p>
<p>其四是了解中国独一无二的业态。中国、俄罗斯、日本、韩国，都是本土互联网公司打败国际巨头的地方，本土的互联网公司都比较强。最特别的，应该是国情造成了目前互联网的格局。国外的互联网行业，很容易实现现实世界的平移，而中国的互联网行业则是一种畸形的状态，或者叫做改革当中的状态。</p>
<p>平台的PK<br />
也可以用王国维的“三种境界”来看中国的互联网公司商业模式。</p>
<p>第一境界“昨夜西风凋碧树，独上高楼，望尽天涯路。”我觉得是2000年以前，大家的目标是融资。当时，做互联网根本没有想什么挣钱，就是做概念，比如，我当时所在的海虹控股，就是因为公司投了互联网，所以才涨了10倍，够了，公司赚了好几十亿。</p>
<p>第二境界“衣带渐宽终不悔，为伊消得人憔悴。”2000年到2003年，大家一门心思想上市，最早是亏损上市。</p>
<p>第三境界“众里寻他千百度，蓦然回首，那人却在，灯火阑珊处。”从2003年以后，互联网从生命周期讲，进入到盈利阶段。大家终于搞明白了，融到资也罢，上市也罢，最后你要有持续、稳定、高速、规模化的盈利，这样才有意义。</p>
<p>一个真正成功的商业模式，叫可持续、可复制、可改良，就是可进化。从这个意义上讲，还是腾讯和百度，你可以想像，它接下去，你要把腾讯拆开了，你发现它也是广告、游戏、会员费，但是它还是有一个核心的脊梁骨，就是它的IM。而且它已经形成了一种文化，已经形成了一种队伍，形成了一种独特的风格，所以它做什么都会有腾讯味道，所以它可持续，而且别人可以学。我觉得盛大的模式也说得出来，大家都可以想，都可以学。</p>
<p>这四家公司都在做平台战略，所谓的平台，定义可以有多种，我觉得平台首先不能简单理解成狭义的技术层面。它应该是一个综合的、广义的商业平台，也就是说在它的品牌之下，在它的体系当中，插什么长什么，长什么活什么。</p>
<p>现在看互联网公司的商业模式，一个你要么是平台，一个要么是应用，没有第三条路。现在一些门户是伪平台，这个平台，是我把我的产品装到我的平台上，别人装不上来。</p>
<p>这是一个大的进步，从做产品，再往上就做服务，再往上就做平台。现在有若干公司在追求纯平台，这是做大的表现，开始成熟的表现，走向长治久安的表现。</p>
<p>做平台的另外一个关键词是，你要么开放，要么不开放，很难选择。你不可以做假开放，因为过去做假开放，设个特定接口，你才可以接进来。比如说Facebook，它是真正的开放，有1500个网站和它联通，你不管自己在那上面加什么，首先要百分之百兼容。这四个公司，在我看来，还没有进入实质性操作阶段，现在他们也讲开放，但都是运营、市场层面的。</p>
<p>谁更具有真正的平台潜力？从纯互联网角度看，百度显然是蓄势待发，但我很失望它现在提出的框计算，还是抱着自己的金娃娃啃，完全没有放在整个产业的角度上考虑。第二个显然是腾讯，但是腾讯自己本身的平台也没有打通，还是门户加IM，再加游戏等；再有一个就是小农思想，好东西，你能做，我也能做，我干吗让你做。</p>
<p>他们犯的1亿美元错误<br />
我曾经说陈天桥犯了两个1亿美元的错误，一个是盛大以9170万美元现金并购韩国Actoz公司，一个是盛大盒子的失败。</p>
<p>马云犯的1亿美元的错误，就是并购雅虎中国，这个错误甚至远超过1亿美元。</p>
<p>李彦宏犯的1亿美元的错误，应该说在“做什么”问题上耽误了三年之久，他比较早发力的话，可以提前一两年进入轨道。他最早没有做搜索，从2000年到2003年始终在犹豫。</p>
<p>马化腾犯的1亿美元的错误有几个，比如说当时联众做游戏的时候，它为什么早不做游戏？为什么让盛大做？为什么早不做门户？另外，他没有在Web2.0革命中及时出手，他现在犯的错误和搜索一样，晚动手了两三年，现在说搜索什么的，都要花巨大的力量补贴它，甚至都不是质量之争，就是一个市场被人占了。</p>
<p>这四家公司有着共同的软肋：CEO十年没有变过。一个人的聪明才智，一个人的强弱，做了十年，应该都用光了，角色应该变换得快一点，他们现在更适合做董事长这个级别，他们做CEO，或者做首席体验官，都不合适了。因为你那个位置，别人是没法跟你抗衡的。结果你的强在继续发挥，但是它已经发挥得淋漓尽致了，但是你的弱没有一种新的力量来纠正，这也是外国公司为什么CEO要十年或者三五年就换一换。我为什么推崇携程，因为它的CEO换了很多，对公司没有影响。</p>
<p>强人和狂人差别很大，强人不一定是咄咄逼人，不一定是那么锋芒外露，但是他有综合素质，他能带一个队伍，用一种很好的规则，让大家的游戏持续不断，这样的强人更能干。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/129/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>互联网产品交互事件分析</title>
		<link>http://www.86ue.com/archives/103</link>
		<comments>http://www.86ue.com/archives/103#comments</comments>
		<pubDate>Tue, 20 Oct 2009 04:49:16 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[交互]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=103</guid>
		<description><![CDATA[交互设计（Interaction Design）产生于二十世纪八十年代，在1984年一次设计会议上，大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念，作为一门关注交互体验的新学科而存在并发展到今天，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction D”]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.86ue.com/download/blog/200910/316454d0c91255507029.jpg" alt="null" /></p>
<p><strong>挖坟</strong></p>
<p>交互设计（Interaction Design）产生于二十世纪八十年代，在1984年一次设计会议上，大名鼎鼎的英国交互设计师比尔·莫格里奇首次提出交互设计这个概念，作为一门关注交互体验的新学科而存在并发展到今天，他一开始给它命名为“软面（Soft Face）”，由于这个名字容易让人想起和当时流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后来把它更名为“Interaction Design”――交互设计。</p>
<p><strong>思考</strong></p>
<p>交互设计是一种如何让产品易用并尽可能让人乐在其中的技术，他包括了解目标用户在产品使用过程中的心理反应，了解用户在同产品交互时彼此的行为，了解大部分用户交互行为的习惯，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域多背景人员的沟通。</p>
<p>交互设计在产品上的使用也越来越得到各大网站以及网民的重视，交互设计的理论也日益丰满，经典的交互案例也渐渐丰富起来。</p>
<p>今天我们来分析一下互联网上交互设计的一些事件，为大家的研究和应用提一些个人肤浅的看法。</p>
<p>其实交互可以理解为在使用产品过程中用户的感觉以及针对感觉的反馈。从这个层面上来看，生活中交互是无处不在的。交互产生的感觉就是我们平时所熟知的五感，即听觉，视觉，嗅觉，味觉，触觉。当然你一定要认为交互可以给你带来第六感，我也不反对，因为确实有好的交互让你有种神秘莫测的感觉，而且可以让你沿着设计师预想的方向去使用产品。其中应用于互联网的交互设计基本上是没有嗅觉和味觉的，虽然不排除将来可能会相关硬件产品作为这些感觉的输出设备（比如不好看的网站，某输出设备直接散发出臭味，或者某输出设备尝起来很苦），但是我们目前只讨论目前绝大部分输入设备带来的感觉。（注一）</p>
<p><strong>分析</strong></p>
<p>我们在使用互联网产品的时候，听觉，视觉，触觉是经常被触发的。在此我对互联网产品的交互事件进行了分类：听觉交互事件，视觉交互事件，键盘交互事件，鼠标交互事件。后两者虽然都属于触觉交互事件，但基于网民的操作习惯（键盘流，鼠标流），我觉得分开会比较容易讨论这个话题，尽管某些时候他们都混合在一起，难以分开。(注二)</p>
<p><strong>听觉交互事件</strong></p>
<p>听觉交互事件顾名思义就是：耳朵听到的声音给用户感觉，并产生的相关反应的过程。比如WINDOWS的系统提示音，网络游戏中的一些音效，很多论坛的短消息提醒，等等。听觉交互事件的主要交互目的是有四种：提示，警告，反馈，补充。我分别举例说明一下。</p>
<p>提示：比如很多即时通信软件的好友上线提示，系统消息提示。<br />
警告：系统操作错误的警告音，软件登录密码错误，某些游戏中红血警告，时间限定警告，机会限定警告。<br />
反馈：注册成功，升级成功，操作按钮被点击。<br />
补充：很多FLASH站的背景音乐，游戏中的战马嘶鸣、马蹄绝尘、刀剑铿锵，电子杂志翻页音效。<br />
声音交互事件的交互方式很单一，就是默认在交互过程中发出声音。它的优点是提醒用户注意，在输出设备（听筒、音箱等）齐全的情况下，信息传达稳定，用户容易接收，交互效果最好。但它也有缺点，就是受制于输出设备，如果没有音箱或者听筒，交互效果就基本没有。所以听觉交互事件一般不独立用在互联网产品上。</p>
<p><strong>听觉交互事件的注意事项：</strong></p>
<p>不独立使用，应该与其他交互事件配合使用，至少要与视觉交互配合。<br />
不强制用户接受，有选择项可以让用户关闭，不要期待用户为你去关输出设备。<br />
视觉交互事件</p>
<p>视觉交互事件就是眼睛看到的界面给用户的感觉，并产生的相关反应的过程。视觉交互事件经常和其他交互事件混合在一起使用，但它本身可以独立使用。比如很多线下活动在线上作的网络广告，某些电影的线上海报，某些牛人的个人网站通知，流程图，注册时用户确认已阅读用户协议前不可点击（或倒计时完成后方可点击）的按钮等等。</p>
<p>我再举一个具体的例子，某网站出现一个震撼的广告图，内容为“浙江移动推出充值200送200优惠活动，请到附近营业厅办理。”用户可能不会点击，他会打电话给移动公司询问，或者告知朋友去充值，或者直接就去营业厅办理了。这个人只要有了反应，交互事件就进行得很完美，广告效果就达到了。视觉交互与其他事件交互的结合也比比皆是，我就不一一枚举了。</p>
<p>视觉交互事件是用户最直观最容易获得的体验，因此它需要具备美观，吸引，冲击，共鸣等特点。这一部分与界面视觉设计需要关注的部分重合，但不完全一样。</p>
<p><strong>视觉交互事件的注意事项：</strong></p>
<p>表达清晰，有时甚至要牺牲美观来满足信息清晰的传达<br />
与目标用户群产生共鸣，从文案、配色、图案等方面来提高吸引力，让用户有深入了解产品的欲望<br />
配合其他交互事件使用时，尽可能满足其他交互事件的需求，避免产出好看不中用的华而不实的产品<br />
鼠标交互事件</p>
<p>鼠标交互事件顾名思义就是用户使用产品时，通过鼠标操作产生感觉，并产生相关反应的过程。鼠标交互事件是最常用的也是最重要的交互事件。比如导航条，很多性格测试，不计名投票系统，一些网页版小游戏，某些FLASH广告，部分网站上出现的快捷菜单等等都属于鼠标交互事件。鼠标交互事件包括主键点击，悬浮，双击，选中，副键点击，滚动等，经常体现在超链接,JS写的ON系列事件，FLASH的按钮等场景中。</p>
<p>鼠标交互事件因为操作比较简单，得到很多入门级网民的喜爱，我们在用户体验研究测试中也确实能找到这一类的用户，就是传说中的“鼠标流”，整个交互过程只用鼠标来完成，虽然这不能代表所有网民，但确实代表了一种趋势，用户都喜欢简单的交互方式，只不过我们更关注的是有效，如果用户点来点去，找不到入口（出口），达不到目的，那么这个鼠标交互事件就是失败的，需要改进了。</p>
<p>既然鼠标交互事件有这些需求，我们就应该在设计的时候权衡简单和有效的关系了。必须需要的步骤，我们一步都不能省，我相信用户不会吝惜一次点击的。另外一方面，我们不能因为用户不在乎多一次点击，就让用户不知道先点哪个的地方或者不停地点击。再举个例子，网站的快捷菜单，可以直达很多地方。我们不能把所有的页面都列出来，那样就变成sitemap了，在某个页面上的快捷菜单最好只列出重要的，常用的，或者相关的链接就行了；也不能只列一个“帮助中心 ”的快捷链接，尽管我相信你的帮助中心作得非常有条理，用户还是需要点了再点，一级接一级的去找到相关的帮助，如果能直接到本页面相关的帮助不是更好？这个权衡非常具有挑战性，希望大家在作交互设计的时候多考虑，多调查，多试验，相信能找到一个比较好的方案。</p>
<p><strong>鼠标交互事件的注意事项：</strong></p>
<p>傻瓜式：简单方便，在满足用户使用需求的同时，尽量减少点击次数。<br />
提示明显：让用户知道哪里地方可以点击，点击哪里可以最快达成目标。这个需要在界面及文案上对用户给予引导。<br />
反馈及时：用户在鼠标交互事件产生之后，能给以及时的反馈，比如鼠标经过变色，点击错误发出警告，跳转页面后能直接到相关的位置，AJAX请求后要反馈出明显的视觉提醒或者页面变化<br />
层次分明：用户点击之后，能有整个操作过程的提示，在操作失误后可以返回重新操作，已经点击过的是不是需要记录状态等等。<br />
键盘交互事件</p>
<p>键盘交互事件就是用户使用产品过程中，通过键盘操作产生交互体验的过程。键盘交互在网络产品的交互过程应用得相当普遍，比如撰写日志，添加评论，ENTER提交，小键盘翻页，TAB切换焦点，某些网页游戏的快捷键等等。键盘交互事件通常和鼠标交互混合使用，构成了互联网产品的主要交互行为。用户在进行键盘交互之前，对时间和精力的花费有一定的预期，由于多年互联网产品交互过程对用户习惯的培养，用户在进行键盘交互事件的时候耐心明显多于其他交互事件。所以键盘交互事件要充分利用用户对此事件的耐心，并且要充分尊重用户的习惯。举例说明：文本框里面的提示语在焦点产生的时候要有全选功能或者删除功能；文本框输入完成后要有ENTER提交的功能，而文本域输入完成后则是CTRL+ENTER作为提交，因为ENTER此时会作为换行的用途；有些文本输入有字数限制时需要提示剩余字数；有些文本域输入有时效性，需要有保存草稿功能，或者有时效性的提示；在需要设置快捷键的时候不要和系统默认的一些快捷相冲突，如果冲突了还不如不要。</p>
<p>尊重主流的操作习惯非常重要，在此特别提出。比如我很不喜欢QQ的CTRL+ALT+Z的默认提取消息，因为这是PHOTOSHOP的返回上一步的快捷键，这个设置非常干扰我的工作；我很喜欢GOOGLE文档里的CTRL+Z(俗称后悔键)和CTRL+Y（俗称恢复键），因为它符合大多数互联网产品的操作习惯。虽然有些习惯比较偏向个人，但我相信一定有很多产品自作聪明的设置了一些快捷键，反而干扰了一些常用软件或者系统的默认快捷键，本来是一个好的交互意愿，却取得了相反的交互体验。</p>
<p><strong>键盘交互事件的注意事项：</strong></p>
<p>安全性：键盘交互事件可能透露一些用户的个人信息，或者泄露一些隐私，好的互联网产品应该给于用户以保护。<br />
稳定性：在利用用户对此交互事件的耐心来收集信息或者获得反馈的同时，要保证用户的耐心要有成果，不能让用户浪费时间和精力，结果前功尽弃，或者功亏一篑。<br />
一致性：不要指望用户对键盘交互事件拥有高超的辨别能力而采取不同的操作方式，如果你采用了一种交互方式，尽量在相同或者相似的交互场景中延续使用相同的交互方式，退一步说，不要用不一样的交互方式，再退一步说，千万不要用相反的交互方式。这一点对视觉交互也很重要，但对于能称作界面设计师的人（不包含图片处理员）来说，一般这种一致性是可以保持的。<br />
尊重习惯：目前互联网产品中有一些是非常伟大（或者说强大）的产品，不管交互方式是否绝对完美，至少他已经用市场占有率和时间的延续性培养了用户一些既有的习惯，交互设计师不要轻易打破用户的现有习惯，这并不是说不能有创新，而是指在现有习惯上优化和提升交互体验，是对现有交互方式的延展。<br />
<strong>总结</strong></p>
<p>以上是我对互联网产品的交互事件所作的分类和分析，尽管现实产品的交互事件都很复杂，但基本是这几种事件的组合，如果我们能在基础的事件上作好交互设计，那把复杂的交互事件作好希望就会很大。</p>
<p>另外业内对一个产品的交互设计作得好不好，没有一个标准，通过以上分析，虽然我们依然无法制定出这一标准，但是我们可以从上面的分析看出一个交互设计是不是作得不好。在我看来，这也是一个进步了。我希望各位同行都来贡献自己的力量，将好的交互设计应用在更多的产品，让用户得到更好的体验。</p>
<p>个人的一些分析，难免有不足，希望大家补充和指正。(本文较长，无图，枯燥，理论，对能读到这里的朋友表示感谢)</p>
<p><strong>补充</strong></p>
<p>注一:</p>
<p>与宗羲讨论时，宗羲认为： “五感”应该是交互的“输入”(input)，也就是通过人类的“五感”作为外界的信息进入大脑，而交互产生的感觉应该摘引《情感化设计》里所描速的三层来描述，即：本能层、行为层、反思层。</p>
<p>宗羲的解释非常正确，但我这里说的五感是具体交互事件产生的感觉，是点到线来分析问题的（纵向），而情感化设计里所提到的三层结构是点到面来分析问题（横向）。个人感觉并不冲突。</p>
<p>注二:</p>
<p>与宗羲继续讨论时，宗羲认为：我个人觉得应该从输入和输出来区分。听觉交互事件，视觉交互事件是交互中的输入(对于人类来说，下同)，即交互设备将信息反馈给人类的过程，键盘交互事件，鼠标交互事件是输出信息，即人类将反馈输出给交互设备。输入+输出就形成了“交互”。</p>
<p>输入和输出的区分方法是可行的，但用来归纳交互事件我觉得有不足的地方，文中有例子表明有些交互事件是直接到达反思层的，可能对交互设备根本没有输出任何信息。</p>
<p>所以虽然有了宗羲的提醒，本文还有留下一个遗憾，就是文章结构不够严谨。点到面的结构经过叠加，可以形成整体，而点到线的结构是不足的，如果线与线之间的关系没有明确表达出来，形成的整体是有缺陷的。<br />
感谢：<strong>ued.taobao</strong> 分享</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/103/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>互联网产品 设计流程</title>
		<link>http://www.86ue.com/archives/36</link>
		<comments>http://www.86ue.com/archives/36#comments</comments>
		<pubDate>Fri, 16 Oct 2009 15:47:10 +0000</pubDate>
		<dc:creator>紫枫印象</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[互联网]]></category>
		<category><![CDATA[流程]]></category>
		<category><![CDATA[设计]]></category>

		<guid isPermaLink="false">http://www.86ue.com/?p=36</guid>
		<description><![CDATA[每个产品主要经过以下几个阶段：
<strong>一 可行性评估</strong>
主要执行人员：UI、UE、需求部门、程序部
需沟通人员：销售部
当产品经理确定基本的思路后,会先会跟我们沟通，并说明这个产品的思路、受众及一些自己的想法．接着会拿来一个结构图来和我们探讨实现方面的可行性。我们 也会准备相关资料与其进行沟通，主要会从数据报告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一些问题，并提出改善方案，这步一定得仔 细，UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品很容易.但如果在可行性评估上出现隐患,余下的其它工作也将会遇到诸多问 题。
我们主要从以下三方面进行评估:
<strong>数据报告</strong>
通过99Click、Netratings、Counter三套系统来进行数据收集，并在分析报告中指出相应的问题。
<strong>功能性</strong>
站在<span onclick="tagshow(event)">用户</span>角度上，对方案的结构及功能性进行评估，提出并解决操作上的问题。
<strong>可行性</strong>
每个产品初期都是感性的，但在不能保证每个功能都能按原有思路进行实现，具体还需要和相关技术     人员进行探讨、碰撞后形成最终的产品思路。]]></description>
			<content:encoded><![CDATA[<p>每个产品主要经过以下几个阶段：<br />
<strong>一 可行性评估</strong><br />
主要执行人员：UI、UE、需求部门、程序部<br />
需沟通人员：销售部<br />
当产品经理确定基本的思路后,会先会跟我们沟通，并说明这个产品的思路、受众及一些自己的想法．接着会拿来一个结构图来和我们探讨实现方面的可行性。我们 也会准备相关资料与其进行沟通，主要会从数据报告、功能性及可行性三方面下手，在探讨的同时会指出功能或结构上的一些问题，并提出改善方案，这步一定得仔 细，UI、UE深入探讨并尽可能考虑到每个实现的细节,待框架打好后,出好的产品很容易.但如果在可行性评估上出现隐患,余下的其它工作也将会遇到诸多问 题。<br />
我们主要从以下三方面进行评估:<br />
<strong>数据报告</strong><br />
通过99Click、Netratings、Counter三套系统来进行数据收集，并在分析报告中指出相应的问题。<br />
<strong>功能性</strong><br />
站在<span onclick="tagshow(event)">用户</span>角度上，对方案的结构及功能性进行评估，提出并解决操作上的问题。<br />
<strong>可行性</strong><br />
每个产品初期都是感性的，但在不能保证每个功能都能按原有思路进行实现，具体还需要和相关技术     人员进行探讨、碰撞后形成最终的产品思路。</p>
<p><strong>二 产品原型</strong><br />
主要执行人员：UI、UE、需求部门<br />
需沟通人员：程序部、销售部<br />
在产品原型方面,主要指的是黑白稿或线稿，除了颜色基本采用黑白的形式，最终出的产品原型将会和实际产品没区别。这个环节会拟定出产品页面的宽度,<span onclick="tagshow(event)">广告</span>的形式,<span onclick="tagshow(event)">导航</span>基本<span onclick="tagshow(event)">样式</span>,各内容的区域的表现形式等…<br />
当经过可行性评估阶段后,产品经理的思路和自己也基本达成共识，接下来将进行原型<span onclick="tagshow(event)">设计</span>，我将主要分为三个步骤来实现：<br />
1) 　纸稿<br />
<img src="../img/20090730/lxXTvxCKRSqgo9E.jpg" alt="" width="510" height="339" /></p>
<p>一般情况下结构图都是采用word<span onclick="tagshow(event)">文档</span>描绘，我选择笔和纸的方式，主要还是比较方便、易修改，有任何突发的思路只需要擦一下，就可以直接在已有的基础上进行调整，由于之前的讨论没有实物参照，在这个环节你一定会发现更多有趣的问题。<br />
2)　线稿、黑白稿<br />
<img src="../img/20090730/maSgvrlBUlviKPa.jpg" alt="" width="510" height="390" /><br />
当纸稿确定后，则由UI或UE使用做绘图<span onclick="tagshow(event)">工具</span>来描绘黑白稿(我主要使用Photoshop来进行这个步骤，跟据个人习惯不同，大家的方式也有所区别，比如<span onclick="tagshow(event)">淘宝</span>UED Team及Baidu UE更多的则采用线稿的形式)。也许是做UI的原因，我习惯还是采用黑白稿，方便<span onclick="tagshow(event)">界面</span>设计，在结构上也会精确到像素,比如:导航高度40px.头条采用20px黑体,图片规格:104&#215;85px,页面的各区域的留白为5px…等等，只有这样才会发现更多细节上的问题，当然到界面设计的同时你也会尝到更多的甜头。<br />
3) 原型<br />
<img src="../img/20090730/NVarHZSJ8GfnAyo.jpg" alt="" width="510" height="339" /><br />
完成以上的二个步骤后,产品的基本功能,结构,规范都已经大致成型.这时你可以叫上程序部、销售部及需求部门产品经理，在白板上对着黑白稿做最终的讨论。经过二次、三次调整，最终定下完整的产品原型。<br />
另外，值得提的一点是，在产品原型未确定前,千万别急着去做界面设计,因为之前的讨论主要会通过白板、Word或纸稿。在原型未确定前，有很多潜在的问题 表现不是很直白，比如：&#8221;窄了、窄了，完了，新闻列表只能放八个字&#8221;、&#8221;广告放不下了&#8221;、&#8221;数据提不出来，目前没这个接口…&#8221;。如果提前进入界面设计的环 节,一但有问题，就意味着重新又需要找产品经理、技术部、销售进行再次沟通，这个步骤是很烦琐的,也会让人很郁闷的。<br />
<strong>三 产品界面设计</strong><br />
主要执行人员：UI、UE、需求部门<br />
需沟通人员：UID、SEO<br />
目前产品的雏形已基至的本成型，虽然还没华丽的外衣，但凹凸有至身型已隐约可见。下一步将进入界面设计阶段.<span onclick="tagshow(event)">设计师</span>们也将再次体会到黑白稿给他带来的各种便利.<br />
1) UI<br />
我的习惯是,主要针对首页进行<span onclick="tagshow(event)">风格</span>设计，并出3-4套界面,最终挑选出2套左右提交给需求部门,同时也会指出自己最满意一套，和需求部门进行二,三次碰撞后,最终拿出定稿。<br />
<img src="../img/20090730/ye1faMkH4lTilZR.jpg" alt="" width="510" height="348" /><br />
2) UE<br />
UE则开始针对原型进行操作上的优化调整,召集用户并组织头脑风暴,收集到相关意见后，由UE整理出<span onclick="tagshow(event)">交互</span>及用户<span onclick="tagshow(event)">体验</span>方面改善意见,并反馈给UI及需求部门。比如:&#8221;这个<span onclick="tagshow(event)">文字</span>需要加下划线&#8221;、&#8221;<span onclick="tagshow(event)">按钮</span>上不要加样式,反而没有点击的欲望了…&#8221;。<br />
3) UID<br />
UID即开始着手准备<span onclick="tagshow(event)">制作</span>方面相关文档.并提出实现方面的意见.等待<span onclick="tagshow(event)">效果</span>图最终确定后,则开始相关<span onclick="tagshow(event)">代码</span>的编制(CSS+DIV、<span onclick="tagshow(event)">AJAX</span>、Java)。<br />
4) SEO<br />
SEO则根据原型提出<span onclick="tagshow(event)">搜索</span>引擎优化的意见,为制作阶段代码优化做准备.<br />
这个阶段一定要保证与需求部门沟通到位,当产品界面最终定稿后,建议再组织一次讨论,这次用户面对着是实实在在的产品,所感受会和之前有所不同.对产品效果上来说,这次的讨论也会有不少收获。<br />
<strong>四 界面设计规范及功能实现</strong><br />
主要执行人员：UI、UE、程序、SEO<br />
需沟通人员：UE、销售<br />
1) 设计规范<br />
考虑到在动态实现方面,光凭效果图很难直接的给予表现，这时需要配合使用说明文档及设计规范规范来做辅助。比如按钮及文字链在触发前后的样式,文字间距…。如下图：<br />
<img src="../img/20090730/AOtZeS99rbXsCrs.jpg" alt="" width="316" height="400" /><br />
2) 代码及程序开发<br />
由UID进行页面的代码开发（CSS+DIV），并需严格参考SEO理出的相关规范，针对一些AJAX的动态效果还需要程序部人员协助完成，当静态HTML完成后即由技术人员进行程序嵌套，并实现预期的功能。<br />
这个阶段由UI、UE全程跟踪，保证HTML和设计稿最大限度相似前提下，对已实现的功能进行测试，并出交互设计改善文档，提交给技术人员。<br />
<strong>五 产品上线</strong><br />
主要执行人员：需求部门<br />
需沟通人员：UI、UE、程序、销售<br />
这个阶段主要是内容的添加，主要由相关频道编辑完成，对于软性广告位这块还需要和销售进行协调。完成内容添加后，由需求部门、UI、UE进行核查，在保证和内容、功能完整后，进行整体上线。<br />
<strong>六 分析报告及优化方案</strong><br />
主要执行人员：UE<br />
需沟通人员：UE、UID、程序、需求部门、 销售<br />
产品上线后，由UE进行数据及意见的收集，在二周后出相关改善文档，协调各部门进行优化的工作。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.86ue.com/archives/36/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
