1.不盲目创新，创新必须更好
苹果的思路很明确，苹果的Jobs和设计师也都说过，苹果追求创新，但是不会盲目的创新，创新必须使产品更好。事实上近年来这一点上苹果的表现越来越明显，也越来越好。人们往往批评苹果总是用一点小小的升级和改变来推出新产品，但是对于一个做得非常好的产品，苹果有什么理由去推翻它？苹果必须保证每一点改变都是为了使产品更好，而不仅仅是创新。
暴雪也一样，如果一个作战单位经历了10年的时间考验，证明它的设计一直非常优秀，有什么必要以创新为理由去做改变？RTS不是暴雪创造的，从对C&C的模仿到不断改进使星际登上RTS的巅峰。而将动作元素加入传统RPG中也可以说是一次发明创造。

2.不做概念设计，只做精品
苹果不玩概念设计，暴雪也一样，它们不会把很炫很科技很未来的产品做成动画，做成视频，做成演示demo。那些玩意儿是给外行看的，可以赚眼球，不能赚钞票。
但是它们也在尝试各种新奇的充满想象力的创意，只不过这些想法只需要和自己的同事共享就足以，或许一张草图就可以和团队交流碰出火花。所以展现给我们的，只有通过精彩的创意精炼出的高品质产品。

3.严格保密，封闭开发
苹果一直实行严格的保密制度，除了在iPhone4上的百密一疏；暴雪虽然没有苹果那么变态，但是也低调到一种境界了。苹果的设计师还曾经表示自己的团队领先外界20年，都不需要与他人交流，暴雪也从不热衷“泄漏版”之类的炒作，只是专心做好游戏。除去商业因素，这也是一种态度和自信。

4.不赶潮流，挖掘成熟市场潜力
苹果曾经冒进过，而更加成熟的乔布斯回归之后，苹果一直非常稳健，iPod，iPhone，iPad等产品都是在市场成熟甚至看似饱和的时候，脱颖而出，并能避免竞争。暴雪则一直很稳健，其产品覆盖的RTS，ARPG，MMORPG等领域都是竞争最为激烈的市场，但是精品就是精品，只要不能接近和超越它，就不构成竞争，反而是在拓宽整个市场。

5.重视技术的关键是恰当地使用技术
如果有成熟的技术可以满足产品需要，苹果就会去使用，而不是单纯追求更快更高更强。如果现有技术不足以支持产品，苹果不惜投入研发更好的技术，比如A4处理器。暴雪也是一样，它的引擎或许不是最先进性能数据最好的，但是通过优化和其他方面的努力，暴雪游戏的表现都足够优秀了。

6.品质比时机更重要
上一代iPod touch更新的时候，被认为是苹果为其加入摄像头的最佳时机，但是最后时刻的问题使苹果放弃了这一升级，为的是保证产品质量。花费数年去研发，一款产品卖几年的事情，可以让你的产品晚点进市场却更成功，同时伴随巨大风险。暴雪也是如此，暴雪的游戏经常在完成度非常高的时候被推倒重来，对其他公司来说这简直是自杀，这要求你必须推出一款极成功的产品，否则就意味着失败。

7.不迷信用户调研与数据分析
用户调研和数据分析都是为设计服务的，不是用来指挥设计或者当作评判标准的。苹果曾经吃过用户调研的亏，而不再轻易相信用户调研以后，苹果的表现则一直不错。暴雪也重视用户调研和数据分析，但是当用户调研的结果和设计师的自己的感受与想法不同的时，他们会再去验证，并最终相信设计师自己的判断。（这或许和它们的产品有关，特别是创新型产品）

巴西对朝鲜的比赛要开始了，看球看球！

这里我先分享一个网站http://cssiphone.com/，这里有很多针对iphone而设计的网站，很多都非常本地。
然后我就考虑我的blog是不是也该有一个mobile版？根据智能触摸屏手机的ua来配适？方便简单的阅读文章就可以了。
在设计过简单的原型后，我觉得移动版的blog应该是很简单的，很可能已经有插件，为什么不先去找找？
google了一下，果然有！试用了几个服务以后，我决定用WP-touch，功能和浏览体验都感觉不错。

