<?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>小O贝塔 &#187; Design</title>
	<atom:link href="http://www.xobeta.com/category/designs/feed" rel="self" type="application/rss+xml" />
	<link>http://www.xobeta.com</link>
	<description></description>
	<lastBuildDate>Fri, 03 Feb 2012 11:58:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>拿来主义</title>
		<link>http://www.xobeta.com/nalaizhuyi.html</link>
		<comments>http://www.xobeta.com/nalaizhuyi.html#comments</comments>
		<pubDate>Mon, 12 Sep 2011 07:02:49 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=942</guid>
		<description><![CDATA[前几天，摩铁图书发布新书《乔布斯传》，把我拉过去站台。现场讲了不少，但并不是很系统，这几天再琢磨，也有一些新发现，因此写出博文出来跟大家分享，也欢迎大家拍砖。 在这里，我想谈一谈乔布斯的拿来主义。 1997年乔布斯重返苹果之后，苹果在核心技术上全面采用了拿来主义的策略，也就是说苹果产品上的很多东西，核是别家的，或者是收购的，然后再在外面加了一个壳。比如说，iOS操作系统和Safari浏览器都是在别人的核心上加了一个苹果自己的壳。这是乔布斯对过去的自己的“反叛”，在我看来，这就是拿来主义。 就他的技术和产品思路来看，拿来主义就是不再重复发明轮子。相比之下，微软做东西是很累、很辛苦的。比如，Windows操作系统是微软自己从底层做起，再加上一大把自己的应用软件，还要考虑跟老版本保持兼容，还要考虑支持世界上各种硬件驱动。乔布斯之前跟微软斗得厉害，但重返苹果后，苹果放弃了之前啥都自己做的路线，而是采用拿来主义的策略，比如iPhone上的不少模块就是现成拿来的，还有多点触摸屏技术。有一次，我跟一家运营商讲，你看人家苹果也没像既没有试图去占领技术制高点，也没有非要建一套通信标准，但人家就把用户体验做到极致，一样在手机市场搞了个天翻地覆，打败天下无敌手，甚至整合出iTunes、AppStore出来。这种对既有技术的整合难道不就是一种创新吗？ 过去，不少人有一个观点，认为从底层做出来的原创才叫做创新，认为觉得做出核心来很重要，在核心上做什么反而不重要。但是，他们不明白，在某种程度上，壳比核还重要。用户体验好不好，都是体现在壳上，都反映在你在核心上做了什么。苹果从2001年开始推iPod，这种在珠海烂大街的MP3播放器并没有什么核心技术，但是苹果持续多年在壳上下功夫，追求极致，创造出一流的用户体验，这是决定iPod畅销不衰的基础，同时也创造了苹果进一步改变数码工业的条件。 我认为,乔布斯的拿来主义值得我们去反思。拿来主义告诉我们，并不是什么都是自己做，才是叫做高科技。过去，很多技术公司从自己出发，千辛万苦做出一个东西出来，觉得用户看不明白，没有热烈欢迎，就要去教育市场，教育消费者，高调宣传其中的核心技术。相反，你看苹果，也没宣传哪些技术是自己十年磨一剑磨出来的，但是用户只要一用就上瘾，就觉得好。所以，我觉得技术这东西，不管是不是自己原创的，只要你有能力给用户带来比别人好的、一流的体验，那么你就是在创新，这种创新与做出核心技术相比，同样重要。 其实，乔布斯也吃过技术的亏。他离开苹果后，创办了NEXT公司，也是比较偏重以技术主导驱动市场，结果市场并不买账。本质上说，乔布斯并不是搞技术出身的，苹果公司的另外一个创始人沃茨是真正的技术出身。但正是因为乔布斯不是搞技术的，所以在他眼里技术不是产品的根本。相反，很多技术出身的人过于迷信技术，变成了为了技术而技术。技术本来是手段，结果成了目的了。为了技术而技术，其结果就忽略了消费者。所以，我也经常告诫技术人员，包括我自己，做好产品服务消费者才是根本，用谁的技术、用什么技术都是手段而已。 所以，乔布斯重返苹果，应该是带着对时代的一种新认识，也是他离开苹果之后不断反思的结果。如果他早五年重返苹果，我认为他的拿来主义很难成功，在当时不太可能成为主流。像今天的苹果产品所表现出来的那种流畅的感觉，当时的软硬件即使能支持，也是非常昂贵。但摩尔定律发展到今天，软硬件的条件具备了，用户体验时代来临了，于是乔布斯趁势而起，一发而不可收拾。 源地址：http://zhouhongyi.blog.so&#8230;&#8230;82140427.html]]></description>
		<wfw:commentRss>http://www.xobeta.com/nalaizhuyi.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Android 3.0交互&amp;UI</title>
		<link>http://www.xobeta.com/android-3-0.html</link>
		<comments>http://www.xobeta.com/android-3-0.html#comments</comments>
		<pubDate>Mon, 12 Sep 2011 07:01:13 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Android 3.0]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=939</guid>
		<description><![CDATA[Android OS自上市以来，由于缺乏统一规划，使得不同设备在 1.5、1.6、2.0、2.1、2.2、2.3几大版本徘徊，本人用的HTC Hero(俗称G3)也是从1.5~2.3一个个版本，10多个rom手动刷机试过来的，过程及其纠结 ~。 多系统版本带来的问题就是缺乏交互、UI的一致性，外加硬件厂商HTC、摩托罗拉、三星、夏普（创新工场点心OS）、小米（MIUI）等公司热衷于UI的个性化发挥，以及民间高手的DIY rom 等因素，影响着安卓饭儿的用户体验，使各阶层用户徒增学习使用成本，也让APP开发者在不同版本兼容性间疲于奔命。 过渡开源的Google终于明白一个道理：没有规矩不成方圆，对搭载Android 3.0系统的所有平板电脑进行UI设计规范的梳理。自微软、苹果之后， google也终于推出了自己的UI设计规范，这对用户来讲是个贡献。 此规范的主要目的在于统一Android 3.0设计思想，从视觉设计、UI模式，框架特点、前端开发等方面去指导、影响后续开发者。 这就是Android 3.0的系统初始UI，考虑下蜂巢比ipad设计好在哪里 多任务、板块之间的灵活切换、工具添加……通过缩略图，而变得更加直观。 Action Bar、多栏布局、应用程序导航，这些系统功能在姜饼（Android 2.3前版本）和蜂巢（Android 3.0）之间的设计异同及取舍...]]></description>
		<wfw:commentRss>http://www.xobeta.com/android-3-0.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Omnimo4 – 简单把 Win7 打造成 Windows8、WP7 桌面界面特效</title>
		<link>http://www.xobeta.com/omnimo4.html</link>
		<comments>http://www.xobeta.com/omnimo4.html#comments</comments>
		<pubDate>Tue, 12 Jul 2011 12:53:47 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Metro]]></category>
		<category><![CDATA[Omnimo]]></category>
		<category><![CDATA[Windows Phone7]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=916</guid>
		<description><![CDATA[虽然 Windows8 还没发布，但其全新简约且时尚的桌面风格已经让无数人着迷。与 Windows Phone7 手机系统界面类似，微软将其称为 Metro UI。于是，网上各种 Win7 美化成 Win8 的伪装方法如雨后春笋般冒了出来。 美化虽然只是骗骗眼睛，可一样能够让人乐此不彼！今天介绍的 Omnimo 和 Rainmeter 这两款免费软件就能轻松实现 Windows8 和 WP7...]]></description>
		<wfw:commentRss>http://www.xobeta.com/omnimo4.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>移动设备端的注意力</title>
		<link>http://www.xobeta.com/compete-for-the-attention-of-mobile-device-side.html</link>
		<comments>http://www.xobeta.com/compete-for-the-attention-of-mobile-device-side.html#comments</comments>
		<pubDate>Tue, 12 Jul 2011 02:10:20 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=910</guid>
		<description><![CDATA[“注意力经济”这个新名词时，它带给惊奇和震撼。注意力经济似乎预示着一个新的时代的到来，从有限的物品时代到无限信息时代。在这个过程中，人的注意力越来越弥足珍贵。人，作为选择和使用的主体，变得越来越重要。 注意力经济是产生于特定的互联网时代的。只有在互联网时代到来的时候，注意力的重要性才历史性地被提上了日程。所谓注意力，是指人们关注一个主题，一个事件，一种行为和多种信息的持久尺度。我们可以把人们关注信息和事件等中的接受端提取出来加以量化，这种量化会形成一大笔无形资产，因而就具有价值。因为实物产品需要的只是金钱，理论上只要一个人有无限多的钱，你就有无限的可能去开发他的消费潜力。但是，互联网产品要的是人的注意和精力去使用，钱可以是无限的，但人的注意力却是非常有限的。所以，争夺注意力要比争夺钱难多了。也就是说，在这个时代，用户才会真的感觉的自己是上帝，而且可以做不用付钱的上帝。 注意力经济有着自身独特的内涵和特征，意力经济营造了一种新的商业环境和商业关系，它改变了市场的观念以及市场的价值分配种新的商业模式，使得企业越来越注重客户以及普通用户的价值。移动互联网时代的到来使这个观念更加深入人心。移动设备因为小巧、便捷、私密而使人们赋予更多的注意力在上面。移动互联网产品也应该因其特性而应该具备以前互联网产品所不具备的一些特性，使其在小小的移动设备战场上取得胜利。 有限注意力——好东东太多啦！ 移动互联网无疑开辟了新的战场，新的产品具备如何的特征，这些特征是否符合移动设备的典型特点就成了产品是否成功的关键。在设计产品的同时尝试回答一下问题，用户希望得到什么样的信息，完整复杂的还是简单明了的？产品内容的格式符合移动端特点吗？用户是在什么环境下使用产品？用户以什么样的交互方式去获取信息内容的？在不断的回答与取舍中，移动互联网的才能在有限的注意力中获得更多目光。 短短时间内，apple、android、blackberry以及symbian的应用商店的商品数量就以百万计，而且每年、每月、甚至每天每秒都有无数的应用上架，这么多的应用、这么多设计者的idea层出不穷，要用户去钟情于一款或者几款产品是多么难为人的事情。选择越多，吸引用户就越难，保持用户忠诚度就难上加难。我们努力了解用户的想法、研究用户的使用习惯、测试用户对于新产品的使用体验，我们不但力求诞生得完美，更期待迭代地精彩。我们追求更完美的每一步，只有这样我们才能使我们的产品更得用户的青睐。 争夺注意力——不好用就扔！ 实物商品时代，“顾客就是上帝”更多像是个骗局。生产者和商家对于用户要做的是“忽悠”你去买已经在库房的产品，一旦你付了钱，对不起，你从上帝的位置上下来吧。从售后到保修再到使用体验，不知道还有几个人能感到自己是“上帝”。而作为上帝的你，付血汗钱买一个实物，尤其是价值不菲的实物，你便要尝试改变自己去适应它。否则，你会因为使用体验不好用而扔掉再买一个等离子电视或者一台冰箱或者一个笔记本吗？谁花那么多钱去买一个IPAD，然后说：“真难用扔了”，难用也得放在家里当装饰品。但是互联网时代的到来彻底颠覆了生产者的傲慢，删除或者卸载一个应用需要多久去抉择或者要付出多大的成本，尤其是者东东还是免费的时候——当然是：不好用就扔！ 因此，人性的交互设计和完美的视觉效果对于吸引移动端用户就非常重要了。移动端设备与PC设备在产品特点、使用环境和使用原因方面都有非常大的差别。在做移动设备产品时就要非常注意用户在使用过程中始终如一的“体验性”。一般用户在使用移动端设备时都处于独自一人的状态下，用户会有更投入的使用状态，产品使用户保持这种状态的能力就是产品成败的关键了。 维持注意力——欲罢不能的体验过程！ 移动互联网时代，人们专注在小屏幕上的时间多是碎片化时间，公交上、地铁上、等待朋友时、晚上睡觉前，手机都是最方便、最快捷的连通工具。在这个碎片化的时间里用户却有比较强的目的性。已有文章指出，通常，在移动的情况下，用户进行访问是为了达到某一目的，而不是为了阅读乐趣。用户访问的目的性就清晰的显现出来，尽快让用户得到用户想要就是非常重要的、在涉及到产品设计时，就应该在交互流程方面不断改进。要让用户尽快地达到目的，因为在随时可能中断的时间里，用户可能因为完成困难而随时放弃应用程序。 俗话说，江山易打难坐。很多时候，维持用户注意力，形成用户的使用习惯要难于吸引用户。有调查显示，有13%的用户表示自己因为曾经有过不好的UI体验而避免再次下载该品牌的其他应用。这就是说，我们的每一个产品应该保持一贯的优秀，才能很好的维持用户对于品牌的认可度。 传播注意力——时不时地和朋友分享一下！ 传统时代我们习惯于接受外部铺天盖地的宣传，点对面的宣传是传统时代的信息传播特点。信息爆炸的时代，人们的注意力是有限的。因此，选择信息的方式就决定了分配注意力的比重。在越来越多外部干扰的情况下，人们反而更依赖与自己所属群体的选择方式，同事、朋友、亲属或者兴趣小组的分享有效性远远高于外部传播。微博的兴起把我们推进了一个“微时代”，点对点的传播的影响力越来越大。虽然这个转变的局势依然不是很确定，但是口碑传播确实重新变得重要起来。人们对于广告的反感、对于宣传的厌恶，使SNS时代的传播方式更为人们接受何认可。那么在移动设备端，如何让我们的应用通过这种渠道传播呢？ 移动端的产品设计中应该有更鲜明的标记特征，应该适合于更多渠道的传播。产品品牌更具有内涵性和故事性，适合于互联网的传播。而产品也应该注重利用用户自身的社会网络，让用户在使用过程中有一定的归属感，让用户自身的社会网络去“黏住”用户，用自身去影响身边的人。不动声色地微传播，让我们的“产品”多飞一会儿吧。 出自”百度MUX”]]></description>
		<wfw:commentRss>http://www.xobeta.com/compete-for-the-attention-of-mobile-device-side.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>tangram开发中使用的开源工具介绍</title>
		<link>http://www.xobeta.com/tangram.html</link>
		<comments>http://www.xobeta.com/tangram.html#comments</comments>
		<pubDate>Sun, 01 May 2011 15:00:23 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=891</guid>
		<description><![CDATA[目前tangram的整个开发流程如下: – 编写代码和单元测试用例。用到的工具有firebug和qunit。 – gjslint检查代码。 – 提交代码code review，用到的工具有Rietveld。 – 根据code review 结果修改代码，重新进行gjslint代码检查和过所有单元测试用例，直到code review通过 – 提交代码到github。用到的工具有git。 – 发布新的版本。使用jsdoc-toolkit生成api文档，使用ant生成需要的js文件，使用yui compressor js/css压缩工具压缩源代码。 整个开发流程及其中使用到的工具如下图所示:...]]></description>
		<wfw:commentRss>http://www.xobeta.com/tangram.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Flash真的适合做网站应用吗？</title>
		<link>http://www.xobeta.com/flash.html</link>
		<comments>http://www.xobeta.com/flash.html#comments</comments>
		<pubDate>Sun, 01 May 2011 14:52:56 +0000</pubDate>
		<dc:creator>kitae</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.xobeta.com/?p=888</guid>
		<description><![CDATA[原文链接：http://q.pnq.cc/archives/496 两年前，我们开发了一套基于Flash的文件（主要是图片）上传RIA应用，提供给阿里巴巴的用户使用。如果你使用过Wordpress或flickr上传图片，你应该已经用过类似的产品。这个程序基于YUI Uploader开发，增加了一个实用的功能——在客户端先将图片缩小，再上传到服务器。用户用数码相机拍摄的照片往往有600万以上的像素，但产品图片放到阿里巴巴网站上显示，并不需要这么大的像素，通常等比例缩小到1024×1024之内就可以了。借助于Flash对图片先缩小再上传的技术，我们在没有增加服务器投入的情况下，将原先上传图片的尺寸限制由250KB/张提升到了5MB/张。同时，Flash上传还比传统HTML表单方式上传有更好的体验，例如可以多选一批文件同时上传、可以实时展示上传进度、选择文件时可以过滤非图片文件。 这个组件获得了很大的成功。上线后不久，阿里巴巴网站上用户的图片上传数量由日均1万张左右上升至日均15万张左右。但在这个上传应用投入应用的两年中，我们遇到了各种问题。 1. BUG 在基于IE多标签浏览器中的伪沙箱问题就不说了，最严重的是cookie的问题。使用FileReference.upload的方式上传文件，http请求中附带的cookie信息不一定是当前浏览器进程的cookie，在Firefox、chrome等非IE浏览器中非常严重，可能传输的是IE中的cookie。即便是IE，也可能传输的cookie内容和当前页面的cookie记录不符合。这直接导致服务器端在收到文件之后的安全验证中失败。而对于阿里巴巴这样的大型网站，有比较成熟的java web框架，要去掉对cookie的依赖非常麻烦。于是结果就是，首先我们只有在用户使用IE系浏览器的时候才使用Flash上传，其次我们隔三岔五的还会收到使用IE的某些客户的投诉，在花费了大量的时间排查之后，我发现是由于cookie的问题导致上传失败。这个bug已经存在很多年，但是随着Flash从9升级到10，许多版本过去了，问题依然没有被解决。对于闭源的Flash，我们也帮不上忙。 2.性能 相对于现今数码相机的像素量，5MB的大小限制非常保守。但大于5M的时候，在一些低配置的电脑上，读取文件内容的时候就会发生浏览器假死现象。假死很容易导致浏览器崩溃，所以我们采取了保守的限制——5MB。 另外一个性能消耗是将BitmapData编码成JPEG文件的时候。Adobe提供了JPEGEncoder，但由于是Array实现的，所以性能是个问题。编码一个2880×2880的图片在一台中等配置的电脑上大约需要15秒时间。 我用Vector改写了这个类，时间缩短为3.5秒左右。使用Alchemy，时间进一步缩短到1.5秒左右。但还是不够安全，所以最后采用了异步Vector的方式，延长编码的时间，以保证程序的稳定性。（评测在这里） 3.图片质量 Flash内置的最好的图片缩小算法（用BitmapData.draw，并将smoothing参数设为true），在缩小图片的时候容易产生锯齿。因此我改写了Jacwright提供的缩小算法，图片质量的问题解决，但代价是性能又降低了一些。 4.安全限制 Flash10.0之后，增加了一个安全限制——当URLLoader以标准文件上传的方式发送POST请求的时候，需要由用户的UI操作（鼠标点击或按键事件）触发。因为我们对用户的图片做了处理，已经无法再通过FileReference上传，只能通过URLLoader。这个安全性限制规定每次发起一个上传文件的URLLoader请求，都必须让用户点击一下鼠标才可以。如果用户选择了20张图片，就要点击20次鼠标。这显然是无法接受的。因此我们放弃了用标准文件上传，采用普通post形式。代价是失去了对上传进度的跟踪，不知道文件上传的百分比；同时服务器端也需要改造。 改变 最近，我们做了一个决定：开发一个类似功能的ActiveX控件，替代Flash作为图片上传的主要解决方案。ActiveX的优势是性能，不足之处在于只能在Windows+IE浏览器中使用，但实际上我们的Flash上传目前也只能在IE中使用。Flash真的适合像阿里巴巴这样的网站使用吗？闭源和性能是Flash最大的问题。但在HTML5被广泛支持前，Flash和传统Ajax还是我们最主要的富客户端应用开发技术，相对于ActiveX、Silverlight、JavaFX、Gear等技术来说，Flash还是有安装率优势的。我们看到Adobe最近在新功能开发方面非常给力，值得称赞，但基础的功能的持续完善对开发者也同样重要。目前Flash依然是我们很重要的RIA技术，但是HTML5完全到来的那一天，现在很难说。]]></description>
		<wfw:commentRss>http://www.xobeta.com/flash.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

