<?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>Alibaba.com UED &#187; Uncategorized</title>
	<atom:link href="http://www.aliued.com/category/uncategorized/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.aliued.com</link>
	<description>Alibaba.com User experience design team</description>
	<lastBuildDate>Wed, 04 Jan 2012 02:30:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.3</generator>
		<item>
		<title>用户体验设计答疑对话（半吊子和纯外行）</title>
		<link>http://www.aliued.com/2010/10/20/374/</link>
		<comments>http://www.aliued.com/2010/10/20/374/#comments</comments>
		<pubDate>Wed, 20 Oct 2010 05:19:29 +0000</pubDate>
		<dc:creator>heidixie</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[UED]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=374</guid>
		<description><![CDATA[原文地址：http://heidixie.blog.sohu.com/160442979.html ［前言］：搭往公司的班车，遇到其他部门的同事，他问了很多关于我的工作的问题，由此引发这篇文章。这些问题，我也经常被其他人问到，其... ]]></description>
			<content:encoded><![CDATA[<p>原文地址：<a href="http://heidixie.blog.sohu.com/160442979.html">http://heidixie.blog.sohu.com/160442979.html</a><br />
［前言］：搭往公司的班车，遇到其他部门的同事，他问了很多关于我的工作的问题，由此引发这篇文章。这些问题，我也经常被其他人问到，其中既有我们亲密合作的伙伴——如产品经理、开发工程师（程序员），也有对于产品决策有绝对发言权的老板，也有平时和我们工作交集不多，但是却是一个成功的产品生态链上重要的一环的角色，例如来自客服部门和销售部门的同事。所以做些加工，整理成文，希望有助于大家了解用户体验设计部（简称 UED）在网站开发流程中的角色和作用，从而有助于不同部门的协作和配合。</p>
<p>——————————————低调的分割线————————————————————</p>
<p>Tom：请问你是什么部门的？</p>
<p>Heidi：我是国际站用户体验设计部的，就是UED，听说过吗？</p>
<p>Tom：哦，了解，是不是我们网站布局都是你们来改的？</p>
<p>Heidi：应该是的。</p>
<p>Tom：我是负责客户培训的，我想问一个问题，你们为什么要经常改我们的网站啊？我给客户培训，经常打开网站，就发现布局换了，我的讲义也需要经常更新。</p>
<p>Heidi：这……改动总是有改动的理由的嘛（笑）。也许是要提高转化率，也许是为了新的产品上线做拓展，也许是用户的需求更明确了……其实首页来讲的话，平均2年也需要大翻新一下的，老是同一张面孔，多枯燥啊。不过我们每次大的改动，都会通知到可能会受影响到部门的，比如销售、客服等，都有相关的邮件抄送给接口人。我回去确认一下你们部门是不是也在抄送名单里。</p>
<p>Tom：恩，谢谢了。对了，做你们的工作的，专业背景都是什么啊？都是学计算机的吗？</p>
<p>Heidi：不是。其实我们部门分四种角色，每种角色的专业背景是不一样的。</p>
<p>Tom：都是什么？</p>
<p>Heidi：比如，用户研究员，专业背景可能是心理学，人类学，社科等学科——但是也有其他专业背景。交互设计师专业背景可能是工业设计，也可能是其他设计专业，比如平面设计——但是也有完全和设计不沾边的专业，比如心理学也有。前端工程师的专业背景可能是计算机，也可能是其他专业，比如我们团队曾经有从演艺圈出来的杰出前端。还有一个角色是视觉设计师，专业背景有可能是平面设计，也有可能是动画设计。啥专业都有可能，不能笼统去讲……</p>
<p>Tom：你刚才说，有可能是学工业设计的，我觉得很奇怪啊，工业设计我想的不是都一些现实的产品吗，比如汽车，洗衣机等……</p>
<p>Heidi：毕竟国内专门的交互设计专业很少，专业的也不多，还是会借鉴很多来自成熟的工业设计领域的一些理论。工业设计可能本身发展比较成熟，而且研究的方向也是人机交互类的，也需要研究用户的特点，行为和习惯，进而设计或者改进产品设计，让它简单易用。所以，和交互设计是有很多相同的部分。我个人感觉交互设计是从工业设计领域衍生出来的，而且并不局限于网站和软件界面……可能在不同的领域有不同的叫法吧。</p>
<p>Tom：那其实，网站、软件和洗衣机设计是同一个道理，只不过是虚拟的和实体的……</p>
<p>Heidi：也许可以这么理解。</p>
<p>Tom：做一个网站很难吗？你们为何需要这么多人？不是就给程序员一个图，写些代码就可以了？</p>
<p>Heidi：……恩，单纯做网站是挺简单的。做好，不容易。做个房地产宣传的网站，挺容易的，做个小企业的形象网站，也挺容易的。做好支付宝网站，不容易，做好阿里巴巴网站和淘宝网站，不容易。网站这个概念也不能笼统去讲。越是要用户去使用的网站，设计难度就越高。而且，也并非一个ued的团队在“做”网站，我们几百个人的工作都聚焦在这个网站上。有做产品规划的，有做运营的，有做客户支持的，也有做海外推广的，有做数据分析的——只是大部分的人的工作，需要最终流转到我们手里得以分析、实施。（Heidi注：做网站看起来简单是因为对于其他人来讲，只能看到20％的工作，但是这个20％是靠那些看不到80％决定的，参见图1。）</p>
<p><a href="http://www.aliued.com/wp-content/uploads/2010/10/P10308791.jpg"><img class="aligncenter size-full wp-image-373" title="P1030879" src="http://www.aliued.com/wp-content/uploads/2010/10/P10308791.jpg" alt="P1030879" width="600" height="629" /></a></p>
<p>图1.网站用户体验层次：用户看到的是简单的20％</p>
<p><em>关于此图的更多说明：此图参考的原图，请<a href="http://pp.sohu.com/photoview-335249462-16764896.html">点击查看</a>。我原本是想把这张图做得更加形象一些，想到了<a href="http://wiki.mbalib.com/wiki/冰山模型">冰山模型</a>。后来发现用植物更加能够说明问题，战略即是那棵种子，如果种子不好，再多的肥料都无济于事。而土壤和水代表了做出成功的产品必需的资源（团队、时间、资金），植物的根部是一套协作系统，代表了不同的部门做的不同的事情，比如产品团队、用户体验设计团队、开发和测试团队等。而土壤里也会有害虫来危害产品，这正意味着产品开发中也会遇到种种的风险。于是……就产生了上面的图。</em></p>
<p>Tom：那你们UED平时都是怎么工作的？</p>
<p>Heidi：做新的产品和优化老的产品的流程不太一样。如果是新的产品规划，很早之前就开展了工作了，交互设计师，用户研究员配合产品经理(<strong>此阶段，大部分是以产品经理为主导</strong>)做一些目标人群的调研，分析，看我们的产品针对的目标人群都是谁，他们都有什么需求，都有什么特点。这样才能够帮我们找到产品的真正定位，确定核心的功能以及功能的优先级等。</p>
<p>Tom：有点像目标市场划分？</p>
<p>Heidi：确实是有营销的分支在其中。其实卖产品要想事半功倍，一定要先有需求才有产品。而不是先生产出产品，再去市场上找能够卖给谁。</p>
<p>Tom：那你们什么时候开始设计呢？</p>
<p>Heidi：刚才说我们前期要投入一些人力去做分析和调研，接下来，在产品经理去细化需要什么功能时，我们就可以开始设计工作了。（交互设计师有可能和产品经理同步开展工作，共同得到产品功能需求文档，也有可能由产品经理先进行需求文档工作后再开始交互设计）但是不像你刚才说的，直接去出一张图。而是先由我们这个角色，也就是交互设计师去做一些线框图。</p>
<p>Tom：线框图，就是草图对吗？</p>
<p>Heidi: 你可以理解成草图。就好像大楼要施工之前，也需要有一个蓝图一样。先得把蓝图确认了才能开工。</p>
<p>Tom: 这个我理解。做草图是和别人去讨论是吧？视觉设计师设计不也是要出很多稿草图吗？</p>
<p>Heidi：我们设计的草图和视觉设计师做的不一样。我们是在他开工之前更早的一环。但是你说得没错，我们确实可以不出这个草图，而直接让视觉设计师去做。但是这个视觉设计师会非常非常痛苦。因为他需要花很多精力在草图上，然后他接受很多意见和建议，而且他去优化的方向无从把握，很多，结果导致迟迟确认不了。</p>
<p>Tom：为什么会这样？</p>
<p>Heidi：视觉嘛，每个人都有自己的感受，视觉的评价标准是大部分建立在主观评价上的。你觉得紫色好看，老板觉得红色大方，视觉设计师需要找到一个契合点去让所有决策方达成共识。</p>
<p>Tom：这本来就应该这样，即使有你们，他们的痛苦也不会减少多少吧？</p>
<p>Heidi：的确。但是我们的存在会帮助视觉设计师减少大部分痛苦（当然我们存在的价值不限于此）。因为我们会缩小他们确认的内容范围。如果没有交互设计的存在，就会把所有的可能性都抛给视觉设计师。在视觉确认时，会发现布局a和布局b，布局c存在各种偏好，而颜色a，颜色b, 颜色c 也存在不同的偏好，版块a的位置，存在不同的偏好……结果布局、颜色、结构的排列组合会非常非常多……（ Heidi注：如图2所示，视觉设计师的大部分痛苦来源于对各种意见无法控制，从而有效达成决策）</p>
<p><a href="http://www.aliued.com/wp-content/uploads/2010/10/P1030872.jpg"><img class="aligncenter size-full wp-image-375" title="P1030872" src="http://www.aliued.com/wp-content/uploads/2010/10/P1030872.jpg" alt="P1030872" width="600" height="339" /></a></p>
<p>Tom：恩，我理解了，会不会有人说：我觉得这个版本的结构很清晰，但是颜色很不好看，你看看能不能把另一个版本的颜色换过来看看？</p>
<p>Heidi：经常！但是这样来回排列组合，会诞生出更多的排列组合……</p>
<p>Tom：恩，想法有时在设计的时候也会收不住，也会诞生出一些自己的新的想法。</p>
<p>Heidi：是的。所以我们通常会在交互设计阶段先从理性上确认一些问题，比如布局，信息结构，内容的逻辑性等。这些内容可以不那么感性去评价，更多是靠一些说服性的东西去说服大家接受。</p>
<p>Tom：那你们怎么说服别人接受？</p>
<p>Heidi：如果有数据，就用数据；如果有用户的生意就用用户的声音。如果有已经了解到用户的特点、行为，都可以拿来应用到设计方案的说服框架里。另外，大家都会尊重专业的观点。另外，知识就是力量，专业让人信任，把自己武装得更加专业一些，会有比较大的帮助。</p>
<p>Tom：就是一样要说服别人？</p>
<p>Heidi：其实有时也不能叫说服，我们最起码自己得相信那就是最好的解决方案，如果自己不确信，就让更多的人去帮你看看是不是有更好的解决方案，如果时间和资源允许，就引入真正的用户去帮我们看看。之后别人都会相信这是目前阶段最好的解决方案。但是，即使交互不像视觉那么感性主观，但是依然每个人都有自己的想法，我们就需要说服他们相信这是最好的解决方案。</p>
<p>Tom：所以还是要找一些支持。</p>
<p>Heidi：数据，用户声音，都很有帮助。实在没有资源，就需要我们去描述使用场景，让其他人觉得自己就是现实的用户，进入到我们描述的使用场景里去，我们把这个说服的方式叫做讲故事（ Heidi注：图3，讲故事已经成为一种业界的术语，storytelling）。<br />
<a href="http://www.aliued.com/wp-content/uploads/2010/10/P1030875.jpg"><img class="aligncenter size-full wp-image-377" title="P1030875" src="http://www.aliued.com/wp-content/uploads/2010/10/P1030875.jpg" alt="P1030875" width="400" height="489" /></a></p>
<p>图3：讲故事是将用户使用场景具体化形象化的方式，成为交互设计师说服框架里重要的一种技能。</p>
<p>Tom：&#8221;讲故事&#8221;很有意思！那是不是你们就提供一张页面的草图给视觉设计师就可以了？</p>
<p>Heidi：不但是单个页面的草图结构和布局。我们最主要的是设计任务流。</p>
<p>Tom：任务流？</p>
<p>Heidi：比如用户的目标是上传产品，为了达到这个目标，他需要经过几个步骤，完成哪些任务等。我们要做到尽可能让用户在最短的时间内通过最少的步骤达到目标。哦，其实，我们的目标不只是这个，更高级的是，用户在这个过程中感觉到简单，容易，放松。最有效率有时需要和“用户的感受”平衡，也需要和我们投入的成本和用户投入的成本相平衡。</p>
<p>Tom：看起来又比较复杂。</p>
<p>Heidi：其实很简单，打个比方，你在一栋停了电的大楼里，有15层楼高，你需要下楼。最快的方式就是吊个绳滑下来，最舒适的方式是叫个直升机来接你。但是前者虽然效率高但是不安全，你会担心不敢尝试。后者虽然舒适但是成本太高……</p>
<p>Tom: 所以，从楼梯上慢慢走下来，也许才是最好的。</p>
<p>Heidi: 恩，从楼梯上慢慢走下来，对比其他两者，才是最合适的解决方案。我们平时选取设计方案也会有多个维度的（图4）。</p>
<p><a href="http://www.aliued.com/wp-content/uploads/2010/10/P1030873.jpg"><img class="aligncenter size-full wp-image-378" title="P1030873" src="http://www.aliued.com/wp-content/uploads/2010/10/P1030873.jpg" alt="P1030873" width="600" height="442" /></a></p>
<p>图4：好的设计方案应该能够满足多个维度的评审标准</p>
<p>Tom：我了解了。但是你刚才说收集用户需求，你们都是通过什么渠道？其实我们是负责客户培训的，才是每天面对客户的人。</p>
<p>Heidi：客户和用户还不是一个概念。你们培训接触的客户是其中一类用户，也就是国内的供应商，对于他们的需求收集，我们有时也会“上山下乡”，直接派一些设计师去他们的工作地点去观察他们如何用我们网站。当然，我们也通过内部渠道，比如来自销售、客服部门反馈过来。另外，我们也可以很方便邀请他们过来我们公司，中国站有专门的实验室，可以让他们在实验室里做一些可用性测试。但是另外一部分用户是海外的买家和供应商。他们离我们很远，他们不容易过来，我们也不能过去。这些用户是我们网站的买家，服务好买家，才能够让卖家受益，所以他们的需求非常重要。</p>
<p>Tom：那你们怎么办呢？</p>
<p>Heidi：只能尽可能挖掘渠道。每年的广交会，国外的买家会来不少，我们也会去广交会参加用户调研。平时有专门的团队，BI部门（网站参谋部）会定期做一些海外买家的问卷调研，并逐渐沉淀出一些买家分层研究，我们可以通过他们知道很多买家的需求和问题。另外，我们自己也会偶尔做一些远程的在线的用户调研和测试。</p>
<p>Tom：但是我们网站不会经常推出新的产品，你们平时闲着吗？</p>
<p>Heidi：(汗)………我们也想啊……但是事实上是我们每天都很忙，而且还在不断招新的人。大的战略级的产品非常不会经常推出，但是小的产品会经常出现。但是一些老产品的优化是不断在进行的——打个比方，刚发布时，注册表单的转化率是50％，之后的优化目标就是将这个转化率提升到70％，目标在不断提高，就需要有后续的行动。</p>
<p>Tom：不能一开始就做的很好，以后就不会经常需要优化了吗？</p>
<p>Heidi：也许快速迭代就是互联网产品的明显特征吧。刚开始大家就是想把产品做到线上去，这时也许本来就解决最核心的功能，和主要的流程没有问题。我们也无法一开始就做到尽善尽美，一个原因就是资源不允许。另外有可能是，我们确实不清楚到底完美的方案是什么，那些耗费大量资源的功能到底有多少用户需要，所以我们有时就会先发布一个简单版本，之后随着用户使用的数据和访谈的声音，去迭代优化。另外，我们对于在线的页面、功能都有数据监测，会分析流程中的流失率，我们去判断可以优化的点是什么，然后去改，再监测。</p>
<p>Tom：但是依然没有百分之百满意的时候。</p>
<p>Heidi：每次优化要保证数据是正向的。不是正向的就返回老的版本，继续思考。但是确实不可能说什么是永远不用再优化的。网站的体验就是一点点被优化升级的啊。</p>
<p>Tom：我明白了，谢谢。我之前理解做网站太简单了，想不到这么复杂。</p>
<p>Heidi: 哈哈，我们也常说，我们不纠结，用户就纠结。简单是复杂的结果，复杂是简单的必备过程。</p>
<p>［总结］：在用户的视角来看，我们也希望他看到的都是最简单最愉悦的一面。作为客户培训师，你不需要知道产品数据在我们后台是存储在什么服务器的。用户搜索产品时，也更加不需要了解一个检索词是经过了多少词解析判断计算，跑了几台服务器，最终把结果呈现给他的。但是作为工作人员，我们得了解需要怎么做，才能够把最简单最愉悦的结果呈现出来。（Heidi注：如图5所示）</p>
<p><a href="http://www.aliued.com/wp-content/uploads/2010/10/P1030876.jpg"><img class="aligncenter size-full wp-image-379" title="P1030876" src="http://www.aliued.com/wp-content/uploads/2010/10/P1030876.jpg" alt="P1030876" width="600" height="546" /></a></p>
<p>图5：简明网站产品建设流程图</p>
<p>这个图呈现的流程，依赖于多个部门的通力合作。从战略层高瞻远瞩的判断、从产品经理对于市场的分析以及功能、内容的规划、描述，到用户体验团队，开发和测试团队的全力配合，而网站产生后，还要依赖于SEO、市场营销、销售和客服的工作。</p>
<p>成功的网站，一定是多个部门一起围绕相同目标运作的结果，但是其中一个环节失败，则可能会造成全盘皆输。</p>
<p>本文虽然篇幅已经很长，但是涉及到具体的流程、方法，都只能简单带过，希望大家要记住这是对话的场景，不要以偏概全哦。<br />
你对他提出的问题，想如何回答呢？如果你有问题，质疑，鼓励……欢迎交流。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2010/10/20/374/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>阿里巴巴国际网站UED 2010招贤纳才</title>
		<link>http://www.aliued.com/2010/08/26/367/</link>
		<comments>http://www.aliued.com/2010/08/26/367/#comments</comments>
		<pubDate>Thu, 26 Aug 2010 10:05:54 +0000</pubDate>
		<dc:creator>kelvin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=367</guid>
		<description><![CDATA[有没有在看悬疑片的时候产生篡改剧本的冲动? 有没有在网上开店的经历？ 有人赞美过你是个有品位的人么？ 有没有深度怀疑过苹果系的产品？ 有没有环游世界的冲动？ 只要以上有任何一条... ]]></description>
			<content:encoded><![CDATA[<p>有没有在看悬疑片的时候产生篡改剧本的冲动?</p>
<p>有没有在网上开店的经历？</p>
<p>有人赞美过你是个有品位的人么？</p>
<p>有没有深度怀疑过苹果系的产品？</p>
<p>有没有环游世界的冲动？</p>
<p>只要以上有任何一条你的回答是yes,可能就意味着我们是同一类人了.</p>
<p><a href="http://job2010.aliued.com/" target="_blank">点击进入招聘网站</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2010/08/26/367/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>【分享】最受欢迎的UX博客</title>
		<link>http://www.aliued.com/2010/07/12/337/</link>
		<comments>http://www.aliued.com/2010/07/12/337/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 07:15:36 +0000</pubDate>
		<dc:creator>heidixie</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=337</guid>
		<description><![CDATA[在UX MATTERS网站上最新的文章里，UX MATTERS的专家给出了最喜欢的UX以及科技博客列表，以飨读者。 当然了，这些博客都是英文博客。以英文为母语的人，在面向全球传播自己的设计理念和观点上... ]]></description>
			<content:encoded><![CDATA[<div style="line-height: 160%; font-size: 14px;">在<a href="http://www.uxmatters.com">UX MATTERS</a>网站上最新的文章里，<a href="http://www.uxmatters.com">UX MATTERS</a>的专家给出了最喜欢的UX以及科技博客列表，以飨读者。</div>
<div style="line-height: 160%; font-size: 14px;">当然了，这些博客都是英文博客。以英文为母语的人，在面向全球传播自己的设计理念和观点上，占尽了先天的优势。</div>
<div style="line-height: 160%; font-size: 14px;">不过看老外写博客，都是以读者为中心的写作，认真的态度 可嘉，结构清晰，实例与观点相辅相成，值得多多学习。<br />
顺便说一句，遍览了这些博客，突然发现这些博主大部分 是35岁以上乃至爷爷级的人物。而中国目 前以专家自居的却都是80后，这形成鲜明对比。看来这行，真的不是想象中的青春饭，厚积而薄发，需要过程。希望中国这些目前活跃的bloger，也能活跃到50岁。<br />
<img style="display: block; margin: 0px auto 10px; text-align: center;" src="http://www.aliued.com/wp-content/uploads/2010/07/people.jpg" border="0" alt="" /><strong>UX的设计专家喜欢看博客吗？</strong></div>
<div style="line-height: 160%; font-size: 14px;">
<p>“<em>我追随博客不如我通过twitter以及Rss订阅来的特定文章来得多</em>”—— Whitney Quesenbery<br />
“<em>在当网络上阅读的时候，我并不持续阅读博客</em>”，Caroline说, &#8220;<em>但是我会基于我目前研究的课题，沉浸 进去然后再出来</em>&#8220;。</p>
<p>对于Whitney，这是一样的，“<em>我通过twiter以及rss阅读特定文章要比阅读博客多一些</em>。”而Pabini比较倾向于在特定的课题时，通过google来搜寻有趣的材料。（<span style="font-weight: bold;">由此可知，为了学 习，墙还是要翻的</span>）。</p>
<p>我从原文中摘选了一些博客，供大家参考——若获取全部博客列表，请点击<a href="http://www.uxmatters.com/mt/archives/2010/06/favorite-ux-technology-blogs-learning-about-new-web-mobile-applications.php">查看原文</a>。</div>
<style type="text/css">
.supplier-list, .supplier-list li{list-style-type:disc; list-style-position:inside;}
.supplier-list li{padding-bottom:10px;} 
</style>
<div style="line-height: 160%; font-size: 14px;">
<ul class="supplier-list">
<li><a style="color: #0033cc; font-weight: bold;" href="http://www.asktog.com/" target="_blank">Ask TOG</a> —<a href="http://www.nngroup.com/" target="_blank">Nielsen Norman</a> group成员Tog的博客，关于真实世界的交互设计解决方案。最近有篇文章《<a href="http://www.asktog.com/columns/081Registration.html" target="_blank">How to Achieve Painless Registration</a>》还不错，等待翻译。</li>
<li><strong><a href="http://www.boxesandarrows.com/" target="_blank">Boxes and Arrows</a></strong> —Christina Wodtke’s 网络版杂志, 比较着重放到了信息架构方面。比较枯燥的是里面的文章都很长并且没有插图。</li>
<li><strong><a href="http://www.uie.com/brainsparks/" target="_blank">BrainSparks</a></strong> —里面是精选的来自各个行业的UEDer的blog文章集合。比如我就在这里看到了大名鼎鼎的<a href="http://www.lukew.com/about/luke/">Luke Wroblewski</a>的一篇文章《<a href="http://www.uie.com/articles/twitter_sign_up" target="_blank">Gradual Engagement Boosts Twitter Sign-Ups by 29%</a>》，不错，待翻译。</li>
<li><strong><a href="http://www.cooper.com/journal/" target="_blank">Cooper Journal</a> </strong>—Alan Cooper这个名字就不用多讲了吧，本身就是一块金字招牌。交互设计的鼻祖，《<a href="http://www.amazon.com/About-Face-Essentials-Interaction-Design/dp/0470084111/ref=sr_1_2?ie=UTF8&amp;s=books&amp;qid=1278831288&amp;sr=8-2" target="_blank">About face</a>》系列的作者，这里能够看到这个以Cooper为首的工作室的一些博客，也可以看一些案例学习。</li>
<li><strong><a href="http://blog.greenonions.com/" target="_blank">Dan Brown&#8217;s greenonions.com</a> </strong>—《<a href="http://www.amazon.com/Communicating-Design-Developing-Documentation-Planning/dp/0321392353/ref=sr_1_2?ie=UTF8&amp;s=books&amp;qid=1278831374&amp;sr=1-2" target="_blank">Communication design</a>》一书的作者的博客。也是非常用心在写的一个博客。想让自己的设计 更加专业化，并且有兴趣了解如何去selling你的idea的同学，可以好好看看。在《communication design》一书中，讲到线框图评审会议的时候，作者将评审会分成两种，The BuyIn Meeting（卖出你的idea），和The Feedback Meeting（征求建议），两种会议分别需要不同的技巧，作者还给出了一些中肯的建议，让设计师抓住要点，让会议更加能够达到目的。</li>
<li><strong><a href="http://designmind.frogdesign.com/" target="_blank">design mind</a> </strong>—frog design的关于商业、科技与设计的博客。有首风靡一时的电子乐不知道大家有没有听过，就叫做crazy frog，所以我每次看到frog design都会想起crazy这个词。不过，里面确实有些想法还是crazy的。推荐一篇非常大气的有鼓动意义的PPT《<a href="http://www.slideshare.net/frogdesign/universal-design-businesssymposiumtokyo01rc" target="_blank">设计为意义与影响而生</a>》。</li>
<li><strong><a href="http://www.engadget.com/" target="_blank">Engadget</a> </strong>—瘾科技的英文版，男同学可以会喜欢，推荐一下。</li>
<li><strong><a href="http://connect.humanfactors.com/profiles/blog/list?user=10awf3z13tlbz" target="_blank">HFI Connect</a></strong> —Eric Schaffer关于人机工程方面的博客。推荐一下最新的文章《<a href="http://connect.humanfactors.com/profiles/blogs/beyond-usability-designing-web" target="_blank">Beyond Usability: Designing Web Sites for Persuasion, Emotion, and Trust</a>》，作者认为，可用性（usability）虽然仍然非常重要，但是已经是一个基础的进入市场竞争的入门必须，而不是让网站或者产品制胜的区别化要素。对于电子商务而言，提升可用性，让顾客找得到商品固然很重要，但是如果这一点都做不到，是没有任何竞争力的。环顾你的竞争对手，都是已经在致力于更加可信的、更加有吸引力的、更有保障的方向努力。找得到，下一步是让顾客放心进行下一步的交易，这需要persuation以及trust。</li>
<li><strong><a href="http://idratherbewriting.com/" target="_blank">I&#8217;d Rather Be Writing</a>,</strong> Tom Johnson关于技术通信、交流方面的最新态势的博客。作者的自我介绍是：“我写的东西包括屏幕录像, wikis, 内容的组织方式, 或者其他能够帮助用户学习软件的技术和方法. 我同时还是wordpress的顾问，可以为你们提供用wordpress搭建博客的培训和指南”。</li>
<li><strong><a href="http://www.informationdesign.org/" target="_blank">InfoDesign</a></strong> —又是一个精选的UX方面的博客集合，作者的品位不同一般，精选的文章都很有益处。对Search感兴趣的同学可以看看这篇PDF文档：《<a href="http://journalofia.org/volume2/issue1/03-spagnolo/jofia-0201-03-spagnolo.pdf" target="_blank">Beyond Findability—Search-Enhanced Information Architecture for Content-Intensive Rich Internet Applications</a>》</li>
<li><strong><a href="http://www.inspireux.com/" target="_blank">InspireUX</a></strong> —用户体验方面的引用以及文章。</li>
<li><strong><a href="http://www.jnd.org/" target="_blank">jnd.org</a></strong> —又一个牛B的人，Nielsen Norman（其实是两个人）中的Dan Norman。顺便唠叨一句，Dan Norman当然更是个爷爷级的人物,《情感化设计》一书的作者。</li>
<li><strong><a href="http://johnnyholland.net/" target="_blank">Johnny Holland</a> </strong>—涵盖了UX方面的多个话题。推荐《<a href="http://johnnyholland.org/2010/05/19/ux-london-report-day-1/" target="_blank">UX London report</a>》系列。说实话，很长，俺还没看完。不过很亲切的是在里面看到了《<a href="http://www.amazon.com/Search-Patterns-Discovery-Peter-Morville/dp/0596802277/ref=sr_1_1?ie=UTF8&amp;s=books&amp;qid=1278832272&amp;sr=1-1" target="_blank">search patterns</a>》的作者推荐还有简要的ppt。这本书的电子版还是淘宝的搜索中心的 工程师见素同学分享给我的，可惜一直没有时间仔细去看。但是一定非常有益处，对搜索感兴趣的产品经理和设计师若有兴趣，可以写邮件向我索取。</li>
<li><a href="http://www.lukew.com/" target="_blank"><strong>LukeW Ideation + Design</strong> </a>— 大名鼎鼎的Luke的博客，不得不看，不得不推荐。LukeW厚积薄发，十二年的实践经验磨练出了《Web form design》。LukeW的文章非常具有实践的指导意义，数据和资料翔实。和Norman以及cooper不同，luke是个年轻的设计师（并且还比较帅哦）。前不久，我翻译了他的一篇《<a href="http://heidixie.blog.sohu.com/156054246.html">Apple store checkout redesign</a>》，文章不错但翻译水平有限，请多多指点。</li>
<li><strong><a href="http://www.smashingmagazine.com/" target="_blank">Smashing Magazine</a></strong> —聚焦于网站设计和开发的网络杂志，内容非常不错。现在网络上疯狂转载的《<a href="http://ucdchina.com/snap/7203">A/B Test终极指南</a>》的原文我最早见到就是在smashing magazine。<a href="http://www.smashingmagazine.com/2010/06/24/the-ultimate-guide-to-a-b-testing/" target="_blank">点击查看原文</a>。</li>
<li><strong><a href="http://theresaneil.wordpress.com/" target="_blank">Theresa Neil</a></strong> —UX设计博客，对了，《<a href="http://www.amazon.com/gp/product/0596516258?ie=UTF8&amp;tag=looksgoodwork-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0596516258" target="_blank">Design interfaces</a>》一书的产出地。</li>
<li><strong><a href="http://www.touchusability.com/" target="_blank">Touch Usability</a></strong> —Kevin Arthur关于触摸式交互的有趣的博客。对触摸式交互有兴趣的同学不妨点击到<a href="http://www.slideshare.net/kevinarthur/evaluating-touch-gesture-usability" target="_blank">这里</a>看一下最新的ppt分享。</li>
<p><a href="http://www.slideshare.net/kevinarthur/evaluating-touch-gesture-usability"><img class="aligncenter size-full wp-image-340" title="2010-07-09_093926" src="http://www.aliued.com/wp-content/uploads/2010/07/2010-07-09_093926.jpg" alt="2010-07-09_093926" width="435" height="362" /></a></p>
<li><strong><a href="http://www.useit.com/" target="_blank">UseIt.com</a></strong>,  Nielsen Norman Group(NN/g)的另一位web易用性大师 Jakob Nielsen的博客useit创建于1995年，估计大家还记得，《about face2.0》第一次出版也是1995年（by Alan Cooper）, 几乎是这个行业最早的最有用的博客之一。但是进入这个博客之前请降低对视觉的期望值。我大概是从2年前开始看到这个博客，到现在视觉一如既往，但是内容丰 富了很多。可见，Jakob就是让你focus到信息层次而不是视觉。若你降低对视觉的要求，还是能够很容易找到喜欢的文章的。<br />
不过有趣的 是，Jakob Nielsen还专门写了一篇文章来讲了这个问题《<a href="http://www.useit.com/about/nographics.html" target="_blank">Why This Site Has Almost No Graphics</a>》。<br />
Jakob Nielsen非常重视信息本身的可用性，他写了一系列文章知道我们如何为网站设计写文案。为网站写文案无疑是和为传统印刷物写文案有非常大的区别的，因 为目标用户的浏览阅读习惯产生了不同。有兴趣的同学可以点击《<a href="http://www.useit.com/papers/webwriting/" target="_blank">writing for the web</a>》学习一下。</li>
<li><strong><a href="http://www.userfocus.co.uk/articles/index.html" target="_blank">UserFocus</a> </strong>—也是从<a href="http://www.uxmatters.com/" target="_blank">UX Matters</a>网 站上看到的一个不错的站点。造访之后，流连忘返，在他们的<a href="http://www.userfocus.co.uk/articles/index.html" target="_blank">Article &amp; Resources</a>栏目找到了很多“优雅”且“有用”的启发性的文章。<br />
最新的电子书《<a href="http://www.userfocus.co.uk/fable/index.html" target="_blank">The Fable of the User-Centered Designer</a>》可以免费下载。我当时看到在征集翻译者，就发了一封邮件给这本电子书 的作者David Travis询问是否能够翻译成汉语，不到30分钟就收到了他的邮件回复，并附上了并好编辑的word版本给我。</li>
<li><a href="http://www.deyalexander.com.au/blog/" target="_blank"><strong>Writing for the Web</strong> </a>—Dey Alexander的博客，又是一个聚焦于网页文案写作的博客。</li>
</ul>
<p>Heidi再补充两个产品经理的博客：</p>
<ul>
<li><strong><a href="http://www.jefflash.com/" target="_blank">Jeff Lash</a></strong>：非常简陋的一个博 客，但是我要的是内容，so why care？Jeff lash有很多经典的文章，你估计也看过，最起码看过翻译版，比如《<a href="http://hi.baidu.com/askhexiao/blog/item/ff0772f04ba35baea40f52d2.html">用户体验与产品管理</a>》，我只所以推荐Jeff Lash是因为他现在不是一个用户体验设计师，而是产品经理，而他是从用户体验设计转身做产品经理的，他的很多经典文章是写给产品经理们看的，在其中也能 够得到很多两者如何协作的建议。</li>
<p></br></p>
<li><strong><a href="http://michael.hightechproductmanagement.com/">Michael on product Management &amp; Marketing</a></strong>: 在<a href="http://www.yeeyan.com">译言</a>上经常看到该老兄的被翻译的文章。我对他的这篇文章印象深刻<a href="http://michael.hightechproductmanagement.com/2006/08/requirements_document_alphabet_1.html">《Requirements Document Alphabet Soup &#8211; Explained》</a>，看看老外是怎么去讲解项目中所需的各种文档的，  MRD, PRD, FSD, PSD, SRS&#8230;..Oh, my god!</li>
</ul>
<p>你另外还有喜欢看的博客没有在上面找到吗？那么就写信或者发评论告诉我吧。</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2010/07/12/337/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>G2G 2.0, User Behavior Visualization Analyzer released.</title>
		<link>http://www.aliued.com/2009/09/22/302/</link>
		<comments>http://www.aliued.com/2009/09/22/302/#comments</comments>
		<pubDate>Tue, 22 Sep 2009 09:01:51 +0000</pubDate>
		<dc:creator>UserResearch</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=302</guid>
		<description><![CDATA[在进行互联网用户浏览行为的定量研究中，阿里巴巴中国站用户研究小组开发了一个基于服务器日志的可视化分析工具。（视频） 这个分析工具可以通过用户产生的服务器日志数据自动还原出... ]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" 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://vimeo.com/moogaloop.swf?clip_id=6696813&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=6696813&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowfullscreen="true" allowscriptaccess="always"></embed></object></p>
<p>在进行互联网用户浏览行为的定量研究中，阿里巴巴中国站用户研究小组开发了一个基于服务器日志的可视化分析工具。（<a href="http://www.vimeo.com/6696813" target="_blank">视频</a>）</p>
<p>这个分析工具可以通过用户产生的服务器日志数据自动还原出网站结构，并按照页面流量阈值绘制站点地图，并将关键的页面流量数据及其他商业指标进行可视化处理，标注在这张特殊的网站地图上。</p>
<p>用户研究员可以快速获得网站重要页面及产品的直观图像甚至健康状态。</p>
<p>这个工具也被加入了丰富的交互功能，允许用户分析员选中或者搜索某个页面(节点)，查看当前页面的主要用户来源和流向，并打印出URL列表。</p>
<p>同时它也支持按照session或者cookie对用户的群体行为进行多步回溯，从中发现用户浏览网站或者产品使用上的群体行为。</p>
<p>现在这个工具可以在普通笔记本上在10分钟内处理1000万PV的日志样本。假设再加上实时的log数据，或许这个工具也将改变网站产品设计和内容运营的方式，成为一个&#8221;Real Time Game&#8221;</p>
<p><strong>以下是详细介绍：</strong><br />
随着网站用户的增加，越来越多的网站希望能够了解用户的访问行为。面对纷繁复杂的数据，很多研究者致力于研发直观明了操作便利的可视化软件。本文将介绍我们小组研发的网站用户行为可视化软件G2G (the Guide to Galaxy or loG).</p>
<p><strong>一．实现原理：</strong><br />
<strong>1.前提：<br />
</strong>用户在访问网站过程中，网站数据仓库记录了用户的IP地址，访问时间，访问的URL，来源Refer（注1）, CookiID等相关信息，这些信息被称为日志。G2G根据日志分析页面的转换率（注2）， 主要来源和去向，群体用户的访问步骤等。</p>
<p><strong>2.结构：</strong><br />
G2G分为两个页面，左页面是时间步数序列图，右页面是页面分布图。<br />
左页面纵坐标为时间：0-24小时，横坐标为用户访问步长：1-800步。每个像素代表用户在一分钟内是否访问过，颜色越红，访问用户越多。例如，当某个用户的访问步长是100步时，则在横坐标为100处，纵坐标为用户访问时间处标注颜色。如果用户在接连不断的访问网站，则在相应位置会出现一条纵线。</p>
<p>右页面的每个圆圈代表网站的一个URL，圆圈大小代表访问量，越大代表访问量越高。颜色代表转换率，越蓝代表转换率越高。基本上，蓝点可以看做是起点，橘黄色的点可看做是终点。<br />
URL的排列采取目录结构方式，内圈代表最简单的目录，越往外圈，目录越深。例如，某个url名称为a/b/c.html，则a作为一个url在最内圈，a/b在次外圈，a/b/c.html在第三圈。在很多情况中，a和a/b只是纯目录结构，并非实际页面，因此并没有用户会访问到它们。此时会以正方形表示，以此为圆心的空心圆圈大小代表其子节点的访问量，在此例中，a的空心圆圈的大小就是a/b，a/b/c.html，a/d，a/d.html等等a/*的页面的访问量之和。</p>
<p><strong>二．功能</strong><br />
G2G除了可以显示上述信息之外，还有以下几种功能可以帮助研究者从不同角度查找信息。<br />
1.可以搜索或者选中一个节点，即URL，查看其主要来源和去向，也可以查看按照时间序列的多步路径。<br />
2.可以从左页面中选中某个区域，点击搜索，在右页面中将会显示选中区域时间段内的页面访问量，转化率等信息。</p>
<p><strong>三．应用点举例</strong><br />
有些信息很明显，例如从左页面上，我们很容易看出一天24时内，何时是访问高峰期或低谷期，因此准确选择合适的时间做一些更换服务器等维护工作。<br />
我们也可以直观分析外站的搜索引擎引入的流量，从而判断哪种搜索引擎更有效，以及这些用户在网站中的访问模式。<br />
另外，我们在研究中发现一个有趣的插曲，在阿里巴巴十周年时，从淘宝首页访问到阿里巴巴的用户中，大部分被引导到阿里巴巴十周年专题。<br />
研究者如果对数据比较敏感，或者能够从多种角度查找信息，则会发现更多有趣的现象。</p>
<p><strong>四：总结</strong><br />
网站用户的行为轨迹对网站来说是一笔很巨大的财富，如果能够充分利用这些信息，将对网站的发展意义重大，我们期待更多研究者参与网站用户行为的可视化研究领域。</p>
<p>注1：用户访问当前页面的前一个来源页面，例：用户从A页面的某个连接进入B页面，则B页面的Refer是A页面。<br />
注2：转换率是指从当前页面跳转到其他页面的比例。</p>
<p><img src="http://www.aliued.com/wp-content/uploads/2009/09/g2g_s.png" alt="g2g_s" title="g2g_s" width="542" height="320" class="aligncenter size-full wp-image-303" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/09/22/302/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>[Job] Senior User Researcher / Hangzhou China</title>
		<link>http://www.aliued.com/2009/07/26/257/</link>
		<comments>http://www.aliued.com/2009/07/26/257/#comments</comments>
		<pubDate>Sun, 26 Jul 2009 03:47:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[careers]]></category>
		<category><![CDATA[user researcher]]></category>
		<category><![CDATA[招聘]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=257</guid>
		<description><![CDATA[Alibaba.com is the world&#8217;s largest online trade platform, connecting millions of buyers and suppliers worldwide every day! User Experience Design Team with 40’s staff go in for excellent experience in e-Commerce.  User Researcher is the priority... ]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal"><span><span lang="EN-US"><strong>Alibaba.com</strong></span><span lang="EN-US"> is the world&#8217;s largest online trade platform, connecting</span></span><span><span lang="EN-US"> </span></span><span><strong><span lang="EN-US">millions of buyers and suppliers</span></strong></span><span><span lang="EN-US"> </span></span><span><span lang="EN-US">worldwide every day! </span></span></p>
<p class="MsoNormal"><span><span lang="EN-US">User Experience Design Team with 40’s staff go in for excellent experience in e-Commerce.  User Researcher is the priority position in the whole process. We located Hangzhou China, a beautiful city.</span></span></p>
<p class="MsoNormal"><span><strong><span lang="EN-US">We need a person who is :<br />
<span style="font-weight: normal; ">Passionate about understanding users;<br />
Passionate about envisioning great user experiences;<br />
Energized at identifying and solving user experience problems.</span></span></strong></span></p>
<p class="MsoNormal"><strong><span lang="EN-US">Job responsibilities:<br />
<span style="font-weight: normal; "><span lang="EN-US">Lead usability planning and execution efforts for the global trading platform. You will be expected <span>to evaluate each new project results</span> with user data</span>.<br />
Research international buyer, and they purchase target and behavior, build a framework to enrich users’ details such as Persona with motion. </span></span></strong></p>
<p class="MsoNormal"><strong><span lang="EN-US">Very desirable skills</span>:<br />
<span style="font-weight: normal; ">Creative method in remote user research with Internet.<br />
Experience in import-export area, or in e-commerce area.<br />
Good communication in Mandarin</span></strong></p>
<p class="MsoNormal"><span lang="EN-US"> <strong>Basic Qualifications:<br />
<span style="font-weight: normal; ">Advanced degrees in Psychology, Human Factors, Industrial Engineering, or Computer Science.</span></strong></span></p>
<p class="MsoNormal"><strong><span lang="EN-US"><span style="font-weight: normal; ">Candidates should have a thorough knowledge of methods for gathering usability data. The candidate must be self-sufficient and capable of leading the usability effort for a product with a technical user base. Also, the candidate must have excellent oral communication skills.<br />
Candidates should be experienced in setting measurable usability goals and using those to drive data gathering and design. </span></span></strong></p>
<p class="MsoNormal">
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/07/26/257/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Showcase of Faceted Search Part 2</title>
		<link>http://www.aliued.com/2009/07/01/199/</link>
		<comments>http://www.aliued.com/2009/07/01/199/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:49:55 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[C2C marketplaces]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[User Experience Design]]></category>
		<category><![CDATA[Yahoo]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=199</guid>
		<description><![CDATA[继续贴，并预告我们还有续集，也许会写中文版，哈哈 This post continues to showcase how faceted search is deployed with a view of improving user experience. The last post presents a set of websites using left column to narrow down s... ]]></description>
			<content:encoded><![CDATA[<p>继续贴，并预告我们还有续集，也许会写中文版，哈哈</p>
<p>This post continues to showcase how faceted search is deployed with a view of improving user experience. <a title="Showcase of Faceted Search Part 1" href="http://www.kelikuru.com/showcase-of-faceted-search-part-1" target="_blank">The last post presents a set of websites using left column </a>to narrow down search results. TG would like to show some exemplary sites which take a different approach - faceted search at the top.</p>
<p>First and foremost, TG is particularly thankful to <a title="Heidi" onclick="javascript:pageTracker._trackPageview ('/outbound/www.heidixie.blog.sohu.com');" href="http://www.heidixie.blog.sohu.com/" target="_blank">Hbeidi Xie</a>, who contributed and shared her experiences in coming up with a faceted search design solution. Heidi noted that the design should be based on use case; a comprehensive users’ task analysis and user behavior pattern are crucial to the success of creating an effective search tool.</p>
<p>Oftentimes, website functions and features are launched without conducting a prior research. Many would argue that there’s a strong need of time-to-market, hence everything has to be done fast. Right!! only if the product is what users want and how they want it to be.  TG agreed with Heidi that there’s no perfect solution as it may become obsoleted as time passes by. A workable design solution to a particular product is what we care.</p>
<p>Should the faceted search be positioned at the top or on the left?  TG think it does not matter. So long as the tool is simple enough to help users perform their tasks and get what they are looking for, we shall accomplish our jobs.</p>
<p><a title="Wikio.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.wikio.com');" href="http://www.wikio.com/product/home-page-192.html" target="_blank"><strong>Wikio.com</strong></a><strong> :</strong></p>
<p><span>An information portal with a news search engine that searches press sites and blogs. TG is fond of vertical display of faceted search in particular as it does not require any scrolling, all attributes are condensed at the top and accessible in many occasions. </span></p>
<p><span><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_wiko.jpg" alt="Faceted Search_Wikio.com" width="480" height="387" /></span></p>
<div><span><a title="Yoox.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.yoox.com');" href="http://www.yoox.com/tskay/3FD17CD7/isoCode/US/tp/18156" target="_blank"><strong>Overstock.com</strong></a><strong> :</strong></span></div>
<div><span><span>TG comes across Overstock.com two years ago and keeps using it as a reference. The site is very simple to use, seldom do I have trouble in finding the items I need. Its facets search is one of best I have ever found so far.</span></span></div>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_overstock1.jpg" alt="Faceted Search_overstock_by Kelikuru.com" width="480" height="387" /></p>
<p><span><a title="Like.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.like.com');" href="http://www.like.com/" target="_blank"><strong>like.com</strong></a><strong> :</strong></span></p>
<div><span><span>It claimed to be the fist true visual search engine where the contents of photos are used to search and retreive similar items. Unlike the above two sites, like.com hides all attributes and facets at the top. Hovering our mouse on a row of tabs next to “Refine by”, users will be able to access a wide selection of facets. </span></span><span></p>
<p></span></div>
<p><span><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_like.jpg" alt="Faceted Search_like.com" width="480" height="387" /></span></p>
<div></div>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/07/01/199/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Showcase of Faceted Search Part 1</title>
		<link>http://www.aliued.com/2009/07/01/197/</link>
		<comments>http://www.aliued.com/2009/07/01/197/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:46:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[C2C marketplaces]]></category>
		<category><![CDATA[eCommerce]]></category>
		<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[User Experience Design]]></category>
		<category><![CDATA[Yahoo]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=197</guid>
		<description><![CDATA[延续上篇 We have briefly discussed the barriers of designing faceted search and we need some inspirations from current design by other site operators. Actually we are not alone, there are many of them working on different types of solutions in a... ]]></description>
			<content:encoded><![CDATA[<p>延续上篇</p>
<p>We have briefly discussed <a title="What are the barriers in designing Faceted Search?" href="http://www.kelikuru.com/what-are-the-barriers-in-designing-faceted-search" target="_blank"><strong>the barriers of designing faceted search</strong></a> and we need some inspirations from current design by other site operators. Actually we are not alone, there are many of them working on different types of solutions in an attempt to offer a painless Faceted Search user experience. This post showcases some of the exemplary websites in shopping category mostly. The first set has its faceted search built on the left.</p>
<p><a title="Yoox.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.yoox.com');" href="http://www.yoox.com/tskay/3FD17CD7/isoCode/US/tp/18156" target="_blank"><strong>Yoox.com</strong></a><strong> :</strong></p>
<p><span>A global internet retailing partner for the leading fashion &amp; design brands. It has a very simple faceted search to begin with &#8211; top designers and top categories.</span></p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_yoox.jpg" alt="Faceted Search_Yoox" width="480" height="295" /></p>
<p><a title="Buzzillions.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.buzzillions.com');" href="http://www.buzzillions.com/" target="_blank"><strong>Buzzillions.com</strong></a><strong> :</strong></p>
<p><span>A product review site. TG found the site is exceptionally clean, stylised wth minimalism design. Its faceted search tells users how many products are found upfront, what filter(s) has been applied during the process of searching</span></p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_buzillions.jpg" alt="Faceted Search_Buzillions" width="480" height="387" /></p>
<p><a title="Yahoo Shopping Site" onclick="javascript:pageTracker._trackPageview ('/outbound/shopping.yahoo.com');" href="http://shopping.yahoo.com/" target="_blank"><strong>Yahoo Shopping</strong></a><strong> :</strong></p>
<p><span>Part of Yahoo! family of site, the site has a clear indication of what the users are looking for _ Women’s Sunglass by using a bold header and small tagline. Tabs on the left hide and show a number of facets on each attributes. </span></p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_yahoo.jpg" alt="Faceted Search_Yahoo Shopping" width="480" height="387" /></p>
<p><a title="target.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.target.com');" href="http://www.target.com/" target="_blank"><strong>Target.com</strong></a><strong> :</strong></p>
<p><span>An online retail store in United States. The C2C shopping site has a nice play of red and white colors, key items jumps out from the white background.  Site designer tries to control the number of attributes to be displayed above the first fold in the first place, which reduces the painful experiences of scrolling up and down</span></p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_target.jpg" alt="Faceted Search_Target.com" width="480" height="387" /></p>
<p><a title="Price Grabber.com" onclick="javascript:pageTracker._trackPageview ('/outbound/www.pricegrabber.com');" href="http://www.pricegrabber.com/" target="_blank"><strong>PriceGrabber. com</strong></a><strong> :</strong></p>
<p><span>A site that can allow users to compare the prices on all the most popular products. The strength of the sites’s faceted search is to allow multiple selection of filters and do it in one-go. Yet, the knife is not double edges, user may find it annoying to scroll down and click on the Update Results button</span></p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/faceted-search_pricegrabber.jpg" alt="Faceted Search_ PriceGrabber" width="480" height="387" /></p>
<p><strong><br />
</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/07/01/197/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>What are the barriers in designing Faceted Search?</title>
		<link>http://www.aliued.com/2009/07/01/195/</link>
		<comments>http://www.aliued.com/2009/07/01/195/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:43:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[User Experience Design]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=195</guid>
		<description><![CDATA[从超级低调的TG同学上COPY过来, 曾建议过他用中文写report, 他说这要把他逼疯掉，呵呵。 Faceted Search- a guided navigation tool with growing popularity in web 2.0 age. There are many ways to call it before: refined search, fi... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.kelikuru.com/">从超级低调的TG同学上COPY过来</a>, 曾建议过他用中文写report, 他说这要把他逼疯掉，呵呵。</p>
<p><strong>Faceted Search</strong>- a guided navigation tool with growing popularity in web 2.0 age. There are many ways to call it before: refined search, filtered search, narrow-down search or even vertical search. The naming convention has become a de facto standard for e-Commerce, product-related shopping websites and most often in travel industry.</p>
<p>Being lost in a search maze is a big disaster to many users, site operators have suffered most eventually. With faceted search, it is destined to help increase findability and speed up search for a desirable item.</p>
<p><img src="http://www.kelikuru.com/wp-content/uploads/2009/06/get-lost-in-seach-maze.gif" alt="Get lost in search maze" width="480" height="285" /></p>
<p>In designing a usable faceted search, TG found the major hurdles coming from:</p>
<ul>
<li><span>Too many facets, values and attributes that stakeholders want to display online. They thought the more options provided to users, the more useful and usable they are. <strong><a title="Jakob Nielsen" href="http://www.kelikuru.com/tag/jakob-nielsenhttp://" target="_blank">Jakob Nielsen</a></strong> in his latest email - <a title="Guesses vs data as basis for design recommendations" onclick="javascript:pageTracker._trackPageview ('/outbound/www.useit.com');" href="http://www.useit.com/alertbox/guesses-data.htmlhttp://" target="_blank">“Guesses vs Data as basis for design recommendations” </a> mentioned that excess features can hurt review and users are not quick learner, they tend not to learn</span></li>
</ul>
<blockquote><p><strong><span>We see how little users <em>care</em> about learning fancy Web techniques. People just want to get in, get their stuff done, and get out. They don’t want to learn.</span></strong></p></blockquote>
<ul>
<li><span>Lack of complete understanding of use cases as a result of not having a full analysis of user’s search patterns and behavior, making it difficult to display facets in different scenarios with levels of importance </span></li>
<li><span>Attributes are not mutually exclusive as taxonomy is not well-designed. Users will find facets missing while making their choices</span></li>
<li><span>How to create an effective layout to interact with users? Should it be on the left or at the top? How to capture users’ attention without distracting them from product display? How to create an initutive user experiences in using the facets? How to reasonably group the facets and values according to users’ expectation? How to indicate the facets are selected and unselected. There are many questions to ask in the interactive design level </span></li>
</ul>
<p>Authored by Stephanie Lemieux, <a title="Designing for faceted search" onclick="javascript:pageTracker._trackPageview ('/outbound/www.kmworld.com');" href="http://www.kmworld.com/Articles/Editorial/Feature/Designing-for-faceted-search-52781.aspx" target="_blank">“Designing for faceted search”</a> gave us a shortlist of Dos and Don’t in using the search tool.  While working on a project to improve faceted search, TG found it a big help in referring to the guidelines.</p>
<p>Another good article is from <a title="Posts by Jep Castelein" onclick="javascript:pageTracker._trackPageview ('/outbound/www.customerengagement20.com');" href="http://www.customerengagement20.com/author/jepc/" target="_blank">Jep Castelein</a>, who has done studies in <a title="Ten rules for Faceted Search on Travel Sites" onclick="javascript:pageTracker._trackPageview ('/outbound/www.customerengagement20.com');" href="http://www.customerengagement20.com/faceted-search-on-travel-sites-10-rules/" target="_blank">“10 Rules for Faceted Search on Travel Sites”</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/07/01/195/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>我的时间管理</title>
		<link>http://www.aliued.com/2009/07/01/193/</link>
		<comments>http://www.aliued.com/2009/07/01/193/#comments</comments>
		<pubDate>Wed, 01 Jul 2009 14:38:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[时间管理]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=193</guid>
		<description><![CDATA[从5KEY的BLOG上COPY过来, 不错的文章. 临近公司的年度项目上线，琐碎的事情也越来越多。简单的Todolist+Calendar总觉得有点不得力。事情虽然是记下了，但处理和归档起来总是比较麻烦。年后回来... ]]></description>
			<content:encoded><![CDATA[<p><a href="http://5key.net/blog/2009/05/18/time-management/">从5KEY的BLOG上COPY过来</a>, 不错的文章.</p>
<p>临近公司的年度项目上线，琐碎的事情也越来越多。简单的Todolist+Calendar总觉得有点不得力。事情虽然是记下了，但处理和归档起来总是比较麻烦。年后回来试用了37signals家的<a href="http://www.backpackit.com/" target="_blank">backpackit</a>两个月，感觉不是太好，而且网速实在是太慢。</p>
<p><strong>在以前，工作中主要用到两个：</strong></p>
<ol>
<li><a title="todoist" href="http://todoist.com/" target="_blank">Todoist</a>，当时为了找一款适用的Todolist，把Delicious翻了个遍。最后找到这个<a title="todoist" href="http://todoist.com/" target="_blank">Todoist</a>。虽然比较低调，但是东西超级好用，建议大家试用一下。</li>
<li><a title="Google Calendar" href="http://www.google.com/calendar" target="_blank">Google Calendar</a></li>
</ol>
<p>通过Firefox插件，管理每日需要做的事情。早上打印一份Todoist，对照完成每天必须的工作。Google Calendar管理每天需要参加的会议。下班前针对打印纸上的完成程度，在Todoist中做标示，调整时间。</p>
<p><img title="Todoist" src="http://lh6.ggpht.com/_NKXKW2V8pXY/ShEEmOYEqPI/AAAAAAAAAvs/aOvtgE2OaEQ/s576/todoist.gif" alt="" /></p>
<p><img src="http://lh3.ggpht.com/_NKXKW2V8pXY/ShEFs382a6I/AAAAAAAAAvw/NJiWS_9eNts/s800/todoist2.gif" alt="Todoist" /></p>
<p>通过一段时间的使用，一个新的问题出来了。一个月下来累积这么多的打印纸，整理到麻烦了。经常会发现打扫卫生的阿姨将某天的纸当垃圾扔了。当初看到<a title="加速你的工作-介绍GTD" href="http://blog.xiaoxiao.com.cn/2009/01/18/introduce-gtd.html" target="“_blank&quot;">XiaoXiao的《加速你的工作-介绍GTD》</a>还想去买一本文中提到的<a href="http://www.gar-d.com/ToDay_DailyNote/">是日笔记本</a>（见下图）。<br />
<img src="http://farm4.static.flickr.com/3338/3509479419_e74479781b_o.jpg" alt="" /></p>
<p>如果使用<a href="http://www.gar-d.com/ToDay_DailyNote/">是日笔记本</a>，貌似和日常的流程连不起来，维护起来太麻烦。仔细想想，相比<a href="http://www.gar-d.com/ToDay_DailyNote/">是日笔记本</a>，我需要的功能只是一个方便整理的方式。于是上淘宝翻了一下，果然有不少的<a href="http://search1.taobao.com/browse/0/n-g,wtzl7v537i-------2-------b--40--commend-0-all-0.htm?at_topsearch=1&amp;ssid=e-s1" target="_blank">打孔机</a>卖。搞一个回来将每天的打印纸装订一下就OK了。</p>
<p><strong>So，我现在的方式就成为了如下的方式，每天循环。</strong></p>
<ol>
<li>管理好我的Todoist</li>
<li>每天早上打印当天的工作内容</li>
<li>下班前整理归档到Todoist</li>
</ol>
<p>通过一段时间的试用，发现这个方式还蛮好的。其实他还是基于强大的<a title="todoist" href="http://todoist.com/" target="_blank">Todoist</a>。每月付费2美元，还可以获得Twitter的及时提醒功能。下个月我准备尝试一下。不知道大家的方式是如何呢？欢迎拍砖~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2009/07/01/193/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>注册表单的规则——读《Patterns for Sign Up &amp;Ramp Up》</title>
		<link>http://www.aliued.com/2008/06/26/84/</link>
		<comments>http://www.aliued.com/2008/06/26/84/#comments</comments>
		<pubDate>Thu, 26 Jun 2008 14:16:43 +0000</pubDate>
		<dc:creator>vinnyhoo</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[注册&表单]]></category>

		<guid isPermaLink="false">http://www.aliued.com/?p=84</guid>
		<description><![CDATA[ 《Patterns for Sign Up &#38;Ramp Up》很早就读完了，之所以今天才写读后感，细细读完了发现，它更为接近吸引注册、提升活跃度的社区构建引导，是一份社区活跃会员度研究的好资料。 既然答应... ]]></description>
			<content:encoded><![CDATA[<p> <a title="查看地址" href="http://www.scribd.com/doc/3418440/may008-signup" target="_blank">《Patterns for Sign Up &amp;Ramp Up》</a>很早就读完了，之所以今天才写读后感，细细读完了发现，它更为接近吸引注册、提升活跃度的社区构建引导，是一份社区活跃会员度研究的好资料。</p>
<p>既然答应写读后感，就从我的视角来说一点与注册有关的东西，先把整篇资料的骨架分解一下，然后再结合其中观点谈目前的感受。</p>
<p>注册其实是个有点枯燥的任务，《Patterns for Sign Up &amp;Ramp Up》里提到的观点是：</p>
<p><strong>Give the user good reasons to join</strong>——乍看起来有点营销的味道，事物的本质不变，但人的情绪是可以扭转的——让用户有充分的理由来注册；</p>
<p><strong>Make the sign-up process feel effortless</strong>——改变枯燥令人生厌的感觉，就是我们需要做的努力：让表单或整个注册过程变得轻松省力；</p>
<p><strong>Don&#8217;t leave new users hanging</strong>——这个观点在整篇资料里的意义侧重于提升活跃度的办法——用户不是完成了注册就完成了使命，了解社区的新事物才是刚刚开始；</p>
<p><strong>Accelerate initial connection-making</strong>——如果说活跃度从上一个观点拉开序幕，那么这里就是如何使用户在社区里开始生活，建立联系比如通过自己之前发布的信息来联系好友，真的体验海内存知己，天涯若比邻的感觉。</p>
<p>整篇的骨架结构就是一个循序渐进的行为引导，为facebook的引入会员、维护社区活跃的初始引导，做了详细的注解和指导，可做手册查阅。读后侧重工作的总结，梳理几条注册表单的规则：</p>
<p><strong>I.当表单结构需要多步时，需要注意的是给出清晰的导航</strong><br />
a. 使用进度标尺来告诉用户当前的位置和整个步骤<br />
b. 强调几个步骤中的逻辑联系，比如标明：step1、step2、step3<br />
c. 用有意义的图片或ICON甚至是标题来解释各个步骤<br />
d. 使用简单的语言或第二人称描述行为动作<br />
e. 逻辑步骤最好限制在3步内</p>
<p><strong>II.用户在注册行为中的提示<br />
</strong>a. 提示信息（tips）尽量在需要帮助或有前后行为衔接的地方出现<br />
b. 对用户的鼓励应在进程中体现，如每完成一项输入提示一个打勾的图标<br />
c. 尽量避免出现弹出框的警示提醒<br />
d. ICON的出错提示避免用警告的表达，使用户有挫败感<br />
e. 简单易识别的ICON来标记提示、成功、出错的样式<br />
f. 提交表单时如果有出错，过长的表单最好将出错提醒显示在整表头部，指引用户改正</p>
<p><strong>III.关于文案</strong><br />
a. 质量重于数量，一针见血地说出亮点，而非平铺罗列<br />
b. 尽力避免有特殊含义的文案，如果有专属名词请一定要解释清楚，避免用户的困惑<br />
c. 尽力思考文案表面的亮点，什么才最吸引用户，有时“最新”的字样不一定是用户最感兴趣的<br />
d. 在我们以往的项目中多项数据和实践强调证明文案真的很重要</p>
<p><strong>IV.表单的布局</strong><br />
a. 尽量使用对齐的字段、等长的输入框以及一致的视觉样式来减少视觉干扰<br />
b. 尽量控制在一屏内出现3-6个字段和输入框（多用于多步骤的情况）<br />
c. 如果有选填和必填时标明差别<br />
d. 为不同概念的信息归类，尽可能地分开选填和必填</p>
<p>这些表单设计的通用规则，美国Yahoo的LukeW同学对表单做的充分解释也涵盖了它们，都是最为常用的，总结一下给同学们参考，活跃度的引导还是有非常多能深挖的点。这里按下不表，留作后续分解^_^。</p>
<p> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.aliued.com/2008/06/26/84/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