在上周，我有看到一篇博文，作者在这方面的经历和我很相似。但是他专门介绍了11个简单的web移动化解决方案，在一一试用后，我知道自己之前就已经幸运地找到了自己的最佳选择:-)
但我还是觉得值得分享一下他推荐的11个解决方案，如果你也有WordPress，可以试试。如果你访问一些移动版网页，也谈谈你的体验吧:-)

原文链接：http://webdesignledger.com/tools/11-excellent-solutions-for-making-your-website-mobile-friendly

WPtouch

Wptouch是一款适用WordPress的插件，可以让你的WordPress拥有iphone风格的主题。加载超快并且内容呈现出色，并且不影响正常的网站主题。当你用iPhone, iPod touch, Android, 或者黑莓Storm的触摸移动设备时它将你的WordPress 博客转化成网络应用的体验。它也可以设置广告……

MoFuse

Mofuse是已有23000人所使用的转换服务，一些著名的大牌网站Mashable and Read Write Web也在使用。Mofouse为你的Wap站点提供了很强的自定义性，可以让你更新内容，和好友互动，甚至得到广告收入。

Mippin Mobilizer

Mippin mobilize会自动检测任何访问你的网站的移动设备，它能通过几个简单的步骤重新组织你的网站来适应手机型号。它也可以让您的网站通过广告赚钱。

Mobify

Mobify可以让你通过CSS来设计布局，并且支持5000多种移动设备。你也可以使用工具来管理手机广告，做分析。

Wirenode

Wirenode目前拥有将近4万的移动网页，其中包括一些流行品牌REEBOK 和FORD.用wirenode它只需要5分钟就能让你拥有移动版本的网站。它拥有很多功能，你可以在手机RSS输出的底部加入其他的一些个性化的内容，例如可以加入文字，图片，链接（甚至可以加入可以直接拨打你手机号码的链接功能）以及其他一些个性化的Widgets。这些Widget包括RSS内容显示，时钟显示，加入手机留言功能（可以设置直接发送消息到你的Email）等。总而言之很强大！

WPtap

Wptap提供移动主题、插件，当你使用iPhone，iPod，触摸式黑莓和Android智能手机时，它能快速把你的wordpress网站转化成移动版本。Wptap为你的wordpress网站提供全面的移动主题解决方案。它可以实现WordPress的所有标配功能：搜索，登录，分类，标签，档案，照片等。Wptap也能通过易操作的控制面板进行设置和管理。

mobiSiteGalore

obisitegalore它能够让你轻松地建立，发布和共享全面的移动站点，并且保证在任何手机上都能使用。设计模板可以让您完全自定义页面上的颜色，字体和布局，以创造一个独一无二移动网站。

WordPress Mobile Pack

WordPress的移动包是一个完整的工具包，能够让你的WordPress移动化。它包括一个移动转化器，能够通过访问你网站的的设备的类型来选择，一个手机主题，额外的widget，设备配适和移动管理等，以允许用户在外地编辑网站或写邮件。

Zinadoo

Zinadoo是用于手机的个性化网页创建工具，使您能够在短短几分钟创建一个网站的移动版本。您还可以为google moblie优化您网站的关键字和标签，并利用其特殊的移动widget。

Winksite

Winksite是第一个符合标准的移动网站建设者，其中包括可以通过RSS进行内容调整和移动社区功能调整。如讨论，聊天，投票。他还能让您的网站通过投放广告赚钱。Winksite不会收取你任何提成。

MobilePress

Mobilepress是一个免费的插件，它能够让你的博客在手机访问时转化成移动版博客。它能让你适配不同的系统和浏览器，例如IPHONE， OPER MINI和windows mobile。

今天下午北京的UCD书友会，包括组织者在内也仅有寥寥数人做相关工作，但是只要和移动设备或者互联网有点关系的企业，都对这一领域充满兴趣或虎视眈眈。

