<?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>Jaybird &#187; UX design</title>
	<atom:link href="http://www.obird.net/category/user-experience/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.obird.net</link>
	<description>Interaction and User Experience Designer</description>
	<lastBuildDate>Mon, 02 Aug 2010 08:41:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>手机商旅产品体验设计浅析</title>
		<link>http://www.obird.net/user-experience/%e6%89%8b%e6%9c%ba%e5%95%86%e6%97%85%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e8%ae%be%e8%ae%a1%e6%b5%85%e6%9e%90/</link>
		<comments>http://www.obird.net/user-experience/%e6%89%8b%e6%9c%ba%e5%95%86%e6%97%85%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e8%ae%be%e8%ae%a1%e6%b5%85%e6%9e%90/#comments</comments>
		<pubDate>Mon, 02 Aug 2010 08:40:26 +0000</pubDate>
		<dc:creator>Jaybird</dc:creator>
				<category><![CDATA[UX design]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=477</guid>
		<description><![CDATA[同行产品概览
3G时代的来临，推动着手机成为下一代主流移动设备。截止2009年，中国有互联网用户3.84亿，移动互联网用户2.33亿.根据用户需求，WAP产品大致可分以下分类：
浏览类型：按照预定的轨迹去浏览，过程很少让用户主动交互。如：手机资讯网、手机杂志等。
互动类型：强调身份概念，在使用过程中鼓励用户主动输入内容，产生交互。如：新浪微博等。
携程无线

航空管家

Kayak

Concur

功能趋势




携程无线
航空管家
Concur
Kayak


国内机票联程


●
●


机票价格趋势（7 天）

●




机票特价机票(30 天内)

●




航班进出港动态

●

●


登机口导航

●




机场延误情况

●




google 地图定位
●

●
●


周边酒店查询
●





快速通道（常住酒店）
●





天气预报


●



国际机票


●
●


国际酒店


●
●


个人信息管理
●

●
●


订单管理
●

●
●


租车


●
●


费用报销


●



订餐


●



分享旅行


●



航空公司查询



●


帮助
●


●



交互体验分析
由于手机屏幕大小的局限性，提升手机屏幕交互体验，在设计中需遵守以下几个原则：

简单性：少即是多，界面元素的简洁可减少用户认知难度、便于了解
一致性：视觉与交互形式
合理布局导航：有明确的方位导航，时刻让用户知道所在位置
高效率：核心功能层次目录不宜过深，并能方便的找到。减少浏览时的按键触发

Kayak iPhone

首页是系统交互的起点，其战略意义为重中之中。除了要树立产品品牌形象，更重要是要告诉用户可以做什么。
Kayak首页将界面分成三个功能区域头部区、主体内容区、提醒区。并根据7±2 原则(人类短期记忆只能记住5-9个事物)和功能维度，优先显示8个核心功能，并将其它5个辅助功能通过切换显示。图标设计也直观清晰，用户一眼就可辨识。背景采用高光投影，让整体显得更有立体感。

Kayak头部导航始终如一保持了其一致性，左侧后退，右侧返回首页，方便用户使用。

Kayak在系统中集成了Google地图，来作为酒店周边搜索和位置的定位，这将大大提升整个搜索交互的体验，也可帮助用户了解酒店位置周边的旅行资源（交通、景点、酒店、酒吧等），但对现阶段国内手机3G未普及时的带宽速度也是个挑战。
Concur Mobile iPhone

Concur首页的中间主体内容和底部在导航设计上提供了“多通道”，方便用户进入功能子页时可迅速切换至其它功能入口。但目前Concur有个缺点，纵向列表图标和横向标签都显示不全所有功能链接。

把保存按钮放在右边，首先从颜色上和了区分，让保存按钮更加突出和引导视觉流；也符合用户左边拿手机，右边操作的行为习惯。取消在左，保存在右，也可避免用户误点错按钮。
携程无线 iPhone

携程无线的界面设计简洁大方，在色彩选择也延续了其官网的蓝色系，沉稳而具有商务特质。一进入首页就直奔正题，按钮加上标题，让功能更易于用户认知。
携程无线在功能上没有太多亮点，基本也是将B2C平台上的功能往手机上作了移植。
航班管家 iPhone

航班管家提供了3个有别于它家的个性化服务，记录历史查询、价格趋势、特价机票。
总结
随着3G和手机技术的普及发展，新一代基于手机商旅服务平台将为旅游出行者提供更为丰富便捷的消费体验。
国内除了携程和极少数的企业推出的手机商旅软件能够满足“一站式”旅游需求，其它都因速度慢、信息量少、无法走完全流程而显得有点名不符实。
手机互联网是未来发展的趋势，手机产品对界面交互也提出了更多的要求，产品的设计已由功能化和标准化需求慢慢演变成情感化服务，没有好的用户体验，最终很难留住越来越挑剔的用户。
]]></description>
			<content:encoded><![CDATA[<h2><a href="http://www.obird.net/wp-content/uploads/2010/08/7.jpg"></a><a href="http://www.obird.net/wp-content/uploads/2010/08/11.jpg"></a>同行产品概览</h2>
<p>3G时代的来临，推动着手机成为下一代主流移动设备。截止2009年，中国有互联网用户3.84亿，移动互联网用户2.33亿.根据用户需求，WAP产品大致可分以下分类：<br />
浏览类型：按照预定的轨迹去浏览，过程很少让用户主动交互。如：手机资讯网、手机杂志等。<br />
互动类型：强调身份概念，在使用过程中鼓励用户主动输入内容，产生交互。如：新浪微博等。</p>
<h3>携程无线</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/1.jpg"><img class="alignnone size-full wp-image-478" title="携程无线" src="http://www.obird.net/wp-content/uploads/2010/08/1.jpg" alt="" width="754" height="901" /></a><span id="more-477"></span></p>
<h3>航空管家</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/2.jpg"><img class="alignnone size-full wp-image-481" title="航班管家" src="http://www.obird.net/wp-content/uploads/2010/08/2.jpg" alt="" width="751" height="880" /></a></p>
<h3>Kayak</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/3.jpg"><img class="alignnone size-full wp-image-483" title="Kayak" src="http://www.obird.net/wp-content/uploads/2010/08/3.jpg" alt="" width="748" height="827" /></a></p>
<h3>Concur</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/4.jpg"><img class="alignnone size-full wp-image-485" title="Concur" src="http://www.obird.net/wp-content/uploads/2010/08/4.jpg" alt="" width="748" height="827" /></a></p>
<h3>功能趋势</h3>
<table border="0" cellspacing="1" cellpadding="1" width="90%">
<tbody>
<tr>
<th scope="col"></th>
<th scope="col">携程无线</th>
<th scope="col">航空管家</th>
<th scope="col">Concur</th>
<th scope="col">Kayak</th>
</tr>
<tr>
<td align="right">国内机票联程</td>
<td></td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">机票价格趋势（7 天）</td>
<td></td>
<td>●</td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">机票特价机票(30 天内)</td>
<td></td>
<td>●</td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">航班进出港动态</td>
<td></td>
<td>●</td>
<td></td>
<td>●</td>
</tr>
<tr>
<td align="right">登机口导航</td>
<td></td>
<td>●</td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">机场延误情况</td>
<td></td>
<td>●</td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">google 地图定位</td>
<td>●</td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">周边酒店查询</td>
<td>●</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">快速通道（常住酒店）</td>
<td>●</td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td align="right">天气预报</td>
<td></td>
<td></td>
<td>●</td>
<td></td>
</tr>
<tr>
<td align="right">国际机票</td>
<td></td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">国际酒店</td>
<td></td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">个人信息管理</td>
<td>●</td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">订单管理</td>
<td>●</td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">租车</td>
<td></td>
<td></td>
<td>●</td>
<td>●</td>
</tr>
<tr>
<td align="right">费用报销</td>
<td></td>
<td></td>
<td>●</td>
<td></td>
</tr>
<tr>
<td align="right">订餐</td>
<td></td>
<td></td>
<td>●</td>
<td></td>
</tr>
<tr>
<td align="right">分享旅行</td>
<td></td>
<td></td>
<td>●</td>
<td></td>
</tr>
<tr>
<td align="right">航空公司查询</td>
<td></td>
<td></td>
<td></td>
<td>●</td>
</tr>
<tr>
<td align="right">帮助</td>
<td>●</td>
<td></td>
<td></td>
<td>●</td>
</tr>
</tbody>
</table>
<h2>交互体验分析</h2>
<p>由于手机屏幕大小的局限性，提升手机屏幕交互体验，在设计中需遵守以下几个原则：</p>
<ul>
<li>简单性：少即是多，界面元素的简洁可减少用户认知难度、便于了解</li>
<li>一致性：视觉与交互形式</li>
<li>合理布局导航：有明确的方位导航，时刻让用户知道所在位置</li>
<li>高效率：核心功能层次目录不宜过深，并能方便的找到。减少浏览时的按键触发</li>
</ul>
<h3>Kayak iPhone</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/6.jpg"><img class="alignnone size-full wp-image-489" title="kayak" src="http://www.obird.net/wp-content/uploads/2010/08/6.jpg" alt="" width="747" height="528" /></a></p>
<p>首页是系统交互的起点，其战略意义为重中之中。除了要树立产品品牌形象，更重要是要告诉用户可以做什么。</p>
<p>Kayak首页将界面分成三个功能区域头部区、主体内容区、提醒区。并根据7±2 原则(人类短期记忆只能记住5-9个事物)和功能维度，优先显示8个核心功能，并将其它5个辅助功能通过切换显示。图标设计也直观清晰，用户一眼就可辨识。背景采用高光投影，让整体显得更有立体感。</p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/7.jpg"><img title="kayak" src="http://www.obird.net/wp-content/uploads/2010/08/7.jpg" alt="" width="762" height="453" /></a></p>
<p>Kayak头部导航始终如一保持了其一致性，左侧后退，右侧返回首页，方便用户使用。</p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/8.jpg"><img class="alignnone size-full wp-image-491" title="google map" src="http://www.obird.net/wp-content/uploads/2010/08/8.jpg" alt="" width="787" height="390" /></a></p>
<p>Kayak在系统中集成了Google地图，来作为酒店周边搜索和位置的定位，这将大大提升整个搜索交互的体验，也可帮助用户了解酒店位置周边的旅行资源（交通、景点、酒店、酒吧等），但对现阶段国内手机3G未普及时的带宽速度也是个挑战。</p>
<h3>Concur Mobile iPhone</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/9.jpg"><img class="alignnone size-full wp-image-492" title="Concur" src="http://www.obird.net/wp-content/uploads/2010/08/9.jpg" alt="" width="614" height="433" /></a></p>
<p>Concur首页的中间主体内容和底部在导航设计上提供了“多通道”，方便用户进入功能子页时可迅速切换至其它功能入口。但目前Concur有个缺点，纵向列表图标和横向标签都显示不全所有功能链接。</p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/10.jpg"><img class="alignnone size-full wp-image-493" title="Concur" src="http://www.obird.net/wp-content/uploads/2010/08/10.jpg" alt="" width="597" height="290" /></a></p>
<p>把保存按钮放在右边，首先从颜色上和了区分，让保存按钮更加突出和引导视觉流；也符合用户左边拿手机，右边操作的行为习惯。取消在左，保存在右，也可避免用户误点错按钮。</p>
<h3>携程无线 iPhone</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/11.jpg"><img title="携程无线" src="http://www.obird.net/wp-content/uploads/2010/08/11.jpg" alt="" width="712" height="505" /></a></p>
<p>携程无线的界面设计简洁大方，在色彩选择也延续了其官网的蓝色系，沉稳而具有商务特质。一进入首页就直奔正题，按钮加上标题，让功能更易于用户认知。</p>
<p>携程无线在功能上没有太多亮点，基本也是将B2C平台上的功能往手机上作了移植。</p>
<h3>航班管家 iPhone</h3>
<p><a href="http://www.obird.net/wp-content/uploads/2010/08/12.jpg"><img class="alignnone size-full wp-image-498" title="航班管家" src="http://www.obird.net/wp-content/uploads/2010/08/12.jpg" alt="" width="734" height="536" /></a><br />
航班管家提供了3个有别于它家的个性化服务，记录历史查询、价格趋势、特价机票。</p>
<h2>总结</h2>
<p>随着3G和手机技术的普及发展，新一代基于手机商旅服务平台将为旅游出行者提供更为丰富便捷的消费体验。</p>
<p>国内除了携程和极少数的企业推出的手机商旅软件能够满足“一站式”旅游需求，其它都因速度慢、信息量少、无法走完全流程而显得有点名不符实。</p>
<p>手机互联网是未来发展的趋势，手机产品对界面交互也提出了更多的要求，产品的设计已由功能化和标准化需求慢慢演变成情感化服务，没有好的用户体验，最终很难留住越来越挑剔的用户。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e6%89%8b%e6%9c%ba%e5%95%86%e6%97%85%e4%ba%a7%e5%93%81%e4%bd%93%e9%aa%8c%e8%ae%be%e8%ae%a1%e6%b5%85%e6%9e%90/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UX design. What, how and why.</title>
		<link>http://www.obird.net/user-experience/ux-design-what-how-and-why/</link>
		<comments>http://www.obird.net/user-experience/ux-design-what-how-and-why/#comments</comments>
		<pubDate>Wed, 23 Jun 2010 15:41:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[UX design]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=451</guid>
		<description><![CDATA[

View more presentations from Serena Facchinetti.
]]></description>
			<content:encoded><![CDATA[<div id="__ss_3301672" style="width: 425px;"><strong style="display: block; margin: 12px 0 4px;"></strong><object id="__sse3301672" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="425" height="355" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowScriptAccess" value="always" /><param name="src" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=uxpresentationxbitmamaslidesharefinalcompresso-100228163954-phpapp01&amp;rel=0&amp;stripped_title=ux-design-what-how-and-why" /><param name="name" value="__sse3301672" /><param name="allowfullscreen" value="true" /><embed id="__sse3301672" type="application/x-shockwave-flash" width="425" height="355" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=uxpresentationxbitmamaslidesharefinalcompresso-100228163954-phpapp01&amp;rel=0&amp;stripped_title=ux-design-what-how-and-why" allowscriptaccess="always" allowfullscreen="true" name="__sse3301672"></embed></object></div>
<p><span id="more-451"></span></p>
<div style="padding: 5px 0 12px;">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/chiyaserena">Serena Facchinetti</a>.</div>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/ux-design-what-how-and-why/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>英文字母不换行这个BUG要不要解决？</title>
		<link>http://www.obird.net/user-experience/%e8%8b%b1%e6%96%87%e5%ad%97%e6%af%8d%e4%b8%8d%e6%8d%a2%e8%a1%8c%e8%bf%99%e4%b8%aabug%e8%a6%81%e4%b8%8d%e8%a6%81%e8%a7%a3%e5%86%b3%ef%bc%9f/</link>
		<comments>http://www.obird.net/user-experience/%e8%8b%b1%e6%96%87%e5%ad%97%e6%af%8d%e4%b8%8d%e6%8d%a2%e8%a1%8c%e8%bf%99%e4%b8%aabug%e8%a6%81%e4%b8%8d%e8%a6%81%e8%a7%a3%e5%86%b3%ef%bc%9f/#comments</comments>
		<pubDate>Fri, 07 May 2010 02:14:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[UX design]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=432</guid>
		<description><![CDATA[首先肯定的是：英文字母不换行是个BUG；这个BUG我在很多产品研发过程中也遇到了，跟测试、开发也PK不少。问题都是相对性的，对与错只是大家看待问题的角度和立场不同。
那我今天想讨论的是该BUG要不要解决和解决的方式。
我们先来看看国内外许多大型系统的做法：



系统名称 
处理方式 
实现成本
备注


携程
录入前普通限制 + 置之不理
普通
影响布局


艺龙
录入前普通限制 + 超出不给予输入
普通
不影响布局


Concur
录入前不作限制 + 超出自动截断
较复杂
不影响布局


淘宝
录入前严格验证 + 置之不理
复杂
影响布局


google
录入前普通验证 + 超出自动截断
较复杂
不影响布局



1、携程

在携程系统上如果用户输入一大堆没有意义的英文字母，是不会换行的。而这种情况更多只能出现在测试的时候。
2、艺龙

艺龙采用了严格的限制，超出字段指定最大值后不允许输入。
3、Concur
输入前

提交后显示效果：

Concur输入前不做严格限制，但在灵气显示时字数多余的全都不见了，系统超出自动截断，这样有个好处就是不影响布局。
4、淘宝

淘宝做法首先的字段上都作了详细的数据验证，强制不允许用户输入纯数字或字母的字符。
但依然没有逃过我精心的数字+字母不空格数据，我们看看这是我数字加字母后的淘宝的页面效果：

5、gmail

Gmail采用的是超出内容超出布局自动截断。
小结：
该问题在众多系统中都能看到它的存在，想单靠CSS是无法彻底解决的，大多的系统面对此问题也是“置之不理”。如结合JS，虽可以解决此问题，但也会给页面增添其它不确定因素。回头我再综合做个实验。
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.obird.net/wp-content/uploads/2010/05/2.png"></a><a href="http://www.obird.net/wp-content/uploads/2010/05/7.jpg"></a><a href="http://www.obird.net/wp-content/uploads/2010/05/7.png"></a><a href="http://www.obird.net/wp-content/uploads/2010/05/8.png"></a><a href="http://www.obird.net/wp-content/uploads/2010/05/9.png"></a>首先肯定的是：英文字母不换行是个BUG；这个BUG我在很多产品研发过程中也遇到了，跟测试、开发也PK不少。问题都是相对性的，对与错只是大家看待问题的角度和立场不同。<br />
那我今天想讨论的是该BUG要不要解决和解决的方式。<br />
我们先来看看国内外许多大型系统的做法：</p>
<table border="0" cellspacing="1" cellpadding="1">
<tbody>
<tr>
<td width="122" valign="top"><strong>系统名称</strong><strong> </strong></td>
<td width="302" valign="top"><strong>处理方式</strong><strong> </strong></td>
<td width="113" valign="top"><strong>实现成本</strong><strong></strong></td>
<td width="132" valign="top"><strong>备注</strong><strong></strong></td>
</tr>
<tr>
<td width="122" valign="top">携程</td>
<td width="302" valign="top">录入前普通限制 + 置之不理</td>
<td width="113" valign="top">普通</td>
<td width="132" valign="top">影响布局</td>
</tr>
<tr>
<td width="122" valign="top">艺龙</td>
<td width="302" valign="top">录入前普通限制 + 超出不给予输入</td>
<td width="113" valign="top">普通</td>
<td width="132" valign="top">不影响布局</td>
</tr>
<tr>
<td width="122" valign="top">Concur</td>
<td width="302" valign="top">录入前不作限制 + 超出自动截断</td>
<td width="113" valign="top">较复杂</td>
<td width="132" valign="top">不影响布局</td>
</tr>
<tr>
<td width="122" valign="top">淘宝</td>
<td width="302" valign="top">录入前严格验证 + 置之不理</td>
<td width="113" valign="top">复杂</td>
<td width="132" valign="top">影响布局</td>
</tr>
<tr>
<td width="122" valign="top">google</td>
<td width="302" valign="top">录入前普通验证 + 超出自动截断</td>
<td width="113" valign="top">较复杂</td>
<td width="132" valign="top">不影响布局</td>
</tr>
</tbody>
</table>
<p><strong><span id="more-432"></span>1、携程</strong><br />
<a href="http://www.obird.net/wp-content/uploads/2010/05/1.png"><img class="alignnone size-full wp-image-435" title="携程" src="http://www.obird.net/wp-content/uploads/2010/05/1.png" alt="" width="741" height="638" /></a><br />
在携程系统上如果用户输入一大堆没有意义的英文字母，是不会换行的。而这种情况更多只能出现在测试的时候。</p>
<p><strong>2、艺龙</strong></p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/05/2.png"><img title="艺龙" src="http://www.obird.net/wp-content/uploads/2010/05/2.png" alt="" width="703" height="393" /></a></p>
<p>艺龙采用了严格的限制，超出字段指定最大值后不允许输入。</p>
<p><strong>3、Concur</strong></p>
<p>输入前<br />
<a href="http://www.obird.net/wp-content/uploads/2010/05/3.png"><img class="alignnone size-full wp-image-437" title="输入前" src="http://www.obird.net/wp-content/uploads/2010/05/3.png" alt="" width="700" height="455" /></a></p>
<p>提交后显示效果：<br />
<a href="http://www.obird.net/wp-content/uploads/2010/05/4.png"><img class="alignnone size-full wp-image-438" title="显示" src="http://www.obird.net/wp-content/uploads/2010/05/4.png" alt="" width="628" height="72" /></a></p>
<p>Concur输入前不做严格限制，但在灵气显示时字数多余的全都不见了，系统超出自动截断，这样有个好处就是不影响布局。</p>
<p><strong>4、淘宝</strong></p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/05/5.png"><img class="alignnone size-full wp-image-439" title="5" src="http://www.obird.net/wp-content/uploads/2010/05/5.png" alt="" width="483" height="93" /></a><a href="http://www.obird.net/wp-content/uploads/2010/05/6.png"><img class="alignnone size-full wp-image-440" title="6" src="http://www.obird.net/wp-content/uploads/2010/05/6.png" alt="" width="484" height="92" /></a></p>
<p>淘宝做法首先的字段上都作了详细的数据验证，强制不允许用户输入纯数字或字母的字符。<br />
但依然没有逃过我精心的数字+字母不空格数据，我们看看这是我数字加字母后的淘宝的页面效果：<br />
<a href="http://www.obird.net/wp-content/uploads/2010/05/8.png"><img title="8" src="http://www.obird.net/wp-content/uploads/2010/05/8.png" alt="" width="885" height="614" /></a></p>
<p>5、gmail</p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/05/9.png"><img title="9" src="http://www.obird.net/wp-content/uploads/2010/05/9.png" alt="" width="668" height="424" /></a></p>
<p>Gmail采用的是超出内容超出布局自动截断。</p>
<p><strong>小结：</strong></p>
<p>该问题在众多系统中都能看到它的存在，想单靠CSS是无法彻底解决的，大多的系统面对此问题也是“置之不理”。如结合JS，虽可以解决此问题，但也会给页面增添其它不确定因素。回头我再综合做个实验。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e8%8b%b1%e6%96%87%e5%ad%97%e6%af%8d%e4%b8%8d%e6%8d%a2%e8%a1%8c%e8%bf%99%e4%b8%aabug%e8%a6%81%e4%b8%8d%e8%a6%81%e8%a7%a3%e5%86%b3%ef%bc%9f/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>淘宝新版登录新体验</title>
		<link>http://www.obird.net/user-experience/%e6%b7%98%e5%ae%9d%e6%96%b0%e7%89%88%e7%99%bb%e5%bd%95%e6%96%b0%e4%bd%93%e9%aa%8c-%e7%9c%81%e7%95%a5%e5%ae%89%e8%a3%85%e5%ae%89%e5%85%a8%e7%bb%84%e4%bb%b6/</link>
		<comments>http://www.obird.net/user-experience/%e6%b7%98%e5%ae%9d%e6%96%b0%e7%89%88%e7%99%bb%e5%bd%95%e6%96%b0%e4%bd%93%e9%aa%8c-%e7%9c%81%e7%95%a5%e5%ae%89%e8%a3%85%e5%ae%89%e5%85%a8%e7%bb%84%e4%bb%b6/#comments</comments>
		<pubDate>Thu, 04 Mar 2010 02:11:50 +0000</pubDate>
		<dc:creator>Jaybird</dc:creator>
				<category><![CDATA[UX design]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=400</guid>
		<description><![CDATA[今天登录了淘宝网，看到新版邀请，进去体验了一把。

据相关数据统计报导，09年的淘宝交易额达到了2000亿，注册用户达到近1.8亿。登录、注册页好比一家商场的门面，酒店的迎宾，是一切产品体验的源头入口。
相比旧版登录，我觉得有以下几方面的改进和体验提升：

降低了登录页过多的视觉噪音，现有登录页颜色杂乱，链接满天飞。
弱化了登录页的密码安全插件，安全和体验这曾经是一个长期备受争议的问题，当在互联网的前期，保证客户信息安全也是个赖之生存的根本之一。但对于新用户，频繁地提示你安装插件是件很讨人厌的事情。腾讯QQ就经常干这种事情，经常打着升级，保护安全的旗号推销自己的产品，所以现在我偶尔登录一次QQ就要手工关闭一次所谓QQ医生的安排提示，QQ你烦不烦呀。

去掉了广告

精确视觉引导注意力。现有的登录页登录和任务几乎是并行，有时会让用户搞不清我究意是到了注册还是登录，而点击登录页的大多数目标用户主任务就是我要登录，新版的设计很好地解决了这问题，一进来就把用户的注意力集中到了登录按钮。

一款 好的产品需要长期的修改和优化的过程，作为一个具备百万在线用户数的门户，现有设计已渐渐力不从心，同时也完成了他的历史性任务（2亿用户），渐渐地退出了舞台。
不过，现有的淘宝登录还是个Beta，会不会流产仍是个未知数，就让我们拭目以待吧。。。
]]></description>
			<content:encoded><![CDATA[<p>今天登录了淘宝网，看到新版邀请，进去体验了一把。<a href="http://www.obird.net/wp-content/uploads/2010/03/taobao1.jpg"><br />
</a><a href="http://www.obird.net/wp-content/uploads/2010/03/taobao1.jpg"><img class="alignnone size-full wp-image-410" title="新版体验提示" src="http://www.obird.net/wp-content/uploads/2010/03/taobao1.jpg" alt="新版体验提示" width="533" height="516" /></a></p>
<p>据相关数据统计报导，09年的淘宝交易额达到了2000亿，注册用户达到近1.8亿。登录、注册页好比一家商场的门面，酒店的迎宾，是一切产品体验的源头入口。<span id="more-400"></span></p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/03/taobao2.jpg"><img class="alignnone size-full wp-image-411" title="新版登录" src="http://www.obird.net/wp-content/uploads/2010/03/taobao2.jpg" alt="新版登录" width="923" height="604" /></a>相比旧版登录，我觉得有以下几方面的改进和体验提升：</p>
<ol>
<li>降低了登录页过多的视觉噪音，现有登录页颜色杂乱，链接满天飞。</li>
<li><strong>弱化了登录页的密码安全插件</strong>，安全和体验这曾经是一个长期备受争议的问题，当在互联网的前期，保证客户信息安全也是个赖之生存的根本之一。但对于新用户，频繁地提示你安装插件是件很讨人厌的事情。腾讯QQ就经常干这种事情，经常打着升级，保护安全的旗号推销自己的产品，所以现在我偶尔登录一次QQ就要手工关闭一次所谓QQ医生的安排提示，QQ你烦不烦呀。<br />
<a href="http://www.obird.net/wp-content/uploads/2010/03/taobao3.jpg"><img class="alignnone size-full wp-image-406" title="密码安全控件" src="http://www.obird.net/wp-content/uploads/2010/03/taobao3.jpg" alt="密码安全控件" width="871" height="446" /></a></li>
<li>去掉了广告<br />
<a href="http://www.obird.net/wp-content/uploads/2010/03/taobao.jpg"><img class="alignnone size-full wp-image-407" title="淘宝登录" src="http://www.obird.net/wp-content/uploads/2010/03/taobao.jpg" alt="淘宝广告" width="821" height="401" /></a></li>
<li>精确视觉引导注意力。现有的登录页登录和任务几乎是并行，有时会让用户搞不清我究意是到了注册还是登录，而点击登录页的大多数目标用户主任务就是我要登录，新版的设计很好地解决了这问题，一进来就把用户的注意力集中到了登录按钮。</li>
</ol>
<p>一款 好的产品需要长期的修改和优化的过程，作为一个具备百万在线用户数的门户，现有设计已渐渐力不从心，同时也完成了他的历史性任务（2亿用户），渐渐地退出了舞台。</p>
<p>不过，现有的淘宝登录还是个Beta，会不会流产仍是个未知数，就让我们拭目以待吧。。。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e6%b7%98%e5%ae%9d%e6%96%b0%e7%89%88%e7%99%bb%e5%bd%95%e6%96%b0%e4%bd%93%e9%aa%8c-%e7%9c%81%e7%95%a5%e5%ae%89%e8%a3%85%e5%ae%89%e5%85%a8%e7%bb%84%e4%bb%b6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>设计从心开始</title>
		<link>http://www.obird.net/user-experience/%e8%ae%be%e8%ae%a1%e4%bb%8e%e5%bf%83%e5%bc%80%e5%a7%8b/</link>
		<comments>http://www.obird.net/user-experience/%e8%ae%be%e8%ae%a1%e4%bb%8e%e5%bf%83%e5%bc%80%e5%a7%8b/#comments</comments>
		<pubDate>Mon, 01 Mar 2010 01:11:18 +0000</pubDate>
		<dc:creator>Jaybird</dc:creator>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[老人机]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=382</guid>
		<description><![CDATA[何谓创新
很多时间大家觉得，在产品设计过程中，创新一定就是标新立异。而今天想分享的是：哪怕只有解决用户存在的很小的问题，只要它对用户有用，就可称之为创新。
设计中的5W原则
这是从新闻写作中的5W+H引申过来的互联网产品设计的原则。

Who :  为谁设计，购买者和使用者是谁？
What ： 设计的本质是为了解决什么问题。
Why ：为什么要这样设计，是否有其它的解决方式
Where ： 用户在什么样和哪里的坏境下使用
When ： 行业趋势如何，如何设定计划


好的设计，要有人文关怀
前段时间听老妈子说她现在的手机不好用，老妈用的是一款索爱手机，主要问题是电池太快，按键太小，屏幕显示文字小，界面功能繁杂。找遍了国美、顺电的手机款式功能都是清一色，几乎没有一个适合像我老妈这个人物角色使用的手机。无意之中却找到了专为老年人设计的专用手机。

老人机的设计主要以易用为理念，只保留打电话、发信息的核心功能， 界面上采用大按钮、大字体，简化了传统的菜单结构和任务操作步骤，以达到让老年人们不看说明书就能操作上手。同时还增强的屏幕显示的对比色，老年人不带老花眼镜，都能看得清。更有创意和重要的亲情号码功能，从上图手机键盘的下方，可以设置儿子和女儿快速拨打功能，只要按一键就能联通儿子或女儿。这还不够，背面还是SOS键，预防老年人在紧急情况下使用，一旦触发即联接120等急救中心，预设短信同步发给亲人。
这已不但是一个追求产品功能的时代，还是个通过设计传达情感的时代。

]]></description>
			<content:encoded><![CDATA[<h5>何谓创新</h5>
<p>很多时间大家觉得，在产品设计过程中，创新一定就是标新立异。而今天想分享的是：哪怕只有解决用户存在的很小的问题，只要它对用户有用，就可称之为创新。</p>
<h5>设计中的5W原则</h5>
<p>这是从新闻写作中的5W+H引申过来的互联网产品设计的原则。</p>
<ul>
<li>Who :  为谁设计，购买者和使用者是谁？</li>
<li>What ： 设计的本质是为了解决什么问题。</li>
<li>Why ：为什么要这样设计，是否有其它的解决方式</li>
<li>Where ： 用户在什么样和哪里的坏境下使用</li>
<li>When ： 行业趋势如何，如何设定计划</li>
</ul>
<p><span id="more-382"></span></p>
<h5>好的设计，要有人文关怀</h5>
<p>前段时间听老妈子说她现在的手机不好用，老妈用的是一款索爱手机，主要问题是电池太快，按键太小，屏幕显示文字小，界面功能繁杂。找遍了国美、顺电的手机款式功能都是清一色，几乎没有一个适合像我老妈这个人物角色使用的手机。无意之中却找到了专为老年人设计的专用手机。</p>
<p><a href="http://www.obird.net/wp-content/uploads/2010/02/老人机.png"><img class="alignnone size-full wp-image-393" title="老人机" src="http://www.obird.net/wp-content/uploads/2010/02/老人机.png" alt="老人机" width="706" height="716" /></a></p>
<p>老人机的设计主要以易用为理念，只保留<strong>打电话、发信息</strong>的核心功能， 界面上采用大按钮、大字体，简化了传统的菜单结构和任务操作步骤，以达到让老年人们<strong>不看说明书就能操作上手</strong>。同时还增强的屏幕显示的对比色，老年人不带老花眼镜，都能看得清。更有创意和重要的亲情号码功能，从上图手机键盘的下方，可以设置儿子和女儿快速拨打功能，只要按一键就能联通儿子或女儿。这还不够，背面还是SOS键，预防老年人在紧急情况下使用，一旦触发即联接120等急救中心，预设短信同步发给亲人。</p>
<p>这已不但是一个<strong>追求产品功能的时代</strong>，还是个通过<strong>设计传达情感的时代</strong>。</p>
<p><img src="file:///C:/Users/jaybird/AppData/Local/Temp/moz-screenshot.png" alt="" /><img src="file:///C:/Users/jaybird/AppData/Local/Temp/moz-screenshot-1.png" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e8%ae%be%e8%ae%a1%e4%bb%8e%e5%bf%83%e5%bc%80%e5%a7%8b/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>图形记忆法</title>
		<link>http://www.obird.net/user-experience/%e5%9b%be%e5%bd%a2%e8%ae%b0%e5%bf%86%e6%b3%95/</link>
		<comments>http://www.obird.net/user-experience/%e5%9b%be%e5%bd%a2%e8%ae%b0%e5%bf%86%e6%b3%95/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 11:54:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[图形记忆法]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=208</guid>
		<description><![CDATA[世上大多数有成就的伟人、数学家等，他们都是记忆力的高手，以往在金庸武侠小说的一目十行已不再是遥不可及，现实世界中，人也可具备那样的能力。如你不这么想，你就是犯了习惯左脑思考的错误，人类大脑的另一半-右脑，拥有着左脑思考难以想像的能力。今天欣赏了同事这方面的分享，10分钟内记熟52张扑克（共53张抽掉1张，原因后述），并且随你问第几张是什么？抽选黑桃7，红桃K，方块6在哪个方位,他都能一一如实道说，不得不让人折服。
图形法原理介绍
究竟要怎样才可以把我们的大脑变得如此神奇呢！话说回来，我们还得从人体左右脑的特质说起，大家都知人分为左右脑，那究竟是左脑大还是右脑大呢？左、右脑又有什么区别呢？
据研究说明：
1、人的右脑容量是左脑的100倍；
2、左脑负责的是文字、逻辑、数字、顺序、线性、分析、清单等，而右脑负责的节奏、空间感、整体概念、想像、白日梦、颜色、大小等。
据于以上两点，联想我们的生活，为什么通常我们喜欢看连续剧或电影而不选择去看一本厚厚的小说呢？因为文字通常是由左脑处理，左脑容量却只是右脑的100倍之一，从记忆的效率和持久性来说要弱于右脑，而右脑更对图像、色彩很敏感。所以我们要将信息转换为图形及色彩，存入大脑。

扑克牌记忆是世界脑力锦标赛十项比赛项目中其中一项，要求选手在5分钟之内完整记忆一副扑克牌。世界脑力锦标赛是由“世界记忆之父”托尼*博赞于1991年发起、由世界脑力运动委员会（WMSC）组织的世界最高级另的记忆力赛事。被誉为“大脑运动的奥林匹克”。
在2007年9月2日，第16届世界脑力锦标赛快速扑克比赛中，我国选手陈育娟以28.15秒刷新了原先31.18秒的世界纪录，获得冠军，也是全人类第二个能够在30秒内记忆一副扑克牌的人，真是我们中国人民的骄傲，30秒看完一幅50几张牌，几乎是一秒一张，难度之高可想而知。
我们可以做个练习：用图形记忆法3分钟来记忆36计前10计：
第1计：瞒天过海 第2计：转魏救赵
第3计：借刀杀人 第4计：以逸待劳
第5计：趁火打劫 第6计：声东击西
第7计：无中生有 第8计：暗渡陈仓
第9计：隔岸观火 第10计：笑里藏刀
通常大多数人可能说我硬背也能把它背下来，但大脑的缓存记忆最多就是6~8个（电话号码为何最多不超8位缘故），你能背得了10个，我再加到36计、100计，你就力所不及了。
世界上最有效记忆方法的两个基本原理：联想和编码。
联想就是把一些毫无关联的事情通过想象力的加工，把它们联结在一起，从而轻松地记住他们。
编码则是把非常枯燥的数字，转化为具体鲜明的词语，通过联想来记住词语，就相当于记住了这些数字。这10计我们可想象成10个特别的短小故事，作为我们记忆密码，并在大脑中形成影像。
第1计：瞒天过海 
记忆密码：看到1,我们就联想到树，然后就想象一棵大树横躺在大海上，树干是中空的，我跳进树干，乘坐着大树，上面瞒着天，下面过了海。

第2计：围魏救赵
记忆密码：看到2,我们就想到鸭子，然后就想象1000只鸭子团团围住魏国的国都，它们要救赵本山，因为春节晚会还需要他和小沈阳搭档呢。

第3计，借刀杀人：看到3，我们就联想到耳朵，然后想像一个人借了一把生锈的菜刀，想去杀另一个人，结果人没杀到，反而不小心把自己的耳朵给砍了下来。
第4计，以逸待劳：看到4，我们就联想到红旗，然后想像一群人在进行登山比赛，而你则在山顶上扛着红旗，安逸地等待着那些爬上山来的疲劳的人们。
第5计，趁火打劫：看到5，我们联想到勾子，然后想像一家珠宝店着火了，你过去趁火打劫，用一把长勾子勾了一串珠宝然后赶快逃走。
第6计，声东击西：看到6，我们联想到勺子，然后想像自己左右手各拿着一把勺子，左手的勺子上盛着一个大冬瓜，你把这个大冬瓜用力地勺起来，而右手则用勺子狠狠地敲打着一个大西瓜，这个动作叫“升冬瓜、击西瓜”（声东击西）。
第7计，无中生有：看到7，我们联想到拐杖，然后想像一个老人正拄着拐杖走路，忽然一条肥大的蜈蚣爬到他的脚边，他赶紧用拐杖往这条蜈蚣的身体中间一戳，结果肥大的蜈蚣冒出许多油来，这叫“蜈中生油”（无中生有）。
第8计，暗度陈仓：看到8，我们联想到葫芦，你想要暗中度过那个有很多敌人守卫的仓库，就想到了一个办法，藏在一个大葫芦里面，然后慢慢地滚了过去。
第9计，隔岸观火：看到9，我们联想到猫，想到这个世界上有一只最懒的咖啡猫，它正懒洋洋地坐在江边，看到对岸一处房子着火了，明明知道是自己家，也懒得去救火。
第10计，笑里藏刀：看到10，我们联想到棒球，当你在打棒球的时候看到有人向你阴阴地笑，你可就要小心了，因为他可能是笑里藏刀，准备对你使坏。
故事我们可以夸张、特别点，这样更有助于刺激我们的大脑记忆。
这样下来，10计就变成10个小短故事，人家一问第3计是什么，根据数字编码的特点，迅速回忆联想，很快你就能倒背如流了。
这里采用的是定名法，定桩法就是把我们需要记忆的信息和大脑中已经牢记的有清晰顺序的桩子按顺序联结起来的方法，作用就相当于自己在大脑中创建了许多分类整理好的记忆文件夹。
运用定桩法步骤：
1、建立清晰顺序的桩子，也就是大脑中建立用来存放记忆资料的文件夹
2、通过联想法将信息联结在这些已非常熟悉的桩子。
常用桩子种类有：数字桩、字母桩、地点桩、身体桩、熟悉的语句、熟悉的人物等。
扑克牌的记忆解说
1、完成数字到图形的转化
2、设置好13个数字桩
3、每个桩上放4个图形
4、串联记忆。
相关内容
快速阅读
思维导读
相关资源
海马记忆：www.jiyili.net
相关书籍
《开放大脑》托尼・博赞
《专为中国人写的新记忆书》王茂华
《一天记牢1000个英语单词》杨建勇 刘纲
]]></description>
			<content:encoded><![CDATA[<p><span lang="zh-CN">世上大多数有成就的伟人、数学家等，他们都是记忆力的高手，以往在金庸武侠小说的一目十行已不再是遥不可及，现实世界中，人也可具备那样的能力。如你不这么想，你就是犯了习惯左脑思考的错误，人类大脑的另一半</span><span lang="en-US">-</span><span lang="zh-CN">右脑，拥有着左脑思考难以想像的能力。今天欣赏了同事这方面的分享，</span><span lang="en-US">10</span><span lang="zh-CN">分钟内记熟</span><span lang="en-US">52</span><span lang="zh-CN">张扑克（共</span><span lang="en-US">53</span><span lang="zh-CN">张抽掉</span><span lang="en-US">1</span><span lang="zh-CN">张，原因后述），并且随你问第几张是什么？抽选黑桃</span><span lang="en-US">7</span><span lang="zh-CN">，红桃</span><span lang="en-US">K</span><span lang="zh-CN">，方块</span><span lang="en-US">6</span><span lang="zh-CN">在哪个方位</span><span lang="en-US">,</span><span lang="zh-CN">他都能一一如实道说，不得不让人折服。</span></p>
<p><strong>图形法原理介绍</strong></p>
<p>究竟要怎样才可以把我们的大脑变得如此神奇呢！话说回来，我们还得从人体左右脑的特质说起，大家都知人分为左右脑，那究竟是左脑大还是右脑大呢？左、右脑又有什么区别呢？</p>
<p>据研究说明：</p>
<p><span lang="en-US">1</span><span lang="zh-CN">、人的右脑容量是左脑的</span><span lang="en-US">100</span><span lang="zh-CN">倍；</span></p>
<p><span lang="en-US">2</span><span lang="zh-CN">、左脑负责的是文字、逻辑、数字、顺序、线性、分析、清单等，而右脑负责的节奏、空间感、整体概念、想像、白日梦、颜色、大小等。</span></p>
<p><span lang="zh-CN">据于以上两点，联想我们的生活，为什么通常我们喜欢看连续剧或电影而不选择去看一本厚厚的小说呢？因为文字通常是由左脑处理，左脑容量却只是右脑的</span><span lang="en-US">100</span><span lang="zh-CN">倍之一，从记忆的效率和持久性来说要弱于右脑，而右脑更对图像、色彩很敏感。所以我们要将</span><span lang="zh-CN"><strong>信息转换为图形及色彩，存入大脑</strong></span><span lang="zh-CN">。<span id="more-208"></span><br />
</span></p>
<p><span lang="zh-CN">扑克牌记忆是世界脑力锦标赛十项比赛项目中其中一项，要求选手在</span><span lang="en-US">5</span><span lang="zh-CN">分钟之内完整记忆一副扑克牌。世界脑力锦标赛是由“世界记忆之父”托尼</span><span lang="en-US">*</span><span lang="zh-CN">博赞于</span><span lang="en-US">1991</span><span lang="zh-CN">年发起、由世界脑力运动委员会（</span><span lang="en-US">WMSC</span><span lang="zh-CN">）组织的世界最高级另的记忆力赛事。被誉为“大脑运动的奥林匹克”。</span></p>
<p><span lang="zh-CN">在</span><span lang="en-US">2007</span><span lang="zh-CN">年</span><span lang="en-US">9</span><span lang="zh-CN">月</span><span lang="en-US">2</span><span lang="zh-CN">日，第</span><span lang="en-US">16</span><span lang="zh-CN">届世界脑力锦标赛快速扑克比赛中，我国选手陈育娟以</span><span lang="en-US">28.15</span><span lang="zh-CN">秒刷新了原先</span><span lang="en-US">31.18</span><span lang="zh-CN">秒的世界纪录，获得冠军，也是全人类第二个能够在</span><span lang="en-US">30</span><span lang="zh-CN">秒内记忆一副扑克牌的人，真是我们中国人民的骄傲，</span><span lang="en-US">30</span><span lang="zh-CN">秒看完一幅</span><span lang="en-US">50</span><span lang="zh-CN">几张牌，几乎是一秒一张，难度之高可想而知。</span></p>
<p><span lang="zh-CN">我们可以做个练习：用图形记忆法</span><span lang="en-US">3</span><span lang="zh-CN">分钟来记忆</span><span lang="en-US">36</span><span lang="zh-CN">计前</span><span lang="en-US">10</span><span lang="zh-CN">计：</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">1</span><span lang="zh-CN">计：瞒天过海</span><span lang="en-US"> </span><span lang="zh-CN">第</span><span lang="en-US">2</span><span lang="zh-CN">计：转魏救赵</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">3</span><span lang="zh-CN">计：借刀杀人</span><span lang="en-US"> </span><span lang="zh-CN">第</span><span lang="en-US">4</span><span lang="zh-CN">计：以逸待劳</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">5</span><span lang="zh-CN">计：趁火打劫</span><span lang="en-US"><span> </span></span><span lang="zh-CN">第</span><span lang="en-US">6</span><span lang="zh-CN">计：声东击西</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">7</span><span lang="zh-CN">计：无中生有</span><span lang="en-US"><span> </span></span><span lang="zh-CN">第</span><span lang="en-US">8</span><span lang="zh-CN">计：暗渡陈仓</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">9</span><span lang="zh-CN">计：隔岸观火</span><span lang="en-US"><span> </span></span><span lang="zh-CN">第</span><span lang="en-US">10</span><span lang="zh-CN">计：笑里藏刀</span></p>
<p><span lang="zh-CN">通常大多数人可能说我硬背也能把它背下来，但大脑的缓存记忆最多就是</span><span lang="en-US">6~</span><span lang="en-US">8</span><span lang="zh-CN">个（电话号码为何最多不超</span><span lang="en-US">8</span><span lang="zh-CN">位缘故），你能背得了</span><span lang="en-US">10</span><span lang="zh-CN">个，我再加到</span><span lang="en-US">36</span><span lang="zh-CN">计、</span><span lang="en-US">100</span><span lang="zh-CN">计，你就力所不及了。</span></p>
<p>世界上最有效记忆方法的两个基本原理：联想和编码。</p>
<p>联想就是把一些毫无关联的事情通过想象力的加工，把它们联结在一起，从而轻松地记住他们。</p>
<p><span lang="zh-CN">编码则是把非常枯燥的数字，转化为具体鲜明的词语，通过联想来记住词语，就相当于记住了这些数字。这</span><span lang="en-US">10</span><span lang="zh-CN">计我们可想象成</span><span lang="en-US">10</span><span lang="zh-CN">个特别的短小故事，作为我们记忆密码，并在大脑中形成影像。</span></p>
<p><span lang="zh-CN">第</span><span lang="en-US">1</span><span lang="zh-CN">计：瞒天过海</span><span lang="en-US"> </span></p>
<p><span lang="zh-CN">记忆密码：看到</span><span lang="en-US">1,</span><span lang="zh-CN">我们就联想到树，然后就想象一棵大树横躺在大海上，树干是中空的，我跳进树干，乘坐着大树，上面瞒着天，下面过了海。</span></p>
<p><a href="http://www.obird.net/wp-content/uploads/2009/10/1.jpg"><img class="alignnone size-medium wp-image-209" title="1" src="http://www.obird.net/wp-content/uploads/2009/10/1.jpg" alt="" width="350" height="380" /></a></p>
<p><span lang="zh-CN">第</span><span lang="en-US">2</span><span lang="zh-CN">计：围魏救赵</span></p>
<p><span lang="zh-CN">记忆密码：看到</span><span lang="en-US">2,</span><span lang="zh-CN">我们就想到鸭子，然后就想象</span><span lang="en-US">1000</span><span lang="zh-CN">只鸭子团团围住魏国的国都，它们要救赵本山，因为春节晚会还需要他和小沈阳搭档呢。</span></p>
<p><a href="http://www.obird.net/wp-content/uploads/2009/10/2.jpg"><img class="alignnone size-medium wp-image-210" title="2" src="http://www.obird.net/wp-content/uploads/2009/10/2.jpg" alt="" width="350" height="332" /></a></p>
<p>第3计，借刀杀人：看到3，我们就联想到耳朵，然后想像一个人借了一把生锈的菜刀，想去杀另一个人，结果人没杀到，反而不小心把自己的耳朵给砍了下来。</p>
<p>第4计，以逸待劳：看到4，我们就联想到红旗，然后想像一群人在进行登山比赛，而你则在山顶上扛着红旗，安逸地等待着那些爬上山来的疲劳的人们。</p>
<p>第5计，趁火打劫：看到5，我们联想到勾子，然后想像一家珠宝店着火了，你过去趁火打劫，用一把长勾子勾了一串珠宝然后赶快逃走。</p>
<p>第6计，声东击西：看到6，我们联想到勺子，然后想像自己左右手各拿着一把勺子，左手的勺子上盛着一个大冬瓜，你把这个大冬瓜用力地勺起来，而右手则用勺子狠狠地敲打着一个大西瓜，这个动作叫“升冬瓜、击西瓜”（声东击西）。</p>
<p>第7计，无中生有：看到7，我们联想到拐杖，然后想像一个老人正拄着拐杖走路，忽然一条肥大的蜈蚣爬到他的脚边，他赶紧用拐杖往这条蜈蚣的身体中间一戳，结果肥大的蜈蚣冒出许多油来，这叫“蜈中生油”（无中生有）。</p>
<p>第8计，暗度陈仓：看到8，我们联想到葫芦，你想要暗中度过那个有很多敌人守卫的仓库，就想到了一个办法，藏在一个大葫芦里面，然后慢慢地滚了过去。</p>
<p>第9计，隔岸观火：看到9，我们联想到猫，想到这个世界上有一只最懒的咖啡猫，它正懒洋洋地坐在江边，看到对岸一处房子着火了，明明知道是自己家，也懒得去救火。</p>
<p>第10计，笑里藏刀：看到10，我们联想到棒球，当你在打棒球的时候看到有人向你阴阴地笑，你可就要小心了，因为他可能是笑里藏刀，准备对你使坏。</p>
<p><strong>故事我们可以夸张、特别点，这样更有助于刺激我们的大脑记忆。</strong></p>
<p><span lang="zh-CN">这样下来，</span><span lang="en-US">10</span><span lang="zh-CN">计就变成</span><span lang="en-US">10</span><span lang="zh-CN">个小短故事，人家一问第</span><span lang="en-US">3</span><span lang="zh-CN">计是什么，根据数字编码的特点，迅速回忆联想，很快你就能倒背如流了。</span></p>
<p>这里采用的是定名法，定桩法就是把我们需要记忆的信息和大脑中已经牢记的有清晰顺序的桩子按顺序联结起来的方法，作用就相当于自己在大脑中创建了许多分类整理好的记忆文件夹。</p>
<p><strong>运用定桩法步骤：</strong></p>
<p><span lang="en-US">1</span><span lang="zh-CN">、建立清晰顺序的桩子，也就是大脑中建立用来存放记忆资料的文件夹</span></p>
<p><span lang="en-US">2</span><span lang="zh-CN">、通过联想法将信息联结在这些已非常熟悉的桩子。</span></p>
<p>常用桩子种类有：数字桩、字母桩、地点桩、身体桩、熟悉的语句、熟悉的人物等。</p>
<p><strong>扑克牌的记忆解说</strong></p>
<p><span lang="en-US">1</span><span lang="zh-CN">、完成数字到图形的转化</span></p>
<p><span lang="en-US">2</span><span lang="zh-CN">、设置好</span><span lang="en-US">13</span><span lang="zh-CN">个数字桩</span></p>
<p><span lang="en-US">3</span><span lang="zh-CN">、每个桩上放</span><span lang="en-US">4</span><span lang="zh-CN">个图形</span></p>
<p><span lang="en-US">4</span><span lang="zh-CN">、串联记忆。</span></p>
<p><strong>相关内容</strong></p>
<p>快速阅读</p>
<p>思维导读</p>
<p><strong>相关资源</strong></p>
<p><span lang="zh-CN">海马记忆：</span><a href="http://www.jiyili.net"><span lang="en-US">www.jiyili.net</span></a></p>
<p lang="en-US"><strong>相关书籍</strong></p>
<p><span>《开放大脑》</span><span>托尼</span><span>・博</span><span>赞</span></p>
<p>《专为中国人写的新记忆书》王茂华</p>
<p><span lang="zh-CN">《一天记牢</span><span lang="en-US">1000</span><span lang="zh-CN">个英语单词》杨建勇</span><span lang="en-US"> </span><span lang="zh-CN">刘纲</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e5%9b%be%e5%bd%a2%e8%ae%b0%e5%bf%86%e6%b3%95/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用户体验的体系与管理工作坊-有感</title>
		<link>http://www.obird.net/user-experience/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e7%9a%84%e4%bd%93%e7%b3%bb%e4%b8%8e%e7%ae%a1%e7%90%86%e5%b7%a5%e4%bd%9c%e5%9d%8a-%e6%9c%89%e6%84%9f/</link>
		<comments>http://www.obird.net/user-experience/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e7%9a%84%e4%bd%93%e7%b3%bb%e4%b8%8e%e7%ae%a1%e7%90%86%e5%b7%a5%e4%bd%9c%e5%9d%8a-%e6%9c%89%e6%84%9f/#comments</comments>
		<pubDate>Sun, 28 Jun 2009 13:38:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[工作坊]]></category>
		<category><![CDATA[用户体验]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=202</guid>
		<description><![CDATA[
今天，一大早天气还阳光明媚的，一中午，天空就发起了脾气，狂风暴雨瞬间就把蓝天遮得灰密灰密。UPA中国的《用户体验的商业价值和设计管理》巡讲地点定在市民中心东的安联大厦笔架山会议室，天气的恶劣丝毫没有影响到这个大会的人气，看了报名清单这次到场的有中兴、华为、新浪、美的。。。看来这几年用户体验的大风已吹醒了不少巨头公司们的关注，产品只有关注用户，才能更接近成功！！
时间从14：00到18：00，主讲人黄峰足足讲了将近4小时，从会上的PPT和案例来看，看得出主持人会前是备足了功课，但由于本次的这个课题涉及到的知识横向覆盖面过广，导致所有的知识面都是点到为主。 
主持人宏观地与跟大家分享了用户体验给企业带来的商业价值和ROI(投资回报率)，并着重分析了UE体系在企业建设和推进过程中会遇到的问题。用户体验这名字也是这几年在国内才风行起来的，很多的大中小型企业对用户体验更多地停留在概念阶段，甚至用户体验部门在企业中仍然是个边缘部门，又或是大家认为产品的用户体验问题是由用户体验问题来负责的，而实际中的用户体验更是一种理念，是产品的目标，需要全员地推进。
这又让我想起两年多前我入驻华为3COM负责他们官网建设的时候，那时候在杭州总部的华为3COM刚成立不久，公司的整个制度、氛围、研发体系、包括核心人员都是原班原样从华为搬过来的。IT研发团队几百多号人，而负责软件UE方面的却少之又少，所有华为3com的内部应用系统界面参差不齐，除了那个华为LOGO是统一的之外，其它的界面工作都是由开发人员东挪西凑拼成的，对Developer来说能看已很不错了，就更别提什么艺术美感了。而负责网站部的Leader也是刚从sony高薪挖过来的，分析能力很强，在华为3COM待了两年多的工作里，我们前半年大部分的工作都是在布道。
两年过去了，再看看现在，国内企业用户体验的成熟度已慢慢起来了。UE在不少企业已有了独立部门、独立预算、独立领导人，甚至有些还提升到了战略层面，直接影响整个公司产品策略、品牌。
可将用户体验成熟度分为以下8个阶段：
1、用户会适应产品，不需要主动让产品适应用户
2、Developer-centerd Usability
3、零星的无组织的用户体验
4、一定的专门预算
5、有组织的UCD队伍
6、系统的内部的UCD流程
7、嵌入到产品开发流程的UCD流程
8、以用户为驱动的企业策略，Google
按黄峰的说法，目前国内普遍水平只到达到第5阶段。
用户体验本就是很广义的概念，而实施用户体验的方法论无非是：研究 -&#62;设计-&#62;评测，一个好的产品给用户带来的体验也无非是：易学、难忘、易于解释、最小化用户负担、减少用户工作量、鼓励和奖励用户的使用尝试，在用户需要的时候做用户想要做的事。。。
这次工作坊涉及的知识面有点多，以上是我笔记中的一小部分，写得有点乱，请勿见怪，基它等梳理好了再发上来！！
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.obird.net/wp-content/uploads/2009/06/dsc-05242.jpg"><img style="display: inline; border: 0px;" title="DSC_05242" src="http://www.obird.net/wp-content/uploads/2009/06/dsc-05242-thumb.jpg" border="0" alt="DSC_05242" width="604" height="347" /></a></p>
<p>今天，一大早天气还阳光明媚的，一中午，天空就发起了脾气，狂风暴雨瞬间就把蓝天遮得灰密灰密。UPA中国的《用户体验的商业价值和设计管理》巡讲地点定在市民中心东的安联大厦笔架山会议室，天气的恶劣丝毫没有影响到这个大会的人气，看了报名清单这次到场的有中兴、华为、新浪、美的。。。看来这几年用户体验的大风已吹醒了不少巨头公司们的关注，产品只有关注用户，才能更接近成功！！</p>
<p>时间从14：00到18：00，主讲人黄峰足足讲了将近4小时，从会上的PPT和案例来看，看得出主持人会前是备足了功课，但由于本次的这个课题涉及到的知识横向覆盖面过广，导致所有的知识面都是点到为主。 <span id="more-202"></span></p>
<p>主持人宏观地与跟大家分享了用户体验给企业带来的商业价值和ROI(投资回报率)，并着重分析了UE体系在企业建设和推进过程中会遇到的问题。用户体验这名字也是这几年在国内才风行起来的，很多的大中小型企业对用户体验更多地停留在概念阶段，甚至用户体验部门在企业中仍然是个边缘部门，又或是大家认为产品的用户体验问题是由用户体验问题来负责的，而实际中的用户体验更是一种理念，是产品的目标，需要全员地推进。</p>
<p>这又让我想起两年多前我入驻华为3COM负责他们官网建设的时候，那时候在杭州总部的华为3COM刚成立不久，公司的整个制度、氛围、研发体系、包括核心人员都是原班原样从华为搬过来的。IT研发团队几百多号人，而负责软件UE方面的却少之又少，所有华为3com的内部应用系统界面参差不齐，除了那个华为LOGO是统一的之外，其它的界面工作都是由开发人员东挪西凑拼成的，对Developer来说能看已很不错了，就更别提什么艺术美感了。而负责网站部的Leader也是刚从sony高薪挖过来的，分析能力很强，在华为3COM待了两年多的工作里，我们前半年大部分的工作都是在布道。</p>
<p>两年过去了，再看看现在，国内企业用户体验的成熟度已慢慢起来了。UE在不少企业已有了独立部门、独立预算、独立领导人，甚至有些还提升到了战略层面，直接影响整个公司产品策略、品牌。</p>
<p>可将用户体验成熟度分为以下8个阶段：<br />
1、用户会适应产品，不需要主动让产品适应用户<br />
2、Developer-centerd Usability<br />
3、零星的无组织的用户体验<br />
4、一定的专门预算<br />
5、有组织的UCD队伍<br />
6、系统的内部的UCD流程<br />
7、嵌入到产品开发流程的UCD流程<br />
8、以用户为驱动的企业策略，Google<br />
按黄峰的说法，目前国内普遍水平只到达到第5阶段。</p>
<p>用户体验本就是很广义的概念，而实施用户体验的方法论无非是：研究 -&gt;设计-&gt;评测，一个好的产品给用户带来的体验也无非是：易学、难忘、易于解释、最小化用户负担、减少用户工作量、鼓励和奖励用户的使用尝试，在用户需要的时候做用户想要做的事。。。</p>
<p>这次工作坊涉及的知识面有点多，以上是我笔记中的一小部分，写得有点乱，请勿见怪，基它等梳理好了再发上来！！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%e7%9a%84%e4%bd%93%e7%b3%bb%e4%b8%8e%e7%ae%a1%e7%90%86%e5%b7%a5%e4%bd%9c%e5%9d%8a-%e6%9c%89%e6%84%9f/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Yahoo! Design Stencil Kit</title>
		<link>http://www.obird.net/user-experience/yahoo-design-stencil-kit/</link>
		<comments>http://www.obird.net/user-experience/yahoo-design-stencil-kit/#comments</comments>
		<pubDate>Sun, 27 Jul 2008 12:25:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[UX design]]></category>
		<category><![CDATA[Wireframes]]></category>

		<guid isPermaLink="false">http://www.obird.net/?p=4</guid>
		<description><![CDATA[ 
快讯一则：Yahoo!发布了一系列的Web development常会用的wire frames模板供大家下载使用，并且支持多种文件格式，包括：OmniGraffle、Visio (XML)、PDF、PNG等。
下载地址：http://developer.yahoo.com/ypatterns/wireframes/

内容包括：
Ad Units
Calendars
Carousels
Charts and Tables
UI Controls
Form Elements
Grids
Menus and Buttons
Mobile &#8211; General
Mobile &#8211; iPhone
Navigation and Pagination
OS Elements
Placeholder Text
Screen Resolutions
Tabs
Windows and Containers
]]></description>
			<content:encoded><![CDATA[<p> <a href="http://www.obird.net/wp-content/uploads/2008/07/stencil_illustration.jpg"><img class="alignnone size-medium wp-image-15" title="Yahoo! Design Stencil Kit" src="http://www.obird.net/wp-content/uploads/2008/07/stencil_illustration.jpg" alt="" width="540" height="236" /></a></p>
<p><strong>快讯一则</strong>：Yahoo!发布了一系列的Web development常会用的wire frames模板供大家下载使用，并且支持多种文件格式，包括：OmniGraffle、Visio (XML)、PDF、PNG等。</p>
<p>下载地址：<a href="http://developer.yahoo.com/ypatterns/wireframes/">http://developer.yahoo.com/ypatterns/wireframes/</a></p>
<p><span id="more-4"></span><br />
<strong>内容包括</strong>：</p>
<p>Ad Units<br />
Calendars<br />
Carousels<br />
Charts and Tables<br />
UI Controls<br />
Form Elements<br />
Grids<br />
Menus and Buttons<br />
Mobile &#8211; General<br />
Mobile &#8211; iPhone<br />
Navigation and Pagination<br />
OS Elements<br />
Placeholder Text<br />
Screen Resolutions<br />
Tabs<br />
Windows and Containers</p>
]]></content:encoded>
			<wfw:commentRss>http://www.obird.net/user-experience/yahoo-design-stencil-kit/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
