<?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>Leeking001</title>
	<atom:link href="http://leeking001.com/index.php?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://leeking001.com</link>
	<description>Tomorrow is coming</description>
	<lastBuildDate>Thu, 22 Jul 2010 16:06:59 +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>温暖人心的爨底下之旅——记雪铁龙C5“看途说话”自驾游</title>
		<link>http://leeking001.com/?p=305</link>
		<comments>http://leeking001.com/?p=305#comments</comments>
		<pubDate>Sun, 13 Jun 2010 11:02:32 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[算是旅游的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=305</guid>
		<description><![CDATA[本人作为搜狐圈子的资深潜水员，一向是比较低调的，上周无意间看到圈子活动里的活动召集帖“驾C5，品美食，赏人文——史上最腐出游招募”，这么好的活动，有好车开，还有好地方游览，立马就报了名，也许是我的ID注册的时间比较早，结果很荣幸的被管理员选中，很快的就接到电话通知，沟通了详细的出行计划，就盼着到周末了～ 怀揣着激动的心情等到了周日，天公很作美，晴空万里，一大早赶到了东三环边上的集合地点，我们此行的座驾已经停在那里了，3台东风雪铁龙C5，1台8代雅阁，1台新君威，还有一起参加活动的十几名网友，由于都是圈子里的网友，大家很快的就熟悉起来。等人一... ]]></description>
			<content:encoded><![CDATA[<p>本人作为搜狐圈子的资深潜水员，一向是比较低调的，上周无意间看到圈子活动里的活动召集帖“驾C5，品美食，赏人文——史上最腐出游招募”，这么好的活动，有好车开，还有好地方游览，立马就报了名，也许是我的ID注册的时间比较早，结果很荣幸的被管理员选中，很快的就接到电话通知，沟通了详细的出行计划，就盼着到周末了～</p>
<p>怀揣着激动的心情等到了周日，天公很作美，晴空万里，一大早赶到了东三环边上的集合地点，我们此行的座驾已经停在那里了，3台东风雪铁龙C5，1台8代雅阁，1台新君威，还有一起参加活动的十几名网友，由于都是圈子里的网友，大家很快的就熟悉起来。等人一齐，组织者就给大家分了下车辆，准备热身出发了，我分到了一台颜色是巴赫兰的C5，外观看起来很大气绅士，不像红色新君威那样跳脱，灰常耐看，呵呵。 </p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan01.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /><br />
<span id="more-305"></span><br />
<img src="http://leeking001.com/wp-content/2010/06/cuan02.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>拿到钥匙后迫不及待的坐进去，第一个感觉的就是空间不错，尽管我一向对车座都很挑剔的，但C5的还是超出了预期：椅面不仅宽而且长，乘者舒适，让你的大腿在长途旅行中成为最大受益者。坐感也非常柔和舒适，全无传统般硬朗。不过肩部、肋部和大腿两侧的支撑则明显被放大，有着比以往更加结实的质感，很是特别。值得称赞的还有C5的仪表和中控台，清晰漂亮的悬浮式指针为三块巨大的LED显示屏提供了安置空间。让我印象最深的是方向盘的设计，中间部分是不动的，十分具有太空感。</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan03.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>和谐的仪表盘，嘿嘿</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan04.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>话不多说，简单熟悉了车子之后，就出发了，城里还是有些堵的，一路停停走走，出城后一看油表，平均油耗10.8，这对2.3L排量的自动档来说，真是非常低的一个数字了。</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan05.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>出城之后就是放开了，一路上都是山路，双向单车道，弯道又多，对超车的要求比较高，这里C5的表现非常好，油门踩下去，提速相当快，有很明显的推背感，对于短距离超车非常好。还有一点不得不说，在过弯时，真是非常平稳，以往开/坐别的车，过弯速度稍快就有被甩出去的意思，而C5就没有这种感觉，怪不得大家都说雪铁龙的底盘调教是一绝呢。还有声音，C5行驶起来的噪音隔绝能力实属一流！中间有一段车少，将车速瞬时加至170后迅速降至60，加速的过程明显与波音737在跑道起飞时推背感一样。并且在高速过程中依然能心平气和地与旁人交谈，胎噪小的几乎可以忽略了。</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan06.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>大概中午11点多就到了爨底下村，一进村，一副古声古色的画面印入眼帘，抬头看去，一片四合院依山而建，错落有致。停好车后，大家决定先转一下，组织者去找地方吃饭。</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan07.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>为了取得最好视野，大家转头向村子对面的山上走去，小山不是很高，上了几层之后再看对面，村子的全貌就显现出来了。 </p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan08.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan09.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>中午找了家农家院吃的饭，大家在齐整的四合院中围桌坐定，村民从自家厨房端出自家烧制的家常菜、山野菜，非常好吃，大家边吃边开着玩笑，其乐陶陶。水足饭饱之后，我们开始徜徉于爨底下的各个民居，据说至少有七十多户，而每一户都有各自的特色。村里由于名气的渐增，不少民居都兼客栈、饭馆、商店之用。</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan10.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>北方农村的感觉让我十分怀念，喜欢屋檐下垂挂的玉米、喜欢积雪下堆积着的豆梗、砖石上干瘪的老丝瓜、窗棂上悬挂着的小兽皮以及红辣椒…… 更不用说那些门神、灯笼、红联……红色的中国味。</p>
<p>还有建筑细节上所体现的吉祥与祈福，比如这里的瓦当、影壁、砖雕、木雕等……建筑是凝固的音乐，小时候不知道那些老宅屋瓦砖院中的美丽，长大后越来越觉得，中国的民俗建筑是蕴含着不少的传统美学原理。后山半山腰间有个小窑矿据说是为了拍摄某部电影而专门新设的。在山间也可以看见不少假树枝树叶，也是为了电影拍摄需要而插上的。村里保留着很多文革的标语，这已经成为爨底下的一景。很多人在标语下留影纪念，也许在这里，通过标语，我们能抚摩到一些历史的沧桑。 </p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan11.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan12.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
<p>不知不觉之中，就到了该回家的时间了，真还有点依依不舍呢~ 为了能让大家互相比较下几台车的驾驶感觉，回来就互相换了换车，我换了台8代雅阁，雅阁一直都是销量相当好的车，开起来也是拥有日本车的感觉，油门较软，方向盘也比较轻。由于回来的首先就是山路，大家又归心似箭的，这里雅阁就很不爽了，想短距离超车？没戏……油门踩下去，只听见发动机轰隆隆的响，却迟迟不加速，总是错过最佳的超车时机，以致于在路上前车需要不停的等我，还通过对讲机得知，开新君威的哥们儿也是如此抱怨，如此比来，C5的提速性能还是有很大的优势的。路上还互相对了下油耗，都是满箱出发，C5和雅阁还剩一半，新君威就只剩1/3了……这美国车真是油老虎，不得己为了保证能顺利回家，路上还是给新君威加了次油。加油后，我换了新君威感受一下，果然，提速还不如雅阁呢，而且刹车偏硬，很不适应，真怕发生紧急情况来不及踩下去。不过还好，毕竟都是B级车，安全性和稳定性都是不差的，最后一路顺风的都回到了家。</p>
<p>真的非常感谢搜狐圈子组织的这次活动，美美的过了把车瘾，期待下次还能有这样的活动哦！最后放上大合影~</p>
<p><img src="http://leeking001.com/wp-content/2010/06/cuan13.jpg" alt="" title="温暖人心的爨底下之旅" width="600" class="alignnone size-full wp-image-320" /></p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=305</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>浅谈白社会交互设计的创新(三)</title>
		<link>http://leeking001.com/?p=293</link>
		<comments>http://leeking001.com/?p=293#comments</comments>
		<pubDate>Sun, 21 Mar 2010 15:21:11 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=293</guid>
		<description><![CDATA[今天，3月21日，世界睡眠日，恰巧是个周末，劳累了一周的大家有没有在家里睡懒觉呢~提醒大家，关注睡眠质量就是关注生活质量，关注睡眠就是关注健康。 好了，回到正题，在前作（一）和（二）中谈到了真心话和任务的设计，这次谈谈白社会中三个较小一点的设计点。 一、好友新鲜事新增提醒 在白社会的首页中，分量最重的就是这个好友新鲜事了，为了保证信息流的快速直接，我们采用了“推”的模式，并且直接即时的将信息推到用户的面前，这就是所谓的实时Feed了，这其实是一种非常酷的体验，信息获取快速直接，也省了刷新页面，是不是有种使用聊天室聊天的感觉呢。但是，凡事有利... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://ued.sohu.com/uploads/2010/03/未标题-2.jpg" alt="" title="国际睡眠日" width="600" height="78" class="alignnone size-full wp-image-641" /></p>
<p>今天，3月21日，<a href="http://baike.baidu.com/view/21357.htm" target="blank">世界睡眠日</a>，恰巧是个周末，劳累了一周的大家有没有在家里睡懒觉呢~提醒大家，关注睡眠质量就是关注生活质量，关注睡眠就是关注健康。</p>
<p>  好了，回到正题，在前作<a href="http://ued.sohu.com/article/355" target="blank">（一）</a>和<a href="http://ued.sohu.com/article/426" target="blank">（二）</a>中谈到了真心话和任务的设计，这次谈谈白社会中三个较小一点的设计点。</p>
<p><strong>一、好友新鲜事新增提醒</strong></p>
<p>在白社会的首页中，分量最重的就是这个好友新鲜事了，为了保证信息流的快速直接，我们采用了“推”的模式，并且直接即时的将信息推到用户的面前，这就是所谓的实时Feed了，这其实是一种非常酷的体验，信息获取快速直接，也省了刷新页面，是不是有种使用聊天室聊天的感觉呢。但是，凡事有利就有弊，在新鲜事的开始阶段，我们发现了实际使用中不爽的地方，在浏览新鲜事的时候（尤其是看分享的视频），或在评论新鲜事的时候，由于新增的新鲜事，会造成整个新鲜事区域在往下滚动，浏览和评论都无法进行了，严重打断了正在进行的行为，所以，我们此时想让信息“停”下来。但在，什么时候停下来，是需要谨慎考虑的，既不能破坏了信息的实时性，又能不打断用户的浏览/操作行为，这时候我们建立一个用户模型，假设了一下用户的行为：<br />
<span id="more-293"></span></p>
<p>【状态1】用户浏览器中首页处于初始位置的时候，即用户没有滚动页面，用户行为是：</p>
<ol>
（1）用户在等待新鲜事<br />
（2）用户在发布信息<br />
（3）用户在浏览新鲜事/评论<br />
（4）用户在评论/操作新鲜事
</ol>
<p>【状态2】用户向下滚动了页面，用户行为是：</p>
<ol>
（1）用户在浏览新鲜事/评论<br />
（2）用户在评论/操作新鲜事
</ol>
<p>这个时候，我们就能判断出，在【状态2】中，信息必须要“停”下来，以保证不打断用户行为，而在【状态1】中，由于（1）（2）行为的概率要大于（3）（4），所以我们让信息继续“动”。转变为可执行的方案，就是这样，我们加了一个判断，页面中的一个分界点如果在浏览器以内，信息“动”，在浏览器以外，信息“停”。在进一步精确了分界点之后，我们把分界点定为新鲜事的最上端（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-01.png" alt="" title="交互创新3-01" width="500" height="50" class="alignnone size-full wp-image-631" /></p>
<p>明确了这个之后，进入下一个关键点，就是如何让在“停”的状态下知道有新增新鲜事。这就相对容易一些了，只需要在页面上给出标识提醒到用户即可，我们选择在新鲜事区域的最上方，出现一个小的提示层，当有新增新鲜事时，出现并显示数量（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-02.png" alt="" title="交互创新3-02" width="580" height="136" class="alignnone size-full wp-image-632" /></p>
<p>此时，用户及时了解到了新增新鲜事，当然如果他想看这几条新增新鲜事，也不能太麻烦，最好就是让他直接点击这个东西，所以这个层还有个功能就是滚动回首屏，当到首屏之后，就进入了前面说的【状态1】，新鲜事自然就“动”了。这里还有个小细节，当提示的新增新鲜事数目过多时，用户在回到首屏后，大量新鲜事在同时加载，可能会严重拖慢或者卡死浏览器，所以我们定义了超过30条时，回到首屏后，就重新刷新一下全部的新鲜事，就避免了这个问题。</p>
<p><strong>二、在线聊天的会话</strong></p>
<p>白社会页面的右侧，有一个在线聊天，我们管它叫WebIM，就是网页版的即时聊天，可以跟白社会里的好友聊天，是不是很像QQ？向伟大的QQ致敬！好吧，这里我们重点要谈的不是QQ，而是聊天的会话状态，我们用过QQ的都知道，当有新消息来的时候，系统任务栏右下角会有小头像一闪一闪，我们点开就会出现一个新聊天窗口，而在用户的任务栏上，也会新增一个会话，而且在跟多人聊天时会有多个会话，我们只需要点击不同的会话，就可以激活不同的聊天窗口（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-03.png" alt="" title="交互创新3-03" width="600" class="alignnone size-full wp-image-633" /></p>
<p>那网页版的会话怎么处理呢？页面里是没有任务栏的。有些WebIM创造了这么一个任务栏，比如Facebook，页面下方多出来一个浮动工具条，当然它还有别的用途，这也是个办法，但有没有别的更好的办法呢？思考过程中，我们重新梳理了会话的作用：</p>
<ol>
1、存储聊天状态<br />
2、切换聊天对象<br />
3、提醒新信息
</ol>
<p>这样看来，会话需要呈现的信息并不需要太多，只用小头像显示即可，我们把目光放到了聊天面板上“在线好友”上面（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-04.png" alt="" title="交互创新3-04" width="164" height="93" class="alignnone size-full wp-image-634" /></p>
<p>在这里依据时间顺序排列会话的小头像，操作上也很顺手，详细定义一下：</p>
<ol>
1、当有新消息来时，出现目标好友的小头像一闪一闪，点击后出现聊天窗口，同时存储聊天状态，会话小头像保留，不再闪动<br />
2、最小化聊天窗口后，保留会话小头像，关闭聊天窗口后，去除会话小头像<br />
3、点击会话小头像，弹出/激活之前的聊天窗口
</ol>
<p>当然，还有一种状态也不能忘，就是在屏幕分辨率在1024或者更低时，我们定义聊天面板是收起来的（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-05.png" alt="" title="交互创新3-05" width="279" height="351" class="alignnone size-full wp-image-635" /></p>
<p>这时会话的位置同样可以放在收起的小条上，丝毫不影响使用~</p>
<p><strong>三、编辑器的编辑区域</strong></p>
<p>在白社会的日志、转帖、讨论区中，都要发布/修改内容，所以要用到编辑器。说到编辑器，不得不说编辑器的鼻祖——Office中的Word，作为文字编辑最强者，编辑器的发展也是引领时代的，而在网页端，编辑器的功能受网页端的限制，做不到太强，所以在使用感受上，如何能接近Word的使用感受，自然是最好的。</p>
<p>说到这里，需要明确的是，对文字编辑来说，编辑器并不仅仅是上面的一堆工具条，还有个最重要的就是编辑区域，这里其实最影响编辑较多文字时的感受，以往我们使用网页版编辑器时，常常会因为编辑区域太小，而要面对编辑框里和页面的双重滚动条，十分难受（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-07.png" alt="" title="交互创新3-07" width="600" class="alignnone size-full wp-image-636" /></p>
<p>回想一下Word里，只有一个滚动条，为什么呢，文档是满了一页又出一页，这就给我们带来了灵感，如果我们的浏览器也是这样呢~ 所以我们定义了编辑器中编辑区域是根据内容自动伸展的，这样就很像Word里的满了一页又出一页，这样就只有一个浏览器的滚动条了，但是当页面长了往下翻时，上面的工具条看不见了，这样我们又定义了工具条跟随页面往下滚，有了上面“好友新鲜事新增提醒”之后，这个就是一样的定义了，这样编辑时就是这样的状态了（见下图）。</p>
<p><img src="http://ued.sohu.com/uploads/2010/03/交互创新3-06.png" alt="" title="交互创新3-06" width="600" class="alignnone size-full wp-image-637" /></p>
<p>这样一个小小的变化，编辑文字过多时就会好用很多。</p>
<p>写了三期的交互创新了，也许这些创新点还不成熟，还有很多缺点，不过我们不怕大家笑话，能给大家分享一下我们在探索路上的思路也是好的，同时也欢迎大家能够多多交流自己的思路和想法，让我们共同来推动行业的发展吧！</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=293</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>浅谈白社会交互设计的创新(二)</title>
		<link>http://leeking001.com/?p=284</link>
		<comments>http://leeking001.com/?p=284#comments</comments>
		<pubDate>Sun, 10 Jan 2010 14:48:25 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=284</guid>
		<description><![CDATA[　　接上一篇的 浅谈白社会交互设计的创新（一），这次谈谈 任务 的设计。任务想必大家都接触过，在学习中，在工作中，在游戏中都会有，一般的形式是接到一个任务——努力完成任务——交任务（领奖励）。宏观的看，人的一生就是在完成着一个又一个的任务。回到正题，首先需要说说的是在SNS中设计任务的目的，我们的观点是： 任务是一种运营手段，可以引导用户在特定的时间做特定的事情。 任务可以做新手引导，可以有步骤有奖励的指引用户熟悉系统了解功能。 任务是奖励用户行为的入口，也是虚拟货币（金币）的唯一出口。 　　在明确这几个方面之后，我们很快的设计确定了任务的... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-0.jpg" alt="交互设计创新2-0" title="交互设计创新2-0" width="600" height="144" class="alignnone size-full wp-image-419" /></p>
<p>　　接上一篇的 <a href="http://ued.sohu.com/article/355" target="_blank"><strong>浅谈白社会交互设计的创新（一）</strong></a>，这次谈谈 <a href="http://bai.sohu.com/task/mytasks.do" target="_blank"><strong>任务</strong></a> 的设计。任务想必大家都接触过，在学习中，在工作中，在游戏中都会有，一般的形式是<strong>接到一个任务——努力完成任务——交任务（领奖励）</strong>。宏观的看，人的一生就是在完成着一个又一个的任务。回到正题，首先需要说说的是在SNS中设计任务的目的，我们的观点是：</p>
<ol>
<li>任务是一种运营手段，可以引导用户在特定的时间做特定的事情。</li>
<li>任务可以做新手引导，可以有步骤有奖励的指引用户熟悉系统了解功能。</li>
<li>任务是奖励用户行为的入口，也是虚拟货币（金币）的唯一出口。</li>
</ol>
<p>　　在明确这几个方面之后，我们很快的设计确定了任务的列表页和任务描述页，十足的任务感和游戏感，毕竟大家都玩过网游的嘛~</p>
<p><span id="more-284"></span><br />
<img style="border:1px solid #ccc" src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-1.gif" alt="交互设计创新2-1" title="交互设计创新2-1" width="600" height="582" class="alignnone size-full wp-image-420" /></p>
<p>　　确定这个之后，另一个关键点是用户如何去领、做、交任务，我们初步想法是向网游学习，做一个任务跟踪层，用户可以随时查看任务说明，并能及时了解任务的进度。这里有一点补充的，我们选择了自动领取任务，原因是领任务的环节让前置操作过于复杂了，这也是我们任务的重量级而决定的。这样重点就放在让用户如何知道新任务——做任务——交任务上了。</p>
<p>　　但恰恰正是因为自动领取任务，让我们碰到新的问题。大部分网游里的任务是在领取之后才开始进行追踪的，并不断判断用户的完成情况，为了不造成太大的服务器压力，一般也会设定可领取任务的最大数量。而使用自动领取任务后，意味着用户的最大任务数量是不可预估的，这样想做到实时的任务追踪就很困难了。既然不能两全，权衡下利弊，我们决定还是保留自动领取任务（降低门槛），不做全局的实时任务追踪，只把任务追踪的步骤放在了Home页和任务列表页，这样在首页的右上角诞生了任务的提示区域：</p>
<p><img src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-2.gif" alt="交互设计创新2-2" title="交互设计创新2-2" width="231" height="247" class="alignnone size-full wp-image-421" /></p>
<p>　　Home页自然是寸土寸金了，如何能把我们和用户都想要的任务及时推给用户呢，我们在这里想了一个策略，现在来看还是比较不错的（点击小图查看大图）：</p>
<p><a href="http://ued.sohu.com/uploads/2010/01/交互设计创新2-3大.gif" target="_blank"><img src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-3.gif" alt="交互设计创新2-3" title="交互设计创新2-3" width="600" height="130" class="alignnone size-full wp-image-422" /></a></p>
<p>　　接下来怎么让用户方便的做任务呢？最理想的方式是让任务随时能调出来，以方便用户在做任务的过程中查看。这里想到了 <a href="http://bai.sohu.com/app/music/" target="_blank"><strong>音乐盒</strong></a> 的实现方式，即弹开一个无地址栏的小浏览器窗口，这样不会影响主窗口的正常操作，还能随时激活小窗口来看详细任务，似乎很妙啊~</p>
<p><img style="border:1px solid #ccc" src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-4.gif" alt="交互设计创新2-4" title="交互设计创新2-4" width="600" height="476" class="alignnone size-full wp-image-424" /></p>
<p>　　好，就先这么做吧~经过工程师的开发，可以测试了，先使用IE6和Firefox，觉的确实不错，完成任务之后，点击Home页的任务提示，小窗口被激活并刷新，直接领取奖励，跟我们的设想一模一样。但很快问题显现了，在IE7/8、遨游、搜狗浏览器等使用tab分页面的浏览器上，是没有小窗的，只能新开一个tab页，这样详细任务出现在整页里显得非常诡异，另外一点是在点击Home页的任务提示后，不能激活任务的tab页……这点太致命了，想象中很妙的方案由于不具备普适性变得一文不值，于是乎只好放弃了这种方案。</p>
<p>　　有话说的好，退一步海阔天空，我们尝试使用了弹出层的方式，层的方式意味着不能做到用户在做任务时随时调出来查看，只能在Home页和任务列表页才可以打开层，不完美的方案也让我们没有什么底气，只能先做一下用户测试。在对公司内外的一些用户做了用户测试之后，心里的石头放下了，由于SNS任务的复杂程度并不能达到网游的水平，用户并不会出现随时调出来任务来查看的情景，反而是在查看了任务弹出层之后，直接通过“去做任务”的引导直接去做操作，并且能够很好的记住任务开始的地方，回到Home页来交任务领取奖励。产品就是这样，同样的需求，不同的使用情景决定了不同的交互形式。这就是现在任务的形式了：</p>
<p><img src="http://ued.sohu.com/uploads/2010/01/交互设计创新2-51.gif" alt="交互设计创新2-5改" title="交互设计创新2-5改" width="600" height="394" class="alignnone size-full wp-image-438" /></p>
<p>　　讲了这么多幕后的故事，也许这真算不上是什么创新，但我们很高兴能跟大家分享我们的教训和经验。尤其是看到现在新生的SNS都标配了类似的任务，我们很自豪能够对行业的发展产生一点点小的推进，在这里再次谢谢大家的支持~</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=284</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>浅谈白社会交互设计的创新(一)</title>
		<link>http://leeking001.com/?p=266</link>
		<comments>http://leeking001.com/?p=266#comments</comments>
		<pubDate>Wed, 16 Dec 2009 11:01:33 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=266</guid>
		<description><![CDATA[创新从哲学上说是人的实践行为，是人类对于发现的再创造，是对于物质世界的矛盾再创造。 　　之前有些朋友说：白社会的交互还是有些不错的地方的。本人作为参与者之一，听了也很高兴，被人认可当然是件很幸福的事了～高兴之余，也不能忘了分享快乐，在这里有关于白社会的交互设计也想跟大家聊一聊。一提创新这个词，感觉话题有点大，有点重，我先说说我对创新的看法，就像上面引用含义的一样，创新其实是站在巨人肩膀上的，同时也是面对新问题新矛盾的一种解决方法，所以，哪怕是小小的改进也算是创新，这样再谈创新可能就会轻松一点~ 　　我会整理出一个系列，一点一点的跟... ]]></description>
			<content:encoded><![CDATA[<p><code>创新从哲学上说是人的实践行为，是人类对于发现的再创造，是对于物质世界的矛盾再创造。</code><br />
　　之前有些朋友说：<a href="http://bai.sohu.com" target="_blank">白社会</a>的交互还是有些不错的地方的。本人作为参与者之一，听了也很高兴，被人认可当然是件很幸福的事了～高兴之余，也不能忘了分享快乐，在这里有关于白社会的交互设计也想跟大家聊一聊。一提创新这个词，感觉话题有点大，有点重，我先说说我对创新的看法，就像上面引用含义的一样，创新其实是站在巨人肩膀上的，同时也是面对新问题新矛盾的一种解决方法，所以，哪怕是小小的改进也算是创新，这样再谈创新可能就会轻松一点~</p>
<p>　　我会整理出一个系列，一点一点的跟大家分享，今天先说<a href="http://bai.sohu.com/app/truth/" target="_blank">真心话</a>这个组件吧，真心话早在开心网上就风靡一时，一度是开心上最火的应用，我们在打算做这个组件时，自然也是将开心的真心话作为首要研究对象，大家玩过的都知道，真心话有着广泛的话题，便捷的参与形式，病毒式的传播方法，都是值得津津乐道的。我们这里说下真心话的交互设计，在研究了真心话的信息架构之后，我们自己先拟了一个草稿：<br />
<span id="more-266"></span><br />
<strong>交互真心话之前：</strong></p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="草稿——交换真心话" src="http://leeking001.com/wp-content/2009/12/1.png" alt="草稿——交换真心话" width="580" height="276" /></p>
<p><strong>交换真心话之后：</strong></p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="草稿——已交换真心话" src="http://leeking001.com/wp-content/2009/12/2.png" alt="草稿——已交换真心话" /></p>
<p>　　因为在玩开心的真心话的时候，每次交换完还需要再点击一次才能查看其他好友的真心话，感觉得很多余，就做了点小改进，直接在交换完就列出来了其他好友的真心话，并且可以评论。</p>
<p>　　但是退回到用户的角度后，觉得这样使用还是不爽，交换的时候只能看到一个好友的入口，而一般大家都是冲着某些好友的答案才去参与的，如果只能看到一个好友入口，还是刺激不起去交换的欲望。我们就想，如果能看到所有参与好友的入口岂不是最好，这样我们就又出了一个原型版本。（很遗憾没存根……）</p>
<p>　　有了这次突破之后，慢慢思路就打开了，我们发现，噢，其实这个真心话就是个群体参与的活动啊，为什幺死守交换的概念呢，反而局限自己的思维了。一番讨论之后，我们把它比喻成一个小黑板，老师在上面出了一道题，同学们在下面答题，只有答过题的同学才可以看其他同学的答案，这就清晰了，在设计的时候呢，我们也还原了这样一种情景：<br />
<strong>参与真心话之前：</strong></p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="原型——参与真心话" src="http://leeking001.com/wp-content/2009/12/3.png" alt="原型——参与真心话" width="600" /></p>
<p><strong>参与真心话之后：</strong></p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="原型——已参与真心话" src="http://leeking001.com/wp-content/2009/12/4.png" alt="原型——已参与真心话" width="600" /></p>
<p>看，像不像同学们的书桌排排坐着答题呢~</p>
<p>　　再后来，为了鼓励讨论，在每个答案的下面挂上了评论的入口，就这样一个左右不对称的的双排布局（我们内部俗称“双排扣”）就诞生了，后来在实际的使用中，这种双排扣的形式也会把气氛烘托的非常热闹：</p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="真心话" src="http://leeking001.com/wp-content/2009/12/5.png" alt="真心话" width="600" /></p>
<p>后来，这种布局还成功的被“<a href="http://bai.sohu.com/app/btest/bindex.do" target="_blank">天天向上——每日一测</a>”所复用：</p>
<p><img class="alignnone size-full wp-image-268" style="border:1px solid #ccc" title="天天向上——每日一测" src="http://leeking001.com/wp-content/2009/12/6.png" alt="天天向上——每日一测" width="600" /></p>
<p>　　但是，凡事有利也有弊，这时出现了点问题，就是在如何在这种不可预期的布局下找到想看的人和自己的信息。我们仔细分析了用户怎样接收到真心话的情景，发现有这几种形式：</p>
<ol>
<li><strong>收到通知，有人跟自己交换了真心话：</strong>这种情况下对于自己关心的是这个好友的真心话答案，自然我们通过通知点过去的链接，应该把该好友放在左上角第一个位置。</li>
<li><strong>收到通知，有人评论了自己的真心话：</strong>这种情况下对于自己关心的是自己的真心话答案下面的评论，自然我们通过通知点过去的链接，应该把自己放在左上角第一个位置。</li>
<li><strong>收到通知，有好友也评论了之前自己评论过的其他好友的真心话：</strong>这种情况下对于自己关心的是之前自己评论过的好友的答案下的评论，自然我们通过通知点过去的链接，应该把之前好友放在左上角的第一个位置。</li>
<li><strong>看到新鲜事，有好友参与了一个真心话题：</strong>这种情况对于自己关心的是该好友的答案，自然我们点击后（如果没参与需要先参与），应该把该好友放在左上角的第一个位置。</li>
</ol>
<p>在我们梳理清楚了这个之后，就解决了问题，也很感谢我们的工程师，要实现起来还是要花些力气的。</p>
<p>　　这就是现在的白社会的真心话的交互的不同之处，也算是站在巨人肩膀上的一种创新吧。我理解，在用户最需要帮助的时候，想办法去推他一把，往往这就是创新的地方了~</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=266</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>搜狐UED开博——让我们将分享进行到底</title>
		<link>http://leeking001.com/?p=257</link>
		<comments>http://leeking001.com/?p=257#comments</comments>
		<pubDate>Fri, 11 Dec 2009 14:31:58 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[互联网的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=257</guid>
		<description><![CDATA[作为搜狐UED团队的一员，我很荣幸也很自豪在这里做一个传播者，在经历了搜狐博客、搜狐相册、搜狐视频、搜狐圈子、白社会等项目的洗礼，我们依然在路上，跟大家一起创造中国互联网的未来~ 分享——将我们的经验和教训分享给大家，让大家能从中哪怕收获到一点点呢，我们都很高兴~ 交流——与天下同行们的一个交流地儿，分享自己的同时也从大家身上学习到更多的东西~ 布道——将UCD的观念传播给更多的人，无论是从业者还是非从业者，让我们的行业更加壮大，让我们的互联网更加美好~ 转自Todd的《开篇》 我不是一个爱张扬的人，我们的团队也不是。 我一直认为，对于一个年轻的团队来... ]]></description>
			<content:encoded><![CDATA[<p>作为<a href="http://ued.sohu.com/" target="_blank">搜狐UED</a>团队的一员，我很荣幸也很自豪在这里做一个传播者，在经历了<a href="http://blog.sohu.com" target="_blank">搜狐博客</a>、<a href="http://pp.sohu.com" target="_blank">搜狐相册</a>、<a href="http://v.blog.sohu.com" target="_blank">搜狐视频</a>、<a href="http://q.sohu.com" target="_blank">搜狐圈子</a>、<a href="http://bai.sohu.com" target="_blank">白社会</a>等项目的洗礼，我们依然在路上，跟大家一起创造中国互联网的未来~</p>
<ol>
<li>分享——将我们的经验和教训分享给大家，让大家能从中哪怕收获到一点点呢，我们都很高兴~</li>
<li>交流——与天下同行们的一个交流地儿，分享自己的同时也从大家身上学习到更多的东西~</li>
<li>布道——将UCD的观念传播给更多的人，无论是从业者还是非从业者，让我们的行业更加壮大，让我们的互联网更加美好~</li>
</ol>
<p><span id="more-257"></span><br />
<code>转自Todd的<a href="http://ued.sohu.com/article/1" target="_blank">《开篇》</a></p>
<p>我不是一个爱张扬的人，我们的团队也不是。</p>
<p>我一直认为，对于一个年轻的团队来说，最重要的是平稳的心态和不断追究上进的斗志。能够把自己负责的产品做到最好，才是对团队最好的展示。</p>
<p>于是在过去的几年里，我们从未停止过对我们理想的追求，从未停止过对新知识学习和探索的脚步，从未停止过对哪怕一点点小细节的精益求精。</p>
<p>博客热潮中，在诸多行业产品同质化的情况下，我们抓住“个性化”这个诉求，努力将个人装扮和自我表达做到极致，推出了搜狐博客的玩弄版。</p>
<p>SNS的兴起，为我们提供了另一次历练的机会。在短短半年多时间中，倾注心血打造了搜狐白社会，在视觉、交互和前端技术上都寻找创新点并力争突破，提供给用户更好的体验和使用感受。</p>
<p>同时，我们也持续坚持着团队内的知识分享，我们称之为“每周一题”。从视觉设计、交互体验，到前端开发，每周有一位同学（我们内部都称呼彼此为同学）选择一个大家关注的主题，拿出来分享自己的学习经验和成果，到现在已积累主题分享上百篇，参与者范围也扩散到了兄弟部门Chinaren和SAS团队。</p>
<p>大家一直推崇这样一句话：每次与别人的分享中，收获最大的永远是分享者自己。所以，我们愿意把这种分享坚持下去，让更多人获益，让更多的人参与进来。</p>
<p>这也正是我们建立这个博客的原因，希望通过这个博客将我们的工作经验和学习成果分享给所有希望了解的人；通过这个博客让我们可以和更多的人交流，并从大家身上学习到更多东西。</p>
<p>大家在这里将会看到涉及视觉设计、交互设计、用户研究、前端开发等领域的知识分享，也许也能够看到一些我们工作背后的生活、娱乐点滴，甚至是一些有趣的事情：）</p>
<p>感谢百忙的工作之余帮助建立这个博客的：Springwang、Matt、Sophie等同学～</p>
<p>在此开篇，让我们将分享进行到底。</p>
<p>2009年12月11日</p>
<p>好感动~~~~~</code></p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=257</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>交互规范实例——白社会Dialog规范</title>
		<link>http://leeking001.com/?p=236</link>
		<comments>http://leeking001.com/?p=236#comments</comments>
		<pubDate>Mon, 23 Nov 2009 04:39:40 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=236</guid>
		<description><![CDATA[交互规范是什么：在产品设计初期，在进行了部分功能的交互设计之后，将用户与界面之间的交互行为总结归纳出来，并加以延展，从而形成的设计规范。交互规范可以帮助我们统一现有的交互设计，并可以指导接下来的交互设计。 我们就拿 白社会 中的Dialog规范举个例子： 以上是目前网站比较常见的提示框，它最初是模拟windows提示框出现的，让用户在使用中更加容易接受。 首先，我们根据用途，将Dialog分为以下5类，并且尽量详细的定义Dialog的使用用途、交互规则、文字和按钮规则： 确认框： 常用于删除或批量操作，再次确认使用。交互规则：直接显示对话框，点击按钮后直接消失。 标题：操... ]]></description>
			<content:encoded><![CDATA[<p><code>交互规范是什么：在产品设计初期，在进行了部分功能的交互设计之后，将用户与界面之间的交互行为总结归纳出来，并加以延展，从而形成的设计规范。交互规范可以帮助我们统一现有的交互设计，并可以指导接下来的交互设计。</code></p>
<p><strong>我们就拿 <a href="http://bai.sohu.com" target="_blank">白社会</a> 中的Dialog规范举个例子：</strong><br />
<img title="Dialog" src="http://leeking001.com/wp-content/2009/11/e5afb9e8af9de6a186.png" alt="" width="388" height="248" /><br />
以上是目前网站比较常见的提示框，它最初是模拟windows提示框出现的，让用户在使用中更加容易接受。</p>
<p>首先，我们根据用途，将Dialog分为以下5类，并且尽量详细的定义Dialog的使用用途、交互规则、文字和按钮规则：<br />
<span id="more-236"></span></p>
<ol>
<li><strong>确认框： </strong>常用于删除或批量操作，再次确认使用。交互规则：直接显示对话框，点击按钮后直接消失。<br />
标题：操作+目标，例如删除日志，删除照片专辑，解除好友关系&#8230;&#8230;<br />
按钮：确定+取消</li>
<li><strong>操作框：</strong> 常用于进一步操作，入口较小，但操作步骤较多时，比如加好友，设隐私等。交互规则：直接显示对话框，确认完毕后，变为通知框。<br />
标题：操作+目标，一般为入口的名字，例如新建照片专辑，修改真心话，添加选项&#8230;&#8230;<br />
按钮：保存（行为）+取消，行为例如加为好友，添加，分享&#8230;&#8230;</li>
<li><strong>通知框： </strong>常用于确认框和操作框的确认后，通知用户结果，一般只有一个按钮。交互规则：点击按钮立即消失，如果不点击按钮，1秒后渐隐消失。<br />
标题：沿用之前操作框的标题<br />
按钮：关闭</li>
<li><strong>提示框： </strong>常用于表单提交后的验证，通知用户哪些信息不完整或者操作步骤不对。多条信息提示使用1、2、3&#8230;&#8230;的序号排列<br />
标题：提示<br />
按钮：确定</li>
<li><strong>未保存提示框：</strong> 常用于表单未保存就跳转的提示，提示用户未保存信息是否需要保存。<br />
标题：未保存+目标，例如未保存日志，未保存个人档案，未保存隐私设置&#8230;&#8230;<br />
按钮：保存+不保存+取消</li>
</ol>
<p>由于是模拟windows控件出现，我们也不能忘了快捷键，以方便键盘流的使用~</p>
<p>	<strong>快捷键：</strong> 支持键盘的enter操作框上的主操作，一般为&#8221;确定&#8221;"保存&#8221;等，支持键盘的esc操作框上的取消/关闭操作，一般为&#8221;取消&#8221;"关闭XX&#8221;等。</p>
<p>这样，一个关于Dialog的交互规范就定义完了。</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=236</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>引入情景设计的交互设计实例</title>
		<link>http://leeking001.com/?p=218</link>
		<comments>http://leeking001.com/?p=218#comments</comments>
		<pubDate>Sun, 22 Nov 2009 16:28:07 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=218</guid>
		<description><![CDATA[上文中谈到了情景设计，可能大家对情景设计如何具体使用还是很迷惑，我们就举个交互设计中的实例来抛砖引玉一下。 我们之前在设计 白社会 中的个人主页时，经过产品需求分析，我们将个人主页的使用情景分成了4类，并情景的的重要度依次排列，排首位的是情景1：初次看陌生人的个人主页。 这里，我们模拟一下情景，编一个小故事来带出需求和解决问题： 人物：小宝 故事： 1、一天，小宝看到同事李伟的好友里有个叫小美的，特别活跃，看头像貌似还是个美女，于是特想知道小美的更多情况，多大了，有没有男朋友，在哪上班，喜欢什么，有没有更多的照片，想认识认识…… 2、小宝收到... ]]></description>
			<content:encoded><![CDATA[<p>上文中谈到了情景设计，可能大家对情景设计如何具体使用还是很迷惑，我们就举个交互设计中的实例来抛砖引玉一下。</p>
<p>我们之前在设计 <a href="http://bai.sohu.com" target="_blank">白社会</a> 中的个人主页时，经过产品需求分析，我们将个人主页的使用情景分成了4类，并情景的的重要度依次排列，排首位的是<strong>情景1：初次看陌生人的个人主页。</strong></p>
<p>这里，我们模拟一下情景，编一个小故事来带出需求和解决问题：</p>
<p><strong>人物：</strong>小宝<br />
<strong>故事：</strong><br />
1、一天，小宝看到同事李伟的好友里有个叫小美的，特别活跃，看头像貌似还是个美女，于是特想知道小美的更多情况，多大了，有没有男朋友，在哪上班，喜欢什么，有没有更多的照片，想认识认识……<br />
2、小宝收到好友邀请，但是通过看人名和头像，好像不认识这个人，于是他想知道跟自己有什么关系，是不是该接受好友邀请<br />
<span id="more-218"></span><br />
<strong>需求：</strong><br />
1、可以看到对方的详细的档案信息。<br />
2、可以看到对方的照片。<br />
3、可以了解对方的经常干些什么，最近是个什么状态。<br />
4、可以加对方为好友。<br />
5、可以看到对方跟自己的关系。</p>
<p><strong>主要成功场景：</strong><br />
1、很快的找到大头像以及部分照片<br />
2、很快的看到年龄、工作、人生阶段等信息，并可以进一步了解对方的更多兴趣爱好<br />
3、可以看到对方最近喜欢干些什么事，近期的状态更新<br />
4、很方便的点击加她为好友，为了不那么冒昧，可以先打个招呼什么的<br />
5、能通过双方的联系（共同好友），很快猜出对方是什么人</p>
<p><strong>设计：</strong><br />
1、元素：大头像，名字，简略的档案，部分照片，加好友，打招呼，动态，状态，共同好友，更多档案信息<br />
2、排列：大头像显示，简略的档案信息，部分照片的展示都属于人物个人属性，放在一列中体现，动态以及状态属于人物的行为属性，放在另一列中体现，双方的共同好友，属于人物的关系属性，放在第三列中体现，这样个人主页应该具备三列式的排布，依次个人-行为-关系，动态信息量比较大，放在中间列，更宽的位置展示。更多档案信息属于进一步了解对象，可以放到个人主页之外<br />
3、顺序：头像，简略档案，照片符合从浅到深的理解顺序，自上到下排列，加好友、打招呼、状态暂不排列</p>
<p>这样，比较顺理成章的找到了主要需求，解决了主要问题，完成了主要情景下的设计。</p>
<p>然后，我们在按此方法把其他情景依次分析，最后综合一下，就可以完成个人主页的基本设计了。</p>
<p><strong>情景2：看新好友的个人主页</strong><br />
……<br />
<strong>情景3：看老好友的个人主页</strong><br />
……<br />
<strong>情景4：看自己的个人主页</strong><br />
……</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=218</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>情景设计实践《小亮结婚请客记》</title>
		<link>http://leeking001.com/?p=195</link>
		<comments>http://leeking001.com/?p=195#comments</comments>
		<pubDate>Thu, 19 Nov 2009 10:36:38 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[用户体验的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=195</guid>
		<description><![CDATA[产品设计过程中，我们会经常像编剧一样，尝试模拟用户的各种使用场景，以此来发现需求、验证设计。我们叫这种方法为"情景设计"。 ——UCDChina 前一阵看到UCDChina上讨论情景设计比较有意思，我们组内也做了一个情景模拟实践： 男主人公：小亮，年龄：26岁，出生地：山东，学历：本科，职业：公务员，行业：建筑，公司性质：事业单位，工作地点：北京，爱好：足球、游戏 女主人公：小莉，年龄：25岁，出生地：天津，学历：本科，职业：销售，行业：保险，工作地点：北京，爱好：唠嗑 情景一： 男大当婚，女大当嫁，按惯例，要回男方家里办喜事，趁着十一七天... ]]></description>
			<content:encoded><![CDATA[<p><code>产品设计过程中，我们会经常像编剧一样，尝试模拟用户的各种使用场景，以此来发现需求、验证设计。我们叫这种方法为"情景设计"。 ——UCDChina</code></p>
<p>前一阵看到UCDChina上讨论情景设计比较有意思，我们组内也做了一个情景模拟实践：</p>
<p>男主人公：小亮，年龄：26岁，出生地：山东，学历：本科，职业：公务员，行业：建筑，公司性质：事业单位，工作地点：北京，爱好：足球、游戏</p>
<p>女主人公：小莉，年龄：25岁，出生地：天津，学历：本科，职业：销售，行业：保险，工作地点：北京，爱好：唠嗑</p>
<p><strong>情景一：</strong><br />
男大当婚，女大当嫁，按惯例，要回男方家里办喜事，趁着十一七天回老家办了喜事。七天后，两人回到了北京，北京还有同学朋友邻居同事呢，不请不行吧，毕竟是喜事嘛，好吧，请！难题就来了～～北京不比老家小地方，这饭店跟繁星一样众多，这地方跟天空一样广阔，这大家也跟民工一样忙碌，这请在哪好呢？先计划计划吧，两人在家里这么一合计，双方的同学在北京的，有20个之多呢～同事呢，那更海了去了，还是挑一挑吧，同学找同一个班的，关系不错的，同事找几个聊得来的，还有些非同学非同事非情不可的朋友，加一起30多个，这得订三备四了（订三桌预备四桌）。再看看地点，这些个人呢，住址分布的挺广泛，北京城从东到西，从南到北，还都不拉下，找个相对密集的吧，因为从事IT的人比较多，那就中关村区域，不说住的近吧，至少路线都熟，呵呵。该选饭店了吧，上次老王家结婚请客在天外天，350一桌，太寒碜了，吃饭时大家都在嘀咕，不能比天外天差，小刘结婚请客在俏江南，1500一桌，奢侈，十足的奢侈，咱不跟他比～<br />
<span id="more-195"></span><br />
<strong>交代背景，提出需求。<br />
抛出问题：他们到底要找的是个什么样的饭店？<br />
答案：地处中关村区域、有大包间能容纳3-4桌、价格适中1000一桌以内、有成套酒席，有品</strong></p>
<p><strong>情景二：</strong><br />
两人对网络还算是熟悉，经常会用到，上班也是常常上网，这次就用网络来帮忙选一选饭店吧。听说过大众点评网，但以前也没用过，先上去看看，打开大众点评网，密密麻麻的一堆字，还没找到怎么入手呢，就看到了热门商圈：中关村，好，点进去看看着，有饭店的列表了，森林雨火锅、烤研院、紫菩提……这都什么啊，按什么排的啊？再找找，找到一行很小很小的字，排序:  默认  星级 口味 环境 服务 人气 人均 会员商户 ，也不知道怎么排序合适了，那挨个点点看吧，点到人均的时候，突然意识到这个指数很重要啊，盘算了下，一桌控制在800-1000块钱比较好，不至于太差，大家给红包也能给的多点，哈哈～这样人均就是80-100，那就先在这个区间里面找吧。找到两家（義和雅苑、美林阁），看评论也说不错的，价位也在这个人均90几。于是按照上面的电话一一打过去咨询，一是问有没有足够大的包间，二是问有没有成套的酒席，价位如何，三是问下周末可否预订。结果很失望啊，義和雅苑没有能坐下3桌的包间，价格也很高啊，远超过点评网上的人均90几……美林阁也是，成套的酒席最少也是1000多一桌。这大众点评网不靠谱，换！听闻口碑网跟雅虎合并了，应该也不错吧，上去看看先。找到餐饮休闲，呵呵，也是第一时间就找到了中关村。这次学聪明了，在上面的筛选上就选择了价位区间，50-100，然后排序也选了价格排序。哇，口碑网收录的饭店可是要多得多得多了，8页慢慢翻吧～最后选中了3家（锦府盐帮酒楼、尚村私家菜、湘临天下中关村店），然后按电话打过去问，经过反复的咨询再咨询，排除掉一些不利因素，最终选定尚村私家菜，定下3桌888元的套席。</p>
<p>具体实践，发现问题。</p>
<p><strong> 使用网站过程中，有什么不爽呢？</strong><br />
1、页面信息太多，入口不清晰<br />
2、图片信息不全，不利于判断<br />
3、筛选结果不够精确，筛选条件不够<br />
4、重要的路径被打断<br />
5、引导不够<br />
6、排序跟筛选不分<br />
7、层级、路径较混乱<br />
8、没有婚宴等结婚有关的关键词</p>
<p><strong>那有什么挺爽的呢？</strong><br />
1、地图功能较好，跟餐馆链接较好<br />
2、筛选和排序功能好<br />
3、有照片介绍很好<br />
4、有饭店的评论<br />
5、首页搜索推荐功能较好<br />
6、头部大搜索比较明确<br />
7、返回首页的链接</p>
<p>组内讨论是很热烈的，情景模拟的方式比较生动，也比较容易调动参与者的积极性，相比起枯燥的闷头自己研究，要好了很多~最后，做了一些关于情景设计的总结：</p>
<p><strong> 一、情景设计的优点：</strong><br />
1、能帮助我们有效的区分开信息权重，当然这也需要足够多的主要情景样本～<br />
2、能帮助我们进行路径优化，避开我们想当然的一些路障～<br />
3、多进行情景设计或情景模拟，能让我们对主用户群的心态把握的更好～</p>
<p><strong>二、情景设计应该注意的问题：</strong><br />
1、是产品设计及优化的一部分（结构化）<br />
2、要以用户访谈和需求分析为基础<br />
3、需要设计师的设计经验、同理心、还原能力<br />
4、情景优化，反复迭代<br />
5、用户角色设计的实战版，需要几种典型角色<br />
6、不止是设计方法，是一种设计理念</p>
<p>情景设计终归只是设计方法，不会有十全十美的，也不会普遍适用的，更重要的其实是设计者的UCD的设计理念，保持一颗同理心才是最重要的~</p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=195</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>上海User Friendly 2009大会归来~</title>
		<link>http://leeking001.com/?p=174</link>
		<comments>http://leeking001.com/?p=174#comments</comments>
		<pubDate>Tue, 17 Nov 2009 07:26:58 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[算是旅游的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=174</guid>
		<description><![CDATA[没时间写感受，先上图... ]]></description>
			<content:encoded><![CDATA[<p>没时间写感受，先上图~</p>
<div style="list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;overflow:hidden;">
<a style="float: left; margin: 10px; width: 150px; height: 150px;" title="1" href="http://leeking001.com/wp-content/2009/11/1.jpg"><img src="http://leeking001.com/wp-content/2009/11/1-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="2" href="http://leeking001.com/wp-content/2009/11/2.jpg"><img src="http://leeking001.com/wp-content/2009/11/2-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="3" href="http://leeking001.com/wp-content/2009/11/3.jpg"><img src="http://leeking001.com/wp-content/2009/11/3-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="4" href="http://leeking001.com/wp-content/2009/11/4.jpg"><img src="http://leeking001.com/wp-content/2009/11/4-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="7" href="http://leeking001.com/wp-content/2009/11/7.jpg"><img src="http://leeking001.com/wp-content/2009/11/7-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="8" href="http://leeking001.com/wp-content/2009/11/8.jpg"><img src="http://leeking001.com/wp-content/2009/11/8-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="9" href="http://leeking001.com/wp-content/2009/11/9.jpg"><img src="http://leeking001.com/wp-content/2009/11/9-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="10" href="http://leeking001.com/wp-content/2009/11/10.jpg"><img src="http://leeking001.com/wp-content/2009/11/10-150x150.jpg" border="0" alt="" width="150" height="150" /></a><a style="float: left; margin: 10px; width: 150px; height: 150px;" title="11" href="http://leeking001.com/wp-content/2009/11/11.jpg"><img src="http://leeking001.com/wp-content/2009/11/11-150x150.jpg" border="0" alt="" width="150" height="150" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=174</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>小区足球队招人广告（非诚勿扰版）</title>
		<link>http://leeking001.com/?p=157</link>
		<comments>http://leeking001.com/?p=157#comments</comments>
		<pubDate>Fri, 06 Feb 2009 06:33:08 +0000</pubDate>
		<dc:creator>leeking001</dc:creator>
				<category><![CDATA[杂七杂八的事儿]]></category>

		<guid isPermaLink="false">http://leeking001.com/?p=157</guid>
		<description><![CDATA[&#160;&#160;&#160;&#160;您要想找一蹭场子的球队就别见了，正在求学的免谈，未满18岁免谈，没正当工作的免谈，省得咱们互相都会失望。象罗纳尔多那样的非常牛比非常娴熟的职业球 员是不会来申请的，当然我们也没做巴萨的梦。您要真是一球星我们也接不住，没期待您踢得跟西甲上那样看着热血沸腾。 &#160;&#160;&#160;&#160;自我介绍一下，我们锦城足球队的兄弟，岁数都已经不小了，日子都还小康，刚开盘就驻扎在北苑，三年多没有过冠名，没有广告赞助，没正经赢过谁，蹉跎中练就 宽容性格，无数巨变后氛围和谐，实话实说应该定性为一个没有技术没有身体只有热情的“小球队”。大伙性格OPEN，人... ]]></description>
			<content:encoded><![CDATA[<p>&nbsp;&nbsp;&nbsp;&nbsp;您要想找一蹭场子的球队就别见了，正在求学的免谈，未满18岁免谈，没正当工作的免谈，省得咱们互相都会失望。象罗纳尔多那样的非常牛比非常娴熟的职业球 员是不会来申请的，当然我们也没做巴萨的梦。您要真是一球星我们也接不住，没期待您踢得跟西甲上那样看着热血沸腾。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;自我介绍一下，我们锦城足球队的兄弟，岁数都已经不小了，日子都还小康，刚开盘就驻扎在北苑，三年多没有过冠名，没有广告赞助，没正经赢过谁，蹉跎中练就 宽容性格，无数巨变后氛围和谐，实话实说应该定性为一个没有技术没有身体只有热情的“小球队”。大伙性格OPEN，人品五五开，都不算老实人，但天生胆 小，杀人放火我们也下不去那手，伤天害理、没事乱扣帽子了我们自己良心也备受摧残，命中注定想学坏都当不了大坏蛋。总体而言基本上还是属于对人群、对社 会、对足球有益无害的一类。</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;有意者申请，非诚勿扰。</p>
<p><img class="alignnone size-full wp-image-158" title="小区足球队" src="http://leeking001.com/wp-content/2009/02/e5b08fe58cbae8b6b3e79083e9989f.jpg" alt="小区足球队" width="500" height="375" /></p>
]]></content:encoded>
			<wfw:commentRss>http://leeking001.com/?feed=rss2&amp;p=157</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