开场有位百度的朋友对移动互联网在中国的前景表示堪忧，我认同他的观点。在中国运营商的势力太强大，它们主宰用户购买手机的成本，用户使用网络的成本，用户使用网络的速度……这一切都是垄断运营商说了算。这意味着中国移动互联网的产业，不一定能照搬国外的经验，而很可能会走出一条“具有中国特色的发展路线”……

第一个议题是大家使用移动设备使用什么互联网应用？
iPhone的诞生让我们都确信数码产品和互联网的未来都在移动设备上，然后大家不可避免谈到iPad，iPad是个很神奇的产品。在亲手使用iPad以后，我想不出除了工作和魔兽，我有何必要打开电脑。但是它更多的时候更接近笔记本，而不是“移动设备”。为什么iPad以后大家对“移动互联网”更有信心，大概是因为它可以让你在使用很多桌面互联网的时候，拥有更好的体验。 你可以说iPad是一款移动互联网设备，但是它更接近笔记本，所有人们叫它“平板电脑”。实际上它很大程度上是占用了你本该使用电脑的时间，不是吗？当你使用电脑用email，SNS，Google reader还有QQ的时候，iPad才有机会。而你用手机同样使用这些应用的时候，并不会受到iPad多少影响。

也有人对这个称谓不屑：“它比电脑差远了，如果它运行Mac OS，我就承认它叫电脑”……
对于新事物，不必纠结于名称定义，它还有很多变化的可能。 所以还是让我们把注意力放回手机这样的移动设备。

然后有位朋友表示了担忧：“是否意味着移动互联网会超越甚至取代桌面互联网？”
有位游戏产业的朋友说得很有道理——“这取决你的使用情境和产品的用户体验”。移动互联网带来的可能性必然会削弱桌面互联网的统治地位，作为互联网企业，这既是挑战更是机遇。他举了大众点评这样的例子，在web，wap和Android，iPhone这样的智能手机上，点评都设计了适应的产品。当我在户外的时候，使用为iPhone定制的app，完全遵守iPhone的设计规范，学习成本很低，并且利用GPS定位导航功能来帮助我找到附近合适的店家，查看网友的评论，这时我当然会用这个app。

“那么移动设备的网页和客户端哪个更好？”
这个问题还是一样，如果你的iPhone没有安装大众点评，或许专门为触摸屏手机设计的移动版网页要比wap或者web有更好的体验。

这里我认为还有重要的一点，就是成本因素在移动互联网上比桌面互联网的影响更突出，大致分为三类：
1.经济成本 桌面互联网的成本因素很小，设备普及度很高，网络资费较低廉；但是智能机和手机网络的资费还是较昂贵，还有很大的利润空间和降价空间，这主要影响经济成本。
2.学习成本 电脑操作系统的交互方式也差异较小；而手机的操作系统繁多，硬件设计差异性很大，这要求研发者在设计方面投入更多，来降低用户的学习成本。
3.时间成本 桌面电脑使用web应用的性能几乎没有任何问题，还有输入等操作的速度都很快；而面对手机良莠不一的性能以及不便的输入方式，如果让你的应用速度更快更省时？ 这些成本因素无一不影响着用户体验，影响移动互联网的产品设计。

最后大家谈到移动互联网的杀手级应用，我们说到的，也许是别人早就说过的，但真是太值得大家去做了。
我不敢说什么应用是杀手级的，无论是电子商务，SNS，网络游戏还是twitter，foursquare或者创新型的SekaiCamera，只要能合理利用好移动设备的几个特性，就可以是赢家：
1. 可全天候随身携带的待机状态
2.触摸，语音和摄像头等丰富交互介质提供的创造想象空间
3. 灵活强大的推送机制
4. 手机号码代表真实身份，通讯录意味着真实关系
5.GPS，基站定位等地理位置定位功能
6.应用的快速启动快速使用

不限于此，这个领域有太多可能，一点体会，欢迎讨论:-)

