<?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>平凡的世界：看看，闹闹，混混，写写</title>
	<atom:link href="http://www.xso.name/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.xso.name/blog</link>
	<description>交互设计，文字，图片，其它</description>
	<lastBuildDate>Tue, 16 Nov 2010 03:40:18 +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://www.xso.name/blog/2010/11/pm_works/</link>
		<comments>http://www.xso.name/blog/2010/11/pm_works/#comments</comments>
		<pubDate>Tue, 16 Nov 2010 03:38:47 +0000</pubDate>
		<dc:creator>xso</dc:creator>
				<category><![CDATA[产品设计与管理]]></category>
		<category><![CDATA[产品价值]]></category>
		<category><![CDATA[产品经理]]></category>
		<category><![CDATA[工作内容]]></category>
		<category><![CDATA[用户价值]]></category>

		<guid isPermaLink="false">http://www.xso.name/blog/?p=456</guid>
		<description><![CDATA[比起传统领域，互联网领域的产品形态有所变化，而产品使命都是一致的，即从商业价值考虑，利用产品载体创造使用价值，满足用户需求并最终获取利润。]]></description>
			<content:encoded><![CDATA[<p>距离转入产品经理岗位已经三个月了，时间的流逝伴随经验的积累，用文字沉淀下来，作为一种回顾和反思。</p>
<p>曾经和爸爸聊起工作的转变，自己用“互联网行业的工业设计师”来解释产品经理这么一个角色，比起传统领域，互联网领域的产品形态有所变化，而产品使命都是一致的，<strong>即从商业价值考虑，利用产品载体创造使用价值，满足用户需求并最终获取利润。</strong>当然，非盈利组织除外。</p>
<p>定义里有2个关键点，一个是商业价值，一个是用户需求（产品价值）。如果仅仅考虑商业价值而不考虑产品价值，做到极端就是违法的“传销”——其产品本身是无任何价值的；若只从用户需求出发，没有良好的商业模式，同样无法令产品达到可持续发展的目标。</p>
<p>再回来讨论产品经理究竟要干哪些事情来满足用户需求，实现商业价值？当然，就是手中的产品。从交互设计转岗过来，习惯了把控功能的实现，从用户操控的角度把易用性做到极致，但现在换了角度，首先需要考虑，做这个功能，是为解决用户什么问题，对平台来讲，获益点又在哪里。</p>
<p>通常新人入职都是接手成型的产品，按照旧人带新人的惯例，先会按部就班安排几个已规划好的项目，尽快熟悉产品，接触用户。渐渐的，在逐步了解产品后，加上对用户的反馈积累，新人会对产品有了一些想法，便慢慢尝试规划一些产品的小功能，在实现的过程中，会涉及到项目资源的协调，比如开发，设计，交互等，积累项目管理经验。到了一定程度，又会涉及产品的长远规划，以及规划的分解，众多需求的轻重缓急排序安排，甚至会不断出现突发状况，需求点及资源优先级经常变更等等。所以，产品经理的日常工作，从自己的理解，基本上用以下几点来概括：</p>
<p><strong>熟悉产品 &#8211; 用户研究 &#8211;  产品规划 &#8211;  需求管理 &#8211;  项目管理  &#8211;  产品效果反馈</strong></p>
<p>但如果需要的是策划新产品，那么前期工作的内容还要涉及到多方调研和建立产品核心目标，也就是确认用户价值和商业价值的过程，市场调研可以通过第三方公司完成，也可以自行组织问卷，街头访谈，焦点小组等诸多形式的调查方法，之后，还需组织公司内部的会议及汇报，使大家认可产品核心目标，便于日后匹配资源。</p>
<p><strong>多方调研（市场，公司平台等） &#8211;  确立产品核心目标  &#8211;   用户研究 &#8211;  产品规划 &#8211;  需求管理 &#8211;  项目管理  &#8211;  产品效果反馈</strong></p>
<p>以上便是自己对于产品经理究竟做什么的一些理解，下一篇会写关于如何熟悉产品的心得。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xso.name/blog/2010/11/pm_works/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Be happiness,Be a product manager</title>
		<link>http://www.xso.name/blog/2010/08/pm/</link>
		<comments>http://www.xso.name/blog/2010/08/pm/#comments</comments>
		<pubDate>Sun, 29 Aug 2010 09:05:25 +0000</pubDate>
		<dc:creator>xso</dc:creator>
				<category><![CDATA[产品设计与管理]]></category>
		<category><![CDATA[产品经理]]></category>
		<category><![CDATA[转岗]]></category>

		<guid isPermaLink="false">http://www.xso.name/blog/?p=414</guid>
		<description><![CDATA[转做产品经理已经一个月了，又重新捡起了天天加班的生活。呵呵，有同学会说天天加班怎能叫做生活呢？记得在《明朝那些事儿》里面，当年明月说，人生中最不能丢失两件东西，一件是“良知”，一件就是“理想”。于自己而言，无论从事交互设计还是作为产品经理，如果仅仅作为一种职业，在单一的岗位坚持下去肯定是最好的。虽然年已二八，但仍然有些傻逼哼哼的理想立在心底，这一次转岗，也是追随理想道路上新的探险旅程。]]></description>
			<content:encoded><![CDATA[<p>刚进公司时的导师robin惊讶地把字蹦了出来：“啊，你又转岗了啊…”“又”字貌似在强调，却带有很轻松的调侃，反复是一场游戏，不知人生是否真的如戏。</p>
<p>其实转做产品经理已经一个月了，又重新捡起了天天加班的生活。呵呵，有同学会说天天加班怎能叫做生活呢？记得在《明朝那些事儿》里面，当年明月说，人生中最不能丢失两件东西，一件是“良知”，一件就是“理想”。于自己而言，无论从事交互设计还是作为产品经理，如果仅仅作为一种职业，在单一的岗位坚持下去肯定是最好的。虽然年已二八，但仍然有些傻逼哼哼的理想立在心底，这一次转岗，也是追随理想道路上新的探险旅程。</p>
<p>周围的同学都在问做产品经理之后的感受，其实在拍拍四年多，从页面重构到交互设计一路走来，每一条产品线都算有了粗略的了解，再加上合作的同事们都非常熟悉，也比较宽容，所以转岗的磨合期内更多的还是不断对自身的反思以及在实践中加深对业务的理解。关于转岗的感受，琳琳总总的几条，也无外乎那么几条。</p>
<p><strong>1.兴趣决定方向。</strong><br />
不用多说，公司里出色的产品经理绝对都不是科班出生，因为至今为止国内大学里面还没有产品经理这个专业。很奇怪高考志愿填报时，老师们都只介绍目前哪些专业比较火，就业比较好，却没有审视过每一位同学，他们究竟喜欢什么。中国的教育，千篇一律，工作的意义，在教科书般的说词下，有些惨白。很庆幸，我偶然被一所不知名大学工业设计系录取了，偶然喜欢上了工业产品设计，偶然进入现任公司，只有最终转岗产品经理这不是偶然的，经历只能决定过程，不能决定方向。</p>
<p><strong>2.让计划引导工作，而不是让工作适应变化。</strong><br />
需要产品经理处理事情是非常琐碎的，有些时候看似很微小，说不定半天就耗在上面了。GTD里面说一天需要有大部分的时间用于重要但不紧急的事情处理，这样的规则每每都被一个RTX，一个电话打破了，然后，只能加班去解决计划内的事情。后来思考总结，觉得还是因为目前是在逐渐承担将要负责的产品，过程中的磕磕碰碰难免，但也算敲了下警钟，适应期过后，如果被变化牵着鼻子走会影响到产品整体的规划和进展。</p>
<p><strong>3.以项目为中心，不要使自己成为项目的中心。</strong><br />
“书到用时方恨少”，对于产品经理来说，时间方到用时也恨少。产品经理是整个项目联系的纽带，并不意味着是整个项目组同事工作的纽带。对于UED，开发同事来讲，这个项目可能就三五天，也许之前他并未了结这个项目，或者涉及的页面目前与其他项目有耦合，之类的大堆事情，如果不提前了结清楚，影响进度是必然的事情。所以，尽可能早的去接触项目组及相关的同事，而不是呆呆的让自己写完产品文档之后。</p>
<p><strong>4.关注趋势与规划，也关注现状与资源。</strong><br />
职场中有一句话叫“改变你能改变的，接受你不能改变的。”其实后半句并未表达完整，很多时候，接受不能改变的并不意味着毫无办法。在现有资源下，关注产品的核心目标，重新审视需求，简化功能开发，甚至于无需后台开发，同样能够达到产品所需要达到的目的。有些时候，真的需要从圈子中跳出来。</p>
<p><strong>5.工作让自己快乐，工作让大家快乐。</strong><br />
把快乐放在第五点并不是因为它不重要，而是源于它是建立在前面几点的基础之上的。没有以项目为中心，没有良好的计划性，没有关注可用资源，产品经理的快乐和产品虚拟团队的快乐，就宛如悬空的楼阁，不是那么靠谱。细细想起来，每个人都会追逐工作上的成就感，除了让产品虚拟团队在工作流程中更加顺畅，如何让大家都参与到产品设计中来，都成为这个产品的闪光者，是产品经理需要去考虑的。</p>
<p>差不多就这么多了，写得头晕晕的，周末的下午，空调开得很冷，太阳晒到屋里暖洋洋的，睡觉才是最快乐的。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xso.name/blog/2010/08/pm/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>像素有多宽？</title>
		<link>http://www.xso.name/blog/2010/06/pixel/</link>
		<comments>http://www.xso.name/blog/2010/06/pixel/#comments</comments>
		<pubDate>Sat, 26 Jun 2010 11:47:50 +0000</pubDate>
		<dc:creator>xso</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[像素]]></category>
		<category><![CDATA[尺寸]]></category>
		<category><![CDATA[显示]]></category>

		<guid isPermaLink="false">http://www.xso.name/blog/?p=390</guid>
		<description><![CDATA[像素只是构成计算机画面的信息元，并没有固定的宽度，其表现随着介质的不同而变化。
]]></description>
			<content:encoded><![CDATA[<p>前两天，有业务方的同学询问像素宽度的问题，其实像素只是构成计算机画面的信息元，并没有固定的宽度，其表现随着介质的不同而变化。<br />
<strong>1.像素在显示器中的表现：</strong><br />
生活中大家都有这样的常识，一台古董15寸显示器的分辨率可能是800像素*600像素，而现在很多手机的分辨率也已达800像素*480像素，所以同一张图片，在不同显示显示设备中的长宽不尽相同。造成这一事实的根源在于不同显示设备有不同的点距。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/pixel1.jpg" class="alignnone size-full wp-image-141" /></p>
<p><strong>2.像素的打印宽度：</strong><br />
先来了解这么一个概念：PPI（pixels per inch）表示的是每英寸所拥有的像素（pixel）数目。PPI和图片像素数量共同决定了打印输出的尺寸。例如1200像素*1200像素的图像，设置300PPI的分辨率，则可打印出4英寸*英寸的图像；若设置150PPI，则可打印出8英寸*8英寸的图像。当然，PPI数值越高，打印出来的图像越精细。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/pixel2.jpg" class="alignnone size-full wp-image-141" /></p>
<p><strong>3.图像的扫描与像素关系：</strong><br />
类似PPI，在传统印刷领域用到的分辨率术语是DPI：即每英寸拥有的点数。扫描仪最后扫描生成图像的像素数目，和实体图片的长宽及扫描仪设置的DPI均有关系，例如4英寸*6英寸的照片，设置的dpi是150，则最后生成图像像素为：600像素*900像素，如果设置300dpi，则像素也会增加一倍，达到1200像素*1800像素。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/pixel3.jpg" class="alignnone size-full wp-image-141" /></p>
<p><strong>有没有可能做到不同设备显示的尺寸和实体图片的长宽一致？</strong><br />
这里还是会回到点距这个核心问题上来，服务器上的图片是同一的，不同终端显示设备的点距不同，从而显示的尺寸不同，视觉误差由此产生，用JS可以去判断屏幕的分辨率，由不同的分辨率判断出不同的屏幕尺寸（例如1440*900一定是19寸宽屏），然后将图像像素乘以每种显示设备不同的点距系数，重新进行压缩，就可以在不同显示设备得到同样长宽尺寸的图像。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/pixel4.jpg" class="alignnone size-full wp-image-141" /><br />
当然，根据屏幕分辨率判断显示设备尺寸从而得到点距的做法目前看来是不能做到尽善尽美的，至少1024*768除了15寸液晶，还有可能是17寸的CRT。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xso.name/blog/2010/06/pixel/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>文字色彩与可读性分析</title>
		<link>http://www.xso.name/blog/2010/06/text-color/</link>
		<comments>http://www.xso.name/blog/2010/06/text-color/#comments</comments>
		<pubDate>Thu, 10 Jun 2010 03:22:10 +0000</pubDate>
		<dc:creator>xso</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[文字]]></category>
		<category><![CDATA[链接]]></category>
		<category><![CDATA[颜色]]></category>

		<guid isPermaLink="false">http://www.xso.name/blog/?p=371</guid>
		<description><![CDATA[高饱和度的红色紫色推荐不使用作为文字链接颜色；高饱和度的蓝色橙色可以用于少量的文字可以更好地吸引视觉注意，但最好不要用于大篇幅的链接；颜色不协调，可以通过降低饱和度来达到协调，也可通过采用调整色相来达到目的。]]></description>
			<content:encoded><![CDATA[<p><strong>一.饱和度与易读性：</strong><br />
上周在做F同学的一个项目时，涉及到较多列表性的文字链接。<br />
目前除去频道和首页，全站文字链接使用一致的蓝色，色值为#014ccc，饱和度较高，在用户浏览时更易于吸引注意，但同样也容易引起视觉疲劳，高饱和度的文字并不易于阅读。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t1.gif" class="alignnone size-full wp-image-141" /><br />
上图中，下半部分的文字降低了饱和度，是不是比上半部分读起来更舒服？</p>
<p>其实，大多数门户类的网站也是使用低饱和度的蓝色作为列表链接颜色的：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t2.gif" class="alignnone size-full wp-image-141" /><br />
<strong>结论一：</strong><br />
颜色饱和度达到一定值，视觉神经对此颜色就会产生兴奋，就容易在阅读中产生疲劳感。</p>
<p><strong>二.关于视觉神经兴奋临界值：</strong><br />
因为每一种颜色的光因主波长不一样，所以造成人眼神经兴奋的饱和度临界值也不一致。<br />
在光谱中，红橙黄绿青蓝紫，波长依次减小，眼部神经兴奋所需要达到的饱和度呈先增后减的弧状：<br />
波长较长的颜色和波长较短的颜色，相对较低的饱和度都就能够刺激视觉神经兴奋，而波长处于中间的绿色青色，则需要相对较高的饱和度才能刺激视觉神经兴奋。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t3.gif" class="alignnone size-full wp-image-141" /><br />
由图中可以看出，蓝色也属于饱和度兴奋临界点比较低的颜色，所以，应该慎用高饱和度的蓝色。</p>
<p><strong>结论二：</strong><br />
同等饱和度的颜色，红色和紫色最易产生视觉神经兴奋，其次是黄色和蓝色，再次是绿色和青色。<br />
因此从单纯的色彩来讲，在设计中应：<br />
1.尽量使用低饱和度的红色，紫色；<br />
2.禁止使用高饱和度的红色，紫色；<br />
3.少量使用高饱和度的黄色，蓝色。 </p>
<p><strong>三.关于明度，色相，饱和度之间的关系。</strong><br />
1.名词解释：<br />
　a)先说说明度：就是明暗程度，也有叫亮度的，计算机把明度分成256级色阶，黑得伸手不见五指就是0级，白茫茫的一片什么都看不见就是255级：<br />
　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t4.gif" class="alignnone size-full wp-image-141" /><br />
　b)再说说色相：就是平时所说的哪种颜色，光谱中的红橙黄青蓝紫，以及千千万万种组合都是不同的色相。<br />
　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t5.gif" class="alignnone size-full wp-image-141" /><br />
　c)最后说说饱和度：就是通常所说的颜色纯度，鲜艳程度等等。<br />
2.与Red，Green，Blue单色光之间的关系：<br />
　a)先弄清计算机中色彩生成的几点规则：<br />
　　i.RGB三种原色光，同时以1:1:1比例混合，就能产生1份白色的光；<br />
　　ii.RGB中的任意两种原色光，混合只能产生另一种色相的光，而不是白色的光；<br />
　　iii.任意一种原色光，对明度色阶的影响为其数值的一半，转换成色阶均不会超过127级；<br />
　　　　因为任意两种有色光混合产生的颜色，色阶均不能超过255级即白色光。<br />
　　　　比如#000002的蓝色图片，在其蓝色通道的色阶是2级，但将其转换成灰度图片，色值为#010101，说明此图片的明度色阶为1级。<br />
　　iv.下面提到的RGB数值，是指的各颜色通道十六进制数值：<br />
　　　　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t6.gif" class="alignnone size-full wp-image-141" /><br />
　b)明度与RGB中最小值，最大值有关，计算方法如下：<br />
　　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t7.gif" class="alignnone size-full wp-image-141" /><br />
　　i.RGB中最大值越小，意味着有色光越少，则明度越低；<br />
　　ii.RGB中最小值越小，意味着生成的白色光越少，则明度越低<br />
　c)相同明度下，色相与RGB中最大值，最小值的位置，以及中间值的大小有关：<br />
　　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t8.gif" class="alignnone size-full wp-image-141" /><br />
　　i.在相同明度下，不同色相的颜色RGB最大值和最小值始终保持恒定；<br />
　　ii.RGB中最大值和最小值的位置会影响色相，例如#775533和#557733；<br />
　　iii.变换RGB的中间值可以影响色相，例如#FF0055和#FF0088；<br />
　d)饱和度与RGB中最大值，最小值之间的差值有关：<br />
　　<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t9.gif" class="alignnone size-full wp-image-141" /><br />
　　i.RGB中最大值，最小值之间的差值越大，饱和度越高；<br />
　　ii.RGB中当最小值趋于00，或者最大值趋于FF后，饱和度不能再提高。<br />
<strong>结论三：</strong><br />
1.在颜色较暗时（即RGB没有一项数值达到FF），增加明度可以起到增加饱和度的目的，降低明度就会降低饱和度；<br />
2.在颜色较亮时（即RGB没有一项数值达到00），增加明度可以起到降低饱和度的目的，降低明度反而会增加饱和度；<br />
3.颜色饱和度越大（即RGB中最大值与最小值差值越大），在相同明度下的光谱范围越大（即可变换的颜色种类越少）；<br />
4.颜色饱和度越小（即RGB中最大值与最小值差值越小），在相同明度下的光谱范围越小（即可变换的颜色种类越少）；<br />
5.色相的变化不会影响到明度和饱和度；</p>
<p><strong>四.根据这些研究，我们能够得到什么可以运用的东西？</strong><br />
1.高饱和度的红色(#FF0000)，紫色（#FF00FF）推荐不使用；<br />
2.高饱和度的蓝色（#1834D1），橙色（#FF4E00），可以用于少量的文字可以更好地吸引视觉注意，但最好不要用于列表中的链接；<br />
3.根据前面的分析，我们得出调制可以用于列表链接蓝色的方法：<br />
通过降低蓝色通道色阶来降低颜色整体的饱和度（例如将#0000FF调整为#000099），为避免过暗，和黑色混淆，我们还可以增加其他原色通道的色阶，调整其明度（例如将#000099调整为#005599）。<br />
4.颜色不协调，可以通过降低饱和度来达到协调，也可通过采用调整色相来达到目的：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t10.gif" class="alignnone size-full wp-image-141" /><br />
一个现成的例子就是我们网页中采用的#FF4E00色值，和#FF0000的饱和度其实是一致的（不信可以变成灰度图看看），之所以色值为#FF0000的颜色显得更刺眼，是因为在同样的饱和度下，红色比橙色更让视觉神经敏感，还记得这张图么？<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/06/t3.gif" class="alignnone size-full wp-image-141" /></p>
<p>参考文献：<br />
《基于色度学的人眼彩色探测特性分析》张建勇 等……北京理工大学……2003年<br />
《计算机求解颜色刺激的主波长和兴奋纯度》周丰崑 等……长春光学精密机械学院……1990年</p>
]]></content:encoded>
			<wfw:commentRss>http://www.xso.name/blog/2010/06/text-color/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>交互设计的故事性：无言胜有声</title>
		<link>http://www.xso.name/blog/2010/05/hci-info-expression/</link>
		<comments>http://www.xso.name/blog/2010/05/hci-info-expression/#comments</comments>
		<pubDate>Sun, 30 May 2010 07:51:44 +0000</pubDate>
		<dc:creator>xso</dc:creator>
				<category><![CDATA[交互设计]]></category>

		<guid isPermaLink="false">http://www.xso.name/blog/?p=349</guid>
		<description><![CDATA[中文是一种奇妙的文字，同样的文字，不同的语气，断句，声调，标点，传达出来的信息可能完全不同。
还记得百度欺负google的这则视频么？
简简单单二十余字，被演绎成了三种不同的表达，由此可见，文字也未必是最稳妥的表达方式：

视频地址：http://www.it86.cc/interview/2007/0303/3.shtml
对于信息的传递，文字是最为简单的做法，但对于接收方来讲，未必最易理解和记忆。小朋友们喜欢看动画片，大朋友们也喜欢看电影，大朋友看电影未必比小朋友看动画片的时间多，但大朋友们看书的时间平均下来，一定是没有小朋友们看书的时间长。所以，虽然成人世界具备了相当的理解力，也未必表示他们就最喜欢以文字方式的表达。
再来看看自己喜欢的一则cocacola广告，整个视频没有一句话，一个单词，但它却清楚的传达了一瓶可乐两个钢镚儿的信息，而且让人记忆深刻，至少让我在七八年后还记得这样一个故事：

视频地址：http://v.youku.com/v_show/id_cj00XMjQwMjk0MzI=.html
那么，回到交互设计领域来，大多数时候，交互设计需要的是让整个界面信息丰满，而非是要让文字填满每一个角落。
下面是chinaren校友录的首页，N年前早已熟读初中地理的你，是否感觉到这样的图形化选择比下拉菜单更容易？

当然，并不是任意场景之下，都适合用完全图形化的方式去表达，但使用图形来做信息引导，
在下图中，虽然仍然以文字信息为主，但如果没有图标的视觉引导，寻找目标内容的速度，应该会慢很多。

如果涉及到复杂的操作，视频演示是学以致用最直接最有效的方法：

视频地址：http://www.paipai.com/mall/game/2008/12/phones/page.shtml
上面所讲的一些，偏向于设计中的本能和行为层面，目的是以完成任务为主。至于情感化诉求即反思层面，也可以通过设计，让页面充满故事的乐趣。
下图是一个有咖啡饮品的图表说明，不同的咖啡，不同的原料与工艺，这样的故事用咖啡杯表达出来，真的激起了我想喝一口的愿望：

原文网址：http://article.yeeyan.org/view/140096/97456
08年疯传的yahoo奇摩礼物人生，一个个故事片段，让人们真正将网络购物与生活情感联系在了一起。之后才会出现payeasy“发现最好的女人”，拍拍“给爸爸的中秋礼物”等引发用户共情的故事营销活动；

视频地址：http://tw.promo.yahoo.com/2008auction/gift/
上面的视频活动或许有些偏市场营销策略方向了，如果从交互方式来看，产品设计不仅创造故事，而且让用户参与其中，也不失为一个好的办法。
三年前拍拍的很多卖场都早已淹没在互联网推陈出新的洪水之中，唯独试衣间这个页面到现在都还有人提及，有人光顾，也许就在于比起其他单纯陈列商品的卖场，它讲述了一个试穿的故事，并将用户置于其中，让用户区搭配，完善这个故事的结局：

页面地址：http://party.paipai.com/room3/
总的说来，图形化的东西比文字更易让人识别与记忆。
除开纯粹的表述，如果将信息附加于一些故事之上，会令印象更加深刻。
的确，没有人会喜欢说教，页面上可以没有文字，但不能没有故事。
交互设计师应该是一个善于讲故事的人。
]]></description>
			<content:encoded><![CDATA[<p>中文是一种奇妙的文字，同样的文字，不同的语气，断句，声调，标点，传达出来的信息可能完全不同。<br />
还记得百度欺负google的这则视频么？<br />
简简单单二十余字，被演绎成了三种不同的表达，由此可见，文字也未必是最稳妥的表达方式：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/11.jpg" class="alignnone size-full wp-image-141" /><br />
视频地址：<a href="http://www.it86.cc/interview/2007/0303/3.shtml" target="_blank">http://www.it86.cc/interview/2007/0303/3.shtml</a></p>
<p>对于信息的传递，文字是最为简单的做法，但对于接收方来讲，未必最易理解和记忆。小朋友们喜欢看动画片，大朋友们也喜欢看电影，大朋友看电影未必比小朋友看动画片的时间多，但大朋友们看书的时间平均下来，一定是没有小朋友们看书的时间长。所以，虽然成人世界具备了相当的理解力，也未必表示他们就最喜欢以文字方式的表达。<br />
再来看看自己喜欢的一则cocacola广告，整个视频没有一句话，一个单词，但它却清楚的传达了一瓶可乐两个钢镚儿的信息，而且让人记忆深刻，至少让我在七八年后还记得这样一个故事：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/2.jpg" class="class="alignnone size-full wp-image-141"" /><br />
视频地址：<a href="http://v.youku.com/v_show/id_cj00XMjQwMjk0MzI=.html" target="_blank">http://v.youku.com/v_show/id_cj00XMjQwMjk0MzI=.html</a></p>
<p>那么，回到交互设计领域来，大多数时候，交互设计需要的是让整个界面信息丰满，而非是要让文字填满每一个角落。<br />
下面是chinaren校友录的首页，N年前早已熟读初中地理的你，是否感觉到这样的图形化选择比下拉菜单更容易？<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/31.gif" class="class="alignnone size-full wp-image-141"" /></p>
<p>当然，并不是任意场景之下，都适合用完全图形化的方式去表达，但使用图形来做信息引导，<br />
在下图中，虽然仍然以文字信息为主，但如果没有图标的视觉引导，寻找目标内容的速度，应该会慢很多。<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/51.jpg" class="class="alignnone size-full wp-image-141"" /></p>
<p>如果涉及到复杂的操作，视频演示是学以致用最直接最有效的方法：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/7.jpg" class="class="alignnone size-full wp-image-141"" /><br />
视频地址：<a href="http://www.paipai.com/mall/game/2008/12/phones/page.shtml" target="_blank">http://www.paipai.com/mall/game/2008/12/phones/page.shtml</a></p>
<p>上面所讲的一些，偏向于设计中的本能和行为层面，目的是以完成任务为主。至于情感化诉求即反思层面，也可以通过设计，让页面充满故事的乐趣。<br />
下图是一个有咖啡饮品的图表说明，不同的咖啡，不同的原料与工艺，这样的故事用咖啡杯表达出来，真的激起了我想喝一口的愿望：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/41.jpg" class="class="alignnone size-full wp-image-141"" /><br />
原文网址：<a href="http://article.yeeyan.org/view/140096/97456" target="_blank">http://article.yeeyan.org/view/140096/97456</a></p>
<p>08年疯传的yahoo奇摩礼物人生，一个个故事片段，让人们真正将网络购物与生活情感联系在了一起。之后才会出现payeasy“发现最好的女人”，拍拍“给爸爸的中秋礼物”等引发用户共情的故事营销活动；<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/6.jpg" class="class="alignnone size-full wp-image-141"" /><br />
视频地址：<a href="http://tw.promo.yahoo.com/2008auction/gift/" target="_blank">http://tw.promo.yahoo.com/2008auction/gift/</a></p>
<p>上面的视频活动或许有些偏市场营销策略方向了，如果从交互方式来看，产品设计不仅创造故事，而且让用户参与其中，也不失为一个好的办法。<br />
三年前拍拍的很多卖场都早已淹没在互联网推陈出新的洪水之中，唯独试衣间这个页面到现在都还有人提及，有人光顾，也许就在于比起其他单纯陈列商品的卖场，它讲述了一个试穿的故事，并将用户置于其中，让用户区搭配，完善这个故事的结局：<br />
<img src="http://www.xso.name/blog/wp-content/uploads/2010/05/8.jpg" class="class="alignnone size-full wp-image-141"" /><br />
页面地址：<a href="http://party.paipai.com/room3/" target="_blank">http://party.paipai.com/room3/</a></p>
<p>总的说来，图形化的东西比文字更易让人识别与记忆。<br />
除开纯粹的表述，如果将信息附加于一些故事之上，会令印象更加深刻。<br />
的确，没有人会喜欢说教，页面上可以没有文字，但不能没有故事。<br />
<strong>交互设计师应该是一个善于讲故事的人。</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.xso.name/blog/2010/05/hci-info-expression/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