除此之外，Geekcook还有Web2.0的营销活动，去年我的blog正从百度空间迁移到WordPress，不便发文，于是现在来谈一下这个事情。我相信希会在Geekcook买东西的人，八成是个“网瘾患者”，于是有个blog也很正常，于是这种活动针对性很强，属于一种更有效的营销手段。如果你也有兴趣，马上访问一下他们的网站，去看看有什么中意的玩意儿吧！http://www.geekcook.net/

躺在床上在看手机里面的电子书；地铁里一只手拎着东西，一只手在拨号码；正在做饭的时候，手机响了，一只手沾满了油；这些情况下的人有什么共同点？只有一只手进行手机操作！

具有糟糕的单手操作体验的手机会让用户在某些情形下抓狂，而良好的设计则能解救他们，让他们更加轻松地应付各种操作。我个人非常怀念以前简单的按键手机，无论在什么情况下，一只手都能顺利得应付下来，有的手机还有专门为左手用户设计的左右按键调换模式（Accessibility的典范）。发展到触摸屏幕后，这个原则好像慢慢地被人忘记了，按钮越做越小，用户只能用手指尖去点击，操作也越来越复杂，这实在是与用户体验相去甚远的道路。

当然，市面上也不乏仍然出现着许多具有优秀单手操作体验的手机。从Else mobile前段时间发布的手机图片能够看出，该手机从界面上专门为单手操作做了很多优化。

拇指的人机工程学
在单手对触摸屏手机进行操作的时候，一般是以四个手指和手掌为依托，用大拇指进行操作，因此单手操作触屏手机变成了拇指和触摸屏的一场“对话”。

人机工程学的研究表明中，大拇指有三个关节能够活动（它们从上往下分别是）：
位于拇指外观中部的“拇指第一关节”：能向前弯曲最大90度，少数人能向后弯曲
位于拇指外观根部的“拇指第二关节”：能向前弯曲最大90度，少数人能向后弯曲
位于拇指和手腕连接处的“腕掌关节”：腕掌关节能够进行较大程度的屈伸，收展，所以能完成对掌运动（对掌运动是拇指骨外展，屈和旋内运动的总和。其结果使拇指尖能与其它各指掌面接触，而这是除拇指外其他手指腕掌关节都无法完成的）

手势
一般在操作时候，用户与触摸屏进行交互主要是通过不同的手势来进行。现有的触摸屏能够识别用户的手势有：tap，double tap， touch& hold， pan，flick，pinch & strech

Tap：用户用单个手指轻击触摸屏，随后马上与触摸屏分开
Double tap: 短时间，两次tap操作
Touch & hold：用户用手指轻击触摸屏，保持不动
Pan：用户手指轻击触摸屏，在不离开的情况下，移动手指
Flick：用户手指轻击触摸屏，然后迅速的滑动，同时离开屏幕（想象一下，你用手指在弹一个东西）
Pinch & stretch：用户用两个手指分别往两个方向移动。

在这里，我们只探讨一下单手操作触摸屏手机的拇指行为，所以先剔除掉pinch & stretch这个手势。

如何操作？
（接下来的部分，希望读者用一只手拿着自己的手机，亲自感受一下）

由于“腕掌关节”的活动范围和活动程度与“拇指关节”相比都更加大，同时也更加轻松，所以当用户的拇指从放松状态（拇指伸直）转移到需要与触摸屏接触的状态时，会优先使用腕掌关节（人还真是一种很懒的动物）。不信的话，请尝试一下单手握住屏幕，并自然的用大拇指触摸屏幕。另外，如果需要用手指尖触摸屏幕的话（想象一下有一个设计非常小的按钮需要你按动），拇指第一关节会向前弯曲90度，但与触摸屏接触时，仍然只活动腕掌关节。

在用户进行drag手势时，也会优先使用腕掌关节，只有当仅仅使用腕掌关节无法达到所需要的距离时，才考虑使用拇指的第一和第二关节。如果你是右手用户，请把手机放在手掌上，用大拇指从右上角到左部再到右下角，进行一个最大范围的弧形滑动，你就会明白我想说的意思了。对于右手用户来说，触摸屏单手操作还有一个“死区”—左上角（左手用户则是右上角）。因此，在设计需要在特殊环境下，必须单手操作的时候，该区域需要非常谨慎的使用（想想WM右上角的关闭按钮对于左撇子用户是多么大的一个噩梦）。

Flick是一个非常有趣的操作手势，用户在操作的时候，同样偏向于使用腕掌关节。但是腕掌关节的活动速度比拇指中部的第一关节的运动速度慢，当需要很快速度的Flick行为时，会自然地转向移动拇指第一关节。但是，别忘了，第一关节只能前后弯曲，所以只使用第一关节的Flick，只能上下操作（对！，弧线都不可以，除非有腕掌关节的参与）。

另外，想象一下是用户在使用Drag手势来上下滑动屏幕，其的运行轨迹也将会是一个弧线（那是因为他们在偷懒，腕掌关节运动多轻松，多美妙）。

用户是很忙的，让他们轻松一点，如果一只手能操作就用一只手吧。人类的进步在于解放了双手的直立行走，触摸屏手机的进步会不会在于解放了其中一只手呢？

（以上对拇指操作的一些研究是基于我个人的操作和对周围用户的一些观察，并不能包括所有的可能性。如果大家对这个话题感兴趣，或者有新的想法，欢迎和大家一块分享。）

By Sam @kaixin_yy

作者在沃达丰从事用户体验相关工作。

看了这篇简单的对比，顺手拿起自己的HTC hero也看了一下，把一些个人见解写了进去（红字部分，暂未增加截图）。

首先是锁屏，这是消灭 Tufte 所说界面残渣（interface debris，比如滚动条之类无助于信息显示的界面元素）的第一个例子。整个界面没有任何控件。

要解锁 Windows Phone，只需将整个屏保往上滑。手机就在屏保图片下方。

我还记得当我第一次看见 iPhone 时想：“哦，终于不用再记那些难以理解的按键组合来解锁了”。现在看着 Windows Phone 的解锁机构，让我产生了类似的想法。

WP7解锁上借鉴了HTC hero的Sense UI，不过通过截图来看，我觉得WP7的提示不够（是考虑到滑动解锁已经是一个“标准交互方式”吗）。

————————————————————————————————–

接下来是待机界面。Windows Phone 是动态的。我又回忆起 07 年第一次见到 iPhone 的网格界面，难免有些失望。“就这样？网格？”。Windows Phone 的 Live Tiles 点出了我三年前就期望见到的东西。

WP7的Live Tiles是一个服务入口，主界面支持widget的系统应该都可以做到这一点，WP7虽然简洁，但是不够直观。这一点上，我仍然更倾向android的做法。

————————————————————————————————–

接下来是 People 界面。在我们团队里曾有究竟是否应该在列表中显示照片的热烈讨论。我的观点一直是“没门，没人会通过照片来进行浏览”。看来 Windows Phone 的联系人列表可能会改变我的想法……好吧，它已经改变了。

对于“没门，没人会通过照片来进行浏览”这一观点很不认同，如果说是曾经的小屏幕限制，显示照片显然不及显示更多联系人姓名重要，。WP7和Hero都在联系人列表使用了照片，这非常好，相貌具有很强的识别性，WP7似乎有新的改进。

————————————————————————————————–

联系人详细信息界面是 iPhone 所用 chrome 之多的绝好例子。看看它，这些线条、背景、选框！（译注：chrome 在这里是指外观吸引人，但对系统功能无甚帮助的图形元素）

还有个值得注意的地方是，iPhone 似乎觉得数据（电话号码、邮箱地址等）比数据类型（移动电话、家庭电话）更重要；而 Windows Phone 觉得动作更重要（打移动电话、给移动电话发短信……）。Windows Phone 再次赢得了一分。

赞同作者观点，那些难记的数字是最不该突出的信息，该突出的是“呼叫手机”或者“呼叫宅电”等行为。Hero用图标进一步突出“动作”，还是那句话，这让界面更加直观。

————————————————————————————————–

Appstore/Marketplace。我无语了（这和 iPhone 的完全相反，有谁真去看那些文字？）

Android的market基本是复制了iPhone的Appstore，但是由于android本身略显繁琐的交互方式，个人觉得iPhone在这一方面应该有最佳的体验。WP7的这个截图是什么玩意？

————————————————————————————————–

下面是进入音乐、视频程序后的第一个页面。iPhone 在这里有些优势，它让用户能够直接进行播放操作而不用先在菜单进行选择，然后再操作。不过除此以外，相较而言，iPhone 显得界面元素过载。

这一方面不得不说iPhone是最棒的，毫无悬念。作者提到的“信息过载”，android的做法是通过物理menu键调出更多操作按钮，WP7是讲操作分解到多个步骤，iPhone仍然选择了最直截了当的做法，我喜欢这样做。

————————————————————————————————–

图片程序，Windows Phone 再一次坚持给用户一个入口菜单而不愿让用户直接开始操作。但除此之外嘛，注意 iPhone 列表里的小缩略图和 Windows Phone 所采用的截然不同的显示方法。这毕竟是用来显示图片的程序。

Hero和iPhone的差不多，我想在这一尺寸的手持设备上，iPhone的相册体验已经非常优秀了，任何改变都要看看是不是更好用了。

————————————————————————————————–

单幅图片显示。这对 iPhone 有点不太公平，毕竟该界面在用户触碰图片之后才会出现。

但这还是能够说明问题。你有多少时候需要精确知晓相册里到底有几张照片？当你可以用手滑动切换照片的时候需要“上一张”/“下一张”这两个按钮？这里最常用的按钮肯定是“Camera roll”（返回上一级）。

Windows Phone 有一个实体返回按键，这个布局是我强烈反对的。如果你所有交互操作都在屏幕上进行，为什么还要把最常用的那个操作放在屏幕以外？我曾以为 Android 已经证明了我的观点。现在看来，错的可能是我。

我也曾经以为一个触摸操控为主的手持设备应该尽量减少不必要的物理按键，现在我也这么认为。或许我没有理解作者的意思，但是一个可以表述“返回到某相册”并能提供视觉反馈的返回按钮，不比只有一个左箭头的物理按键更好吗？

————————————————————————————————–

上下文菜单非常类似。我知道我又要重复了，不过……Windows Phone 上的界面元素更少。但这里我不确定它是件好事。iPhone 的按钮明确指出了我可以按的区域。在 Windows Phone 上是不是只有按中文字才有效？为了确保按中，我会瞄准文字，这就缩小了点击区域，违背了 Paul Fitts 法则。（译注：在触控环境下，简单地说，目标越小，就越难点中。）

正如作者所言，实际点击区域或许比感官造成的文字区域要大，但是为什么不通过界面元素来提示用户可行的操作，没有道理。

————————————————————————————————–

现在先这样吧，分析 iPhone 怎么突然显得过时是件很有意思的事。

有个需要注意的地方，iPhone 的用户界面以及其内部几乎所有的页面都有三年的历史。还有一点，我们还不知道 Windows Phone 在不同手机上的响应速度如何，hub 和内嵌功能能不能应付日常使用。（不过根据上手视频，原型机的响应速度还不错）。

通过这篇文章，粗浅的了解了一下WP7的界面，总体感觉不错，我觉得提示不足不够直观是比较明显的缺点，希望能够尽快用到真机或者玩玩模拟器:)

这是2009年完成的最后一组手机界面图标，马上就要春节，就快农历新年了，本命年就要过去咯。
牛气冲天的一年将过，虎虎生威的一年将来！
过去这一年里自己收获了很多，我从很多人身上学到了很多，或者是分享，或者是经验，或者是态度，都可以是一种帮助。
虽然未曾说太多，但是我仍然从心里感谢曾经帮助过我以及影响过我的你们！
设计师必须靠自己努力，同时设计师又是乐于分享的一群人，正是这样我才能通过大家学到很多，才能成长。很多朋友的帮助和交流还有博客或者作品都影响着我，那都是经过自己实践得到的真理。
设计的路很长，仍需努力，一路上会有新的挑战，也会有新的收获，希望每一个设计师，每一个产品都越来越好：）