<?xml version="1.0" encoding="utf-8"?><?xml-stylesheet href='http://feed.feedsky.com/styles/feedsky2.xsl' type='text/xsl' ?><!--这是一个由Feedsy提供技术支持的Feed，为了提高读者阅读的体验，以及满足用户美化自己Feed的需要，我们设计了多种精美的Feed模板，提供给大家选择，所有最终呈现出来的样式，皆由用户自愿选择使用，未经许可，任何团体和个人，请不要擅自修改样式或者盗用，这是对于用户选择权的尊重。--><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:fs="http://www.feedsky.com/namespace/feed" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:dc="http://purl.org/dc/elements/1.1/" version="2.0"><channel><atom:link href="http://feed.feedsky.com/Kentzhu" type="application/rss+xml" rel="self"></atom:link><fs:self_link href="http://feed.feedsky.com/Kentzhu" type="application/rss+xml"></fs:self_link><lastBuildDate>Sat, 11 Feb 2012 05:51:58 GMT</lastBuildDate><title>幻風閣|Kent.zhu's Blog</title><description>关注 体验 思考 记录</description><image><url>http://www.feedsky.com/feed/Kentzhu/sc/gif</url><title>幻風閣|Kent.zhu's Blog</title><link>http://www.ikent.me/blog</link></image><link>http://www.ikent.me/blog</link><sy:updatePeriod>hourly</sy:updatePeriod><sy:updateFrequency>1</sy:updateFrequency><language>en</language><pubDate>Sat, 11 Feb 2012 06:13:51 GMT</pubDate><item><title>基于axure的PRD协作</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742316/5099563/1/item.html</link><content:encoded>&lt;p&gt;大约1年多前我写了一篇《&lt;a href=&quot;http://www.ikent.me/blog/3042&quot; target=&quot;_blank&quot;&gt;基于axure的PRD写作思考&lt;/a&gt;》，其主旨思想是将文档版本的PRD与线框图及流程图结合起来，统一由axure来输出，降低PM与研发之间的沟通成本及交付物的传递成本。&lt;/p&gt;
&lt;p&gt;当时这个文档是基于我做Web端产品设计的经验为蓝本完成的，这1年多来我从Web端完全转到Mobile端，还在继续的使用着这套方法。在不断的实践过程中略有心得，遂更新一篇，详细的讲述一下这套思路。&lt;/p&gt;
&lt;p&gt;当然，肯定会有很多人说axure是个很笨重的工具，从来不用；也肯定会有很多人说我们团队有严格的文档规范，你的这套东西不适用&amp;#8230;..是的，你们都是对的。这套方法的最大好处就是快速、直接，适用于扁平化的团队。如果你是产品与研发异地的团队，那么，建议还是有详细的文档比较合适。&lt;/p&gt;
&lt;p&gt;关于一个PRD文档需要包含的内容及相关的结构，之前《&lt;a href=&quot;http://www.ikent.me/blog/3042&quot; target=&quot;_blank&quot;&gt;基于axure的PRD写作思考&lt;/a&gt;》已经说的比较清楚，不再赘述。我们为什么要写PRD？简单来说就是把我们具体要做一个什么样的东西很详细的描述出来并传递给团队其他成员知晓，最终一起执行。这里面我觉得有3个点特别重要，&lt;span style=&quot;color: #ff0000;&quot;&gt;详细描述、快速传递、一起执行&lt;/span&gt;，一份不管是什么形式的PRD最终都必须做到这3点。&lt;/p&gt;
&lt;p&gt;从打开axure准备开始进行原型设计开始，我会把文件分成这样几个部分：修改记录、产品结构、（用例及信息架构）、具体页面原型设计。在具体页面的原型设计的时候会再根据这个页面的负责程度看是否要增加一个流程图页面进去。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;修改记录&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;修改记录模块主要是对该原型的迭代历史进行记录。修改记录可以使用文本面板完成，主要记录比如，什么时候修改了什么模块，原因是什么。每次对原型进行修改都必须记录下来，这种内容迭代的记录方式一方面便于自己后续回忆与总结，同时也对项目管理的需要，每次的修改都有据可查。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;产品结构&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;产品设计本身是个从大往小的过程。所谓大就是指的产品整体的结构所谓小则是具体的交互设计页面布局等。我个人非常不建议一开始就进入到具体的页面设计，即使是一个具体的页面设计也建议先把页面模块及相应模块的布局想清楚，然后再开始填充内容；而如果是一个会涉及到很多步骤的设计，如果流程没有事先想清楚画出来，千万不要动手去设计。&lt;/p&gt;
&lt;p&gt;按照我个人的习惯，产品结构部分一般会采用结构图的方式调用流程图模式把这个产品的结构关系画清楚。目的有这样几个：搞清楚用户的主要路径，用户会从什么地方进入产品，在里面会经过哪些页面，然后会从什么地方退出；弄清楚产品的层级关系，从移动端的设计上看，产品的层级关系一定要避免太深；梳理一下整个产品的页面，不要有遗漏。&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-4063&quot; title=&quot;产品结构(部分)&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2012/02/产品结构部分-700x407.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;407&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;用例及信息架构&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;用例之前在Web端我通常是直接采用母板来完成的，最近在做Mobile的产品设计，倍感在画原型的时候把用例标识出来的重要性。个人感受，移动端的产品需要比Web端更加深入的考虑模块复用，一来保持整个客户端的统一性，同时复用的模块在一定程度上是可以减少开发工作量的。&lt;/p&gt;
&lt;p&gt;就一个Apps而言，这个部分通常会包括一级页面的页面结构、二级页面的页面结构、三级页面的页面结构、&amp;#8230;.；弹层的样式及出现方式；是否出现menu键、样式及内容（android）等内容。&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-4065&quot; title=&quot;用例说明&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2012/02/用例说明-700x425.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;425&quot; /&gt;&lt;/p&gt;
&lt;p&gt;当进行需求评审的时候也建议按照这个顺序来说，先介绍一下整个产品的结构，向整个团队成员说清楚我们大概要做一个什么样的产品，他包括哪些部分，这些部分的关系是咋样的；其次开始介绍一下这个产品他从一个框架上看是什么样子的，有一个感性的认知；再次开始按用户任务/流程分模块进行介绍，详细的说明其中的策略问题。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;具体页面原型设计&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;具体页面的原型设计分为2种，1种是页面行为比较单一，简单的几个图加一定的文字就可以描述清楚的；一种是页面行为的流程及逻辑性比较强，有比较多的中间状态和用户行为的分支，这种页面我一般的方式是先画出流程图，然后再相应的给出页面原型。&lt;/p&gt;
&lt;p&gt;第一种页面比较简单，设计的时候想着点各个平台的设计规范（指南）就可以搞定。同时可以在页面原型的边上把每个模块部分取的元素内容及相应的策略也写出来。&lt;/p&gt;
&lt;p&gt;不过，需要有一个提醒，在移动端会存在不少页面的长度是超过1屏的，在原型设计的时候一定要画出一条屏幕高度基线，将第一屏内容和第二屏内容隔开。一方面重要的内容都必须在第一屏有所体现，另一方面注意节减页面高度，同时在原型评审的时候也让其他角色提前有所了解。&lt;/p&gt;
&lt;p&gt;另一方面，如果一个模块涉及的交互流程比较复杂，比如一个输入框，在初始状态、开始输入状态、输入完成状态、输入出错状态（超过字数限制）等不同状态下的表现及相应的操作提示都是不一样的，建议分别拆成几个不同的状态完成。这部分之前在Web端的时候可以直接用axure的交互来完成，但是mobile端的屏幕有所限制，再去做这些交互效果，往往也隐藏比较深，不如拆出来画。&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;aligncenter size-large wp-image-4072&quot; title=&quot;具体页面设计&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2012/02/具体页面设计1-700x527.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;527&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;一些关于移动端原型设计的其他问题&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;1、工具永远都是工具，不要让工具限制了你。axure也好，viso也好，OmniGraffle也好，做出来的东西无分好坏。&lt;/p&gt;
&lt;p&gt;2、除非脑子里想的比较清楚了，不要冲动性的就开始用axure画原型。在我看来，画原型只是20%的功夫，更多的功夫应该在原型之外，包括对要做什么，为什么要这么做的思考。同时，纸面原型是更好的选择，帮助锊清思路。&lt;/p&gt;
&lt;p&gt;3、在原型设计的过程中需要注意沉淀一些规范性的组件出来。每个团队每个项目都应该有一套自己的原型组件，而不应该是直接找别人要来原型组件然后直接导入（当然，系统通用的组件除外）。&lt;/p&gt;
&lt;p&gt;4、原型设计的过程中，酷炫的原型交互需要适可而止。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742316/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742316/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/4046/feed</wfw:commentRss><slash:comments>0</slash:comments><description>我们为什么要写PRD？简单来说就是把我们具体要做一个什么样的东西很详细的描述出来并传递给团队其他成员知晓，最终一起执行。这里面我觉得有3个点特别重要，详细描述、快速传递、一起执行，一份不管是什么形式的PRD最终都必须做到这3点。&lt;img src=&quot;http://www1.feedsky.com/t1/604742316/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742316/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>Axure</category><category>产品设计</category><category>体验,设计</category><category>移动产品设计</category><category>原型制作</category><pubDate>Sat, 11 Feb 2012 13:51:58 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/4046#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=4046</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/4046</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742316/5099563</fs:itemid></item><item><title>迭代出来的一个生活方式</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742317/5099563/1/item.html</link><content:encoded>&lt;p&gt;知乎上有个问题，“&lt;a href=&quot;http://www.zhihu.com/question/20025877/answer/13724682&quot; target=&quot;_blank&quot;&gt;微信有哪些功能亮点，为什么？&lt;/a&gt;”。热门的产品，总有值得学习的地方，开放式的问题，答的不好也不会被骂，所以我就回答一嘴。&lt;/p&gt;
&lt;p&gt;当然，我并不是从一开始就使用微信的，所以，在回答这个问题之前我特意去查了一下微信的发家史（见本文最后）。然后，我惊奇的发现，微信其实是个定位“摇摆不定”的产品。1.0版本，微信定位于手机端文字通讯工具；1.1版本开始加入插件，基本冲着通讯中心去的；2.0版本开始往着多媒体通讯工具发展；2.5版本开始是陌生人交友；3.0版本后被官方重新定义为一个生活方式&amp;#8230;..&lt;/p&gt;
&lt;p&gt;然而，一路走来，不断的迭代不断的发展，这个产品的受众范围越来越庞大，价值也随之增加。过年的时候惊奇的发现一个年近50的叔叔使用着微信跟儿女沟通！我同时也在微博上翻到了微信刚出来的时候很多专家的评语，太垃圾了，连抄袭(kik)都抄不好。不知道现在他们转身再看自己当初的微博的时候是什么感觉？&lt;/p&gt;
&lt;p&gt;对了，提醒一句，微信最开始的时候并没有导入通讯录而是一直依赖QQ自身的关系链、用户公司邮箱、微博等去导入用户关系的。第六个版本才开始导入通讯录。&lt;/p&gt;
&lt;p&gt;好，言归正传，回答知乎上的这个问题，说说我理解的微信的产品亮点。&lt;/p&gt;
&lt;p&gt;基于一个迭代了数个版本的产品去转身看他的亮点，完全算是一个用户的个人感受，算不得什么评论或者其他的。在我看来的很多亮点也许并不是设计者的初衷，很多亮点也许是当初误打误撞出来的也不是不可能。所以，以下观点我纯站在一个用户的角度去感受。&lt;/p&gt;
&lt;p&gt;1、对性能的极致追求&lt;/p&gt;
&lt;p&gt;在微信的前3个版本的版本介绍里都有这样的一句话，“为了保护您的隐私，微信不会自动扫描和上传您的通讯录。并且不透露信息是否已读，降低收信压力”，这段话直到1.3版本的时候才取消。其次，在低网络环境下，相对于其他App，微信更坚挺。同时，微信对图片的压缩也很值得称赞，可以将图片压缩到很小的KB但是质量却损耗很少。另外，曾经有人对比过米聊与微信的流量消耗，微信胜出很多。&lt;/p&gt;
&lt;p&gt;以上的例子只是想说明，性能是微信的第一大亮点。因为我一直坚定的认为，在移动互联网中，应用的性能是最重要的用户体验，就像在电子商务中，系统与服务才是最重要的用户体验一样。在较长的一段时间内，中国的移动互联网用户依旧很在乎流量的消耗，在一段时间内，移动设备的性能仍然是移动产品一个较大的限制。&lt;/p&gt;
&lt;p&gt;2、插件系统&lt;/p&gt;
&lt;p&gt;微信从第二个版本开始就有了插件系统（早于语音及附近），我认为这是它最霸气的地方之一。这个插件系统最早是支持腾讯微博的私信，后来是QQ邮箱、QQ离线消息、语音记事本、&amp;#8230;.猜想一下，这个插件系统最早是奔着通讯中心去的，先拿自家产品实验，成为一个移动端的消息中心，也就是微信的第二个定位点。&lt;/p&gt;
&lt;p&gt;不过目前这些插件还都是自家的，请允许我继续猜想一下，在不久的将来微信会把这个插件平台开放出去让第三方插件进来，比如附近的优惠、餐馆、酒店、出租车。那个时候，微信就真的是一个生活方式了！&lt;/p&gt;
&lt;p&gt;3、群聊，尤其是语音的&lt;/p&gt;
&lt;p&gt;微信在第三个版本加入了文字群聊，随后的第五个版本里增加了语音群聊功能。语音和语音群聊的功能是微信一个比较大的突破，引发了真正意义上的用户爆发。&lt;/p&gt;
&lt;p&gt;在我个人看来，QQ群和微信群聊都是在满足同样的需求，只是因为平台和工具不同最终实现方式不一样罢了。在移动端微信采用这种方式丰富和简单化了人与人之间的沟通，同时，也让群体的隐私最大程度获得保护。群聊开放之后，我的关系群绝大部分都转移到了微信上，老盆友之间的叙旧与扯淡，新朋友通过语音交谈快速认识与融入。&lt;/p&gt;
&lt;p&gt;4、查看附近的人和摇一摇&lt;/p&gt;
&lt;p&gt;这2个功能出现在第八个版本和第九个版本，应该是微信的另外2个爆发点。都是充分利用手机自身性能实现产品功能的手法。&lt;/p&gt;
&lt;p&gt;值得一提的是，在摇一摇这个功能上，微信增加了很多人性的因素比如来福枪的声音和断背维纳斯并包装成一个大的产品人情味的卖点去宣传，收获颇丰。&lt;/p&gt;
&lt;p&gt;5、个性签名、小游戏&lt;/p&gt;
&lt;p&gt;个性签名其实是跟附近的人一起出来的，最早出来的时候是只有个性化头像的。把这2个和小游戏放在一起，是因为这3个都是降低陌生人之间勾搭的门槛，俗称破冰。&lt;/p&gt;
&lt;p&gt;好吧，问题回答就此结束。微信还在继续迭代，我作为一个用户还在继续使用。在我看来，微信是一个迭代出来的生活方式。微信的起步看起来姿势很难看，但是走起来了之后就越来越有感觉，最终越走越好。事实上，很多产品都是这样的，所以，千万不要轻易对一个还在襁褓里的产品下定断。&lt;/p&gt;
&lt;p&gt;在准备结束掉这篇有着强烈的捧臭脚和马后炮感脚的文章的时候发现微信更新到3.6版本。插件系统新增了腾讯微博推荐、腾讯新闻推荐、直接微信回复邮件。还是在继续的整合自身产品，继续其他第三方插件的进入。&lt;/p&gt;
&lt;p&gt;另外，3.6版本的微信支持撤销正在说的语音功能，挺不理解的。这个问题之前跟人争论过，我的观点是这种本质上通讯的产品应该不支持语音撤销，就像发出去的文字无法撤销一样，因为消息要“即时”的，而说错了的语音消息会让沟通更符合沟通本身。&lt;/p&gt;
&lt;p&gt;最后，附上微信的版本迭代历史（以ios为例，截止到3.5版本）猛击&lt;a href=&quot;https://docs.google.com/spreadsheet/ccc?key=0AnBh9duczP6KdEx6b1A2dTB6ZXlKaUtmSlJzc2lhdEE&quot; target=&quot;_blank&quot;&gt;这个Google文档&lt;/a&gt;。&lt;/p&gt;
&lt;p&gt;另外，其实微信有一些小的版本，主要是修复bug，没有在此列出。数据来源：&lt;a href=&quot;http://weixin.qq.com/cgi-bin/readtemplate?uin=&amp;amp;stype=&amp;amp;promote=&amp;amp;fr=&amp;amp;lang=zh_CN&amp;amp;ADTAG=&amp;amp;check=false&amp;amp;nav=faq&amp;amp;t=weixin_faq_list&quot; target=&quot;_blank&quot;&gt;微信官方&lt;/a&gt;。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742317/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742317/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/4034/feed</wfw:commentRss><slash:comments>1</slash:comments><description>在我看来，微信是一个迭代出来的生活方式。微信的起步看起来姿势很难看，但是走起来了之后就越来越有感觉，最终越走越好。事实上，很多产品都是这样的，所以，千万不要轻易对一个还在襁褓里的产品下定断。&lt;img src=&quot;http://www1.feedsky.com/t1/604742317/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742317/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>微信</category><category>体验,设计</category><pubDate>Sat, 28 Jan 2012 17:27:19 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/4034#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=4034</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/4034</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742317/5099563</fs:itemid></item><item><title>年度故事汇第2011期</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742318/5099563/1/item.html</link><content:encoded>&lt;p&gt;在一整天的会议结束之后，2011年的最后1天基本上也就快完蛋了。花了15块钱吃了一份有饭有肉有肠还有汤的田老师之后，到家已经是22点。我终于有时间有毅力有决心的打开电脑开始写2011年的故事汇&amp;#8230;..&lt;/p&gt;
&lt;p&gt;2011年其实没啥故事，如果硬要说的话，那就编一个&lt;/p&gt;
&lt;p&gt;有个人，他之前一直在河里游泳，河水很平静河面也不是很宽广，在扑腾了一段时间之后他感觉还挺良好。可是时间长了总想去隔壁的大海里扑腾一下，谁都有对更宽广的大海的向往。到了大海之后，情况完全变了，无限宽广的海水，复杂的水流，高强度的扑腾&amp;#8230;.他发现之前称手的动作和方式都不再适用了，一浪又一浪的海水打过来，完全需要重新去学习如何拍水如何平衡如何去适应。&lt;/p&gt;
&lt;p&gt;累，非常累，甚至经常自我怀疑，但是，在夜深人静的时候，在失眠的时候，自己反复的咀嚼，反复的思考，其实，这种累这种不适应的背后能够带给自己的成长是巨大的。从自己踏进这个行业的开始就已经知道这个职业需要不断的去经历，不断的去犯错，然后才能不断的成长。这种痛苦的背后沉淀下来的是真正的价值！&lt;/p&gt;
&lt;p&gt;我，就是这个从河水里游泳再到海水里去游泳的孩子。从土八路一样的粗犷式的做产品到正规军式的系统化完整的做产品；从接手一个60分的产品，试图努力做到90分甚至100分到从0开始参与一个产品，不断探索不断试错努力做到最好&amp;#8230;..&lt;/p&gt;
&lt;p&gt;这1年多来的感受基本上就是这个故事。当然，在河水里扑腾和在海水里扑腾其实不存在哪个比哪个更好，当你在海水里扑腾久了其实也会怀念河水的。在哪里扑腾不是核心，为什么而扑腾才是重点。&lt;/p&gt;
&lt;p&gt;2011年，我把之前的思考与现在的经历做整合，对产品设计对PM都有了不一样的认识，&lt;/p&gt;
&lt;p&gt;不再看到一个产品某一个地方做的不好就破口大骂，而是先思考他为什么要做成这样，背后是不是有其他东西在左右；不再认为用户体验就是一切，而是从一个整体的角度去看待体验，努力去做背后的更深次的体验，而这才是用户体验的精髓；不再迷信各种原则各种思想各种所谓的成功秘籍，因为实际上真正的成功只有一种，那就是自己实际动手的去做；不再单纯的从设计层面去看待一个产品，也不再执着与不着边际的产品市场分析，因为，只有仰望星空且脚踏实地才是真正的王道；不再认为一个PM的能力重点在于产品设计或者市场分析，而最重要的恰恰是执行力，如何让一帮兄弟齐心合力的把事情做成。&lt;/p&gt;
&lt;p&gt;2011年，我继续属于互联网属于产品设计，&lt;/p&gt;
&lt;p&gt;我信仰并偏执的喜爱着互联网，这是一件可以让我一直投入其中且不会感到厌倦的事情。这1年我彻底的从互联网转到移动互联网，从头学起，我继续在移动电子商务里摸爬滚打。你们管这叫LBS也好，叫O2O也好，叫SOLOMO也好，叫MLGBD也好，这事，在未来的2年我会一直做下去，也许会用不同的方式在不同的地方做，但是如2009年所说，移动电子商务，我一直为之努力。&lt;/p&gt;
&lt;p&gt;2011年，中国的互联网血流成河，&lt;/p&gt;
&lt;p&gt;团购，从开始的血拼大战到后来的血流成河，唯有几家笑傲；电商，从开始的血拼到后来的血流成河，满地菊花残；微博，从开始的血拼到后来的血流成河，阉割者生；上市，从开始的血拼上市到后来的血流成河，坑爹的跌；博客，一整年都是血流成河，血流已尽；SNS，一整年都是血流成河，血流将尽；移动互联网，正在血流成河；中国网络，尼玛，一直都在流血！！！&lt;/p&gt;
&lt;p&gt;&amp;#8230;&amp;#8230;&lt;/p&gt;
&lt;p&gt;2012年，世界末日，我很期待&lt;/p&gt;
&lt;p&gt;2012年，移动互联网，我将继续；产品设计，我将继续&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742318/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742318/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/4023/feed</wfw:commentRss><slash:comments>4</slash:comments><description>2012年，世界末日，我很期待&lt;img src=&quot;http://www1.feedsky.com/t1/604742318/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742318/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>年度故事汇</category><category>未分类</category><pubDate>Sat, 31 Dec 2011 23:50:32 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/4023#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=4023</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/4023</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742318/5099563</fs:itemid></item><item><title>关于目标和任务</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742319/5099563/1/item.html</link><content:encoded>&lt;p&gt;有个故事，是这样的：&lt;/p&gt;
&lt;p&gt;有一天，有一个男人和一头猪还有一只狗一起流落到了一个荒岛上。&lt;/p&gt;
&lt;p&gt;在一起生活了一段时间之后，男人萌发了很强的性欲。思来想去发现岛上只有猪和狗，于是男人决定要跟猪或者狗干上一炮。男人在猪和狗之间挑选了很久，最终选中了猪，因为猪看上去比较耐看那么一点点。&lt;/p&gt;
&lt;p&gt;于是，男人把猪抓住，固定在了树上，正当男人掏出家伙准备插入的时候，狗跳起来狠狠的咬了一下男人的屁股。男人条件反射的抬脚踢狗，同时用手捂住自己的屁股，这个时候猪就顺势逃跑了。&lt;/p&gt;
&lt;p&gt;男人很郁闷的提起裤子去抓狗，当他抓住狗固定在树上再次掏出家伙准备插入的时候，猪却在他后面狠狠的拱了一下。男人踢猪，狗顺势就跑了。于是，男人抓猪，狗咬他屁股；男人抓狗，猪拱他；&amp;#8230;..；男人如此这般的循环往复了若干次之后终于累的不行了，累趴下的男人倒地呼呼大睡。&lt;/p&gt;
&lt;p&gt;等男人醒来的时候，发现有个美女站在他面前。&lt;/p&gt;
&lt;p&gt;美女说，玉帝见男人可怜于是派她来帮助男人实现一个愿望。不过，美女只能停留一个小时。&lt;/p&gt;
&lt;p&gt;男人听罢欣喜若狂，直着嗓子吼到，快！快！快帮我抓住那只狗，好让老子能安心的跟那只猪干上一炮！！！&lt;/p&gt;
&lt;p&gt;&amp;#8230;..&lt;/p&gt;
&lt;p&gt;以上，欢迎任意联想。&lt;/p&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742319/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742319/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/4016/feed</wfw:commentRss><slash:comments>3</slash:comments><description>目标？任务！&lt;img src=&quot;http://www1.feedsky.com/t1/604742319/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742319/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>文艺,愤青</category><pubDate>Wed, 26 Oct 2011 23:03:57 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/4016#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=4016</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/4016</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742319/5099563</fs:itemid></item><item><title>移动产品设计之ios导航模式</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742320/5099563/1/item.html</link><content:encoded>&lt;p&gt;写在前面：刚开始接触移动产品设计的时候对着设计指南懵懵懂懂的感知了一下，但是还是不甚寥寥。最近读《&lt;a href=&quot;http://book.douban.com/subject/6864391/&quot; target=&quot;_blank&quot;&gt;触动人心&lt;/a&gt;》，发现作者对ios的导航模式的总结实在太棒了，于是写下这篇读书笔记。&lt;/p&gt;
&lt;p&gt;导航始终是产品设计的重头戏，往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式，平铺列表、标签页、树状结构，每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭，让你的用户可以优雅的穿行与你的应用之中。&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3976&quot; title=&quot;ios导航模式&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/ios导航模式.png&quot; alt=&quot;&quot; width=&quot;683&quot; height=&quot;432&quot; /&gt;（图片来源：&lt;a href=&quot;http://shop.oreilly.com/product/0636920001133.do&quot; target=&quot;_blank&quot;&gt;Tapworthy&lt;/a&gt;）&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;平铺列表&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-3992&quot; title=&quot;平铺列表模式导航&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/平铺列表模式导航-700x378.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;378&quot; /&gt;&lt;/p&gt;
&lt;p&gt;这种方式主要用于只有一个主屏的简单应用。这种方式很适合浏览并发现类的应用，因为他的信息架构简单到极致，没有信息层级也没有组织结构，就像一叠卡片一样。主要信息在卡片的“正面”展示，“反面”就是简单的设置，向左右滑动即可翻页，典型应用比如内置的天气应用。&lt;/p&gt;
&lt;p&gt;当然，平铺列表式导航也可以根据你的需要随意的添加、删除卡片。从某种意义上讲，他的扩展性优于标签页式导航，因为标签页模式中类目与顺序都是固定的。&lt;/p&gt;
&lt;p&gt;在平铺列表模式的页面底部都添加了页面分页控件，其表现为一排小圆点。小圆点的数量代表了平铺的页面的数量，而高亮的小点则是另外一种形式的导航，他显示了当前所在页面的位置。同时，页面分页控件也是可以操作的，点击控件的左半部分或者右半部分或者直接左右滑动可以切换上一个/下一个页面，不过，页面分页控件每次只能翻一页，而不是直接跳转到某一页去。一般而言，页面分页以不超过10个为最优，超过了20个就会溢出屏幕了&amp;#8230;.&lt;/p&gt;
&lt;p&gt;另外，为了更好的表达”卡片堆“的隐喻，最好不要在平铺模式下设计多个不同的滑动手势。在触摸屏上大家都能在单一方向上进行滚屏，但是2个方向的滚屏需要更好的精度，这种做法有些挑战人机工程学了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;标签页&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-3993&quot; title=&quot;标签页模式导航&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/标签页模式导航-700x368.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;368&quot; /&gt;&lt;/p&gt;
&lt;p&gt;在ios上标签页一般依附在屏幕的底部，标签栏将应用功能一一归类，点击一个标签就会跳转到相应的页面上，然后该标签以高亮的形式表明你当前的位置。在标签页模式下，每个标签对应的页面都可以有自己的界面风格和特定的内容与功能，看起来就像是在运行一个独立的应用。&lt;/p&gt;
&lt;p&gt;标签栏的高度是49像素，每个按钮都会包含一个文本标签和图标，按钮的宽度取决于放置按钮的数量，标签栏限制最多可以放5个图标，超过之后会在第5个按钮的位置出现”更多“的标签。&lt;/p&gt;
&lt;p&gt;当然，标签栏以49像素的高度存在其实占用了不少的屏幕空间，所以在某些情况下可以适当的去掉标签栏，典型的就是图书类应用的全屏阅读模式。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;树状结构&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-3994&quot; title=&quot;树状结构模式导航&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/树状结构模式导航-700x373.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;373&quot; /&gt;&lt;/p&gt;
&lt;p&gt;这种模式简单来说就是将层级信息分类到一棵倒置的树枝上。这种导航模式很适合列表，点击列表中的一项可以看到新的列表，列表可以再进行分拆，直到进入项目的详情。树状结构的一个变形就是表格视图，也就是我们常说的”9宫格”，这种变形更加的图形化。&lt;/p&gt;
&lt;p&gt;当然，根据信息的不同，树状模式中的标签也可以进行分组。一个树状模式可以分为若干的组，每个组可以包含任意数量的行数。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;3类导航模式的比较&lt;/strong&gt;&lt;/p&gt;
&lt;table class=&quot;aligncenter&quot; width=&quot;492&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;p align=&quot;center&quot;&gt;导航模式&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;182&quot;&gt;
&lt;p align=&quot;center&quot;&gt;优点&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;178&quot;&gt;
&lt;p align=&quot;center&quot;&gt;缺点&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;68&quot;&gt;
&lt;p align=&quot;center&quot;&gt;代表应用&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;p align=&quot;center&quot;&gt;平铺列表&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;182&quot;&gt;适于信息架构及简的浏览性页面；&lt;br /&gt;
内容可自定义且数量可变；&lt;br /&gt;
隐喻明显，手势单一；&lt;br /&gt;
占用页面空间少；&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;178&quot;&gt;无法快速进行跳转翻页；&lt;br /&gt;
最多只能容纳20个页面；&lt;br /&gt;
难以包容滚屏，对长文本不利；&lt;br /&gt;
页面指示器不够明显，其他页面容易被忽略；&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;天气&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;p align=&quot;center&quot;&gt;标签页&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;182&quot;&gt;点击一次即可访问应用所有的主要功能；&lt;br /&gt;
清楚告知用户主要功能和当前所在；&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;178&quot;&gt;只能显示5个；&lt;br /&gt;
应用的大多数页面都会始终占据一定的屏幕空间；&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;Instagram&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;63&quot;&gt;
&lt;p align=&quot;center&quot;&gt;树状结构&lt;/p&gt;
&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;182&quot;&gt;处理大量的类别、功能和类目；&lt;br /&gt;
组织方式的隐喻容易理解；&lt;br /&gt;
可直接对内容进行交互，占用屏幕空间小；&lt;br /&gt;
适合用户自定义分类；&lt;/td&gt;
&lt;td style=&quot;text-align: left;&quot; valign=&quot;top&quot; width=&quot;178&quot;&gt;主功能只有在最顶层才会被显示，不能在每个页面都展现；&lt;br /&gt;
主功能和分类直接切换比较麻烦，必须先回到顶层；&lt;/td&gt;
&lt;td valign=&quot;top&quot; width=&quot;68&quot;&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;Mail&lt;/p&gt;
&lt;p style=&quot;text-align: left;&quot;&gt;Facebook&lt;/p&gt;
&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;strong&gt;导航模式的组合应用&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;平铺列表、标签页、树状结构3种导航模式并不是互斥的，完全可以在一个应用里对他们进行混搭。这种混搭可以帮助我们克服单个导航模式的短处。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;模态视图&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-large wp-image-4003&quot; title=&quot;模态试图模式导航&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/模态试图模式导航-700x367.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;367&quot; /&gt;&lt;/p&gt;
&lt;p&gt;我们经常会遇到在某个路径中滑出一个单屏、进行编辑、查看信息、操作界面的上的内容的情况发生。这是一种应用行为的特定形态，一般带有流程的界面变更的情况发生，比如一张页面临时取代了整个应用程序的显示屏，我们称这种处理方式为“模态视图”。默认情况下，模式视图从屏幕底部边缘滑上来切一半覆盖了当前整个屏幕,模态视图完成和程序主功能有关系的独立任务，尤其适合于主功能界面中欠缺的多级子任务。这种操作会暂时绕开应用的正常操作。&lt;/p&gt;
&lt;p&gt;模态视图常常被用来编辑或添加内容，当你需要的时候模态视图一般从屏幕底部滑出而后遮盖先前的页面，当你完成任务后滑出的页面也会相应的缩回去，然后可以继续之前的流程。有些控件和界面元素只在次要任务中被偶尔用到，模态视图很好的把他们暂时隐藏了，并且当需要的时候出现，有效的节约了屏幕空间。&lt;/p&gt;
&lt;p&gt;模态视图有点像是导航中的死胡同，为了能够让用户也可以同样方便的回到正常的流程中去，模态视图除了正常的操作之外一般还有加上一个“完成”按钮，或者“取消”按钮。&lt;/p&gt;
&lt;p&gt;最后，一个&lt;strong&gt;移动产品设计的礼仪&lt;/strong&gt;问题&lt;/p&gt;
&lt;p&gt;当用户从你应用的一个地方跳转到另外一个地方再原路返回来的时候，应用应该主动恢复到他上次离开的样子（千万不要重新加载，你懂的！）。这玩意学名叫状态恢复，这种保持不变的礼仪对移动产品的体验来说相当重要！&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742320/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742320/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3798/feed</wfw:commentRss><slash:comments>6</slash:comments><description>导航始终是产品设计的重头戏，往往产品设计中90%的事情就是在做导航。在iphone中预置了3种可以直接使用的导航模式，平铺列表、标签页、树状结构，每种模式都配有不同的工具栏和控件。三种导航模式可以独立使用也可以混搭，让你的用户可以优雅的穿行与你的应用之中。&lt;img src=&quot;http://www1.feedsky.com/t1/604742320/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742320/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>移动互联网</category><category>体验,设计</category><category>移动产品设计</category><pubDate>Tue, 25 Oct 2011 14:36:18 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3798#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3798</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3798</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742320/5099563</fs:itemid></item><item><title>移动产品设计之设计</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742321/5099563/1/item.html</link><content:encoded>&lt;p&gt;按照我的理解，&lt;strong&gt;场景、任务、用户&lt;/strong&gt;可以称之为设计的三要素，每一个设计实际上都是试图去帮助用户在某个场景下完成某个任务的。同样的设计遇到不一样的场景就会有不一样的方式，从Web设计到移动产品设计亦然。&lt;/p&gt;
&lt;p&gt;曾经有个朋友问我，从Web设计到移动产品设计你感觉最大的差异点是什么？我觉得，最大的差异点在于&lt;strong&gt;用户使用场景的变化&lt;/strong&gt;，场景的变化引发了交互方式巨大的变化，从而也使得信息呈现方式有所不同，再加上硬件设备的差异，最终使得2者千差万别了。所以，移动产品设计之设计应该首先从用户的使用场景出发，同时考虑用户的硬件设备差异，综合以上2点去帮助用户完成某个任务。&lt;/p&gt;
&lt;p&gt;当然，从生态系统的角度而言，移动生态系统也是迥异与互联网生态圈的。移动生态系统可想象成拥有许多层的系统，每一层都依赖于其他层，他们相互依存构成了无缝的端到端的体验。&lt;/p&gt;
&lt;p&gt;运营商在最底层，他们是移动生态系统正常运作的基础，他们负责基础设施建设并维护与用户的关系；运营商运营着无线网络，而网络能力同时也受制于设备与与天线的类型；而由于不同设备对工业标准解释的不同直接早就了移动生态系统最大的挑战，移动设备碎片化；软件与服务要在设备上运行就需要有平台，移动平台主要分为授权平台、专有平台、开源平台，其中我们熟知的有Java ME、iphone、Balckberry、android等；移动平台通常是与他所运行的操作系统绑定在一起的，比如symbain、Windows Mobile、ios、android；而开发者通常能够访问到的就是这些平台的应用程序框架并以不同的语言来开发应用程序。&lt;/p&gt;
&lt;p&gt;在移动产品设计的过程中我们也会经常有意无意的涉及到生态系统的某个层面，而哪怕用户只想在移动端做极其简单的事情比如“访问我的博客”，都必须通过这些层，所以，这导致整个的移动环境十分复杂，整个移动产品设计需要具备的能力与素质也相对更甚。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;移动产品设计之使用场景的变化&lt;/strong&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3966&quot; title=&quot;Tapworthy&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/10/屏幕快照-2011-10-08-下午11.07.35.png&quot; alt=&quot;&quot; width=&quot;566&quot; height=&quot;508&quot; /&gt;&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;（图片来源：&lt;a href=&quot;http://shop.oreilly.com/product/0636920001133.do&quot; target=&quot;_blank&quot;&gt;Tapworthy&lt;/a&gt;）&lt;/p&gt;
&lt;p&gt;没有了舒服的人体工程学座椅，只有拥挤的车厢或者顶着烈日的街头；没有了灵活的鼠标和舒服的键盘，只有晃动的屏幕和方寸间的按钮；你不再是一边放着歌一边刷着网页，而是希望能够迅速的找到你想去的那个店铺；你也不会成天挂在线上，而是会经常担心这个月的流量是不是又超标了&amp;#8230;&amp;#8230;&lt;/p&gt;
&lt;p&gt;这种场景的变化呈现给我们的是用户在移动设备上不断的碎片时间的消耗，用户越来越没有耐心。这看起来挺糟糕的，可实际上也是好事，这种使用场景的变化会迫使你放弃做类似Web端大而全的产品设计的想法。相反的，你会聚焦去解决用户在某一个碎片时间段里的需求。这种更聚焦的“单核思维”需要贯穿与整个移动产品设计中（详见：&lt;a href=&quot;http://www.ikent.me/blog/3205&quot; target=&quot;_blank&quot;&gt;更多的限制，更简单的设计&lt;/a&gt;）。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;移动产品设计之设备的变化&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;你的用户会使用什么样的设备来访问你的应用？这个问题是每个设计师在设计最初需要思考的。你的用户所使用的设备需要从多个维度去考虑，如操作系统、使用的网络环境、设备的分辨率等，这些信息都必须被综合起来考虑，最终运用到产品设计中去。对没错，这就是移动产品设计中臭名昭著但又很好玩的“适配”。2个同时使用android手机的人在使用同样一个应用程序的时候可能体验是天堂与地狱的差别，而即使同样都使用iphone但是在不同的网络环境下体验也不一样。这些，都需要去考虑&amp;#8230;..&lt;/p&gt;
&lt;p&gt;当然，这里有另外一个问题我觉得可以探讨一下，那就是不同平台直接的设计借鉴与移植。我的感觉是ios与android完全可以按照同样的一套架构去设计，只是在具体的交互方式上按照不同平台的特性去做就OK。比如同样是删除在ios上是左右滑动在android上是长按。&lt;/p&gt;
&lt;p&gt;另外，这种硬件设备的变化也是移动产品设计与Web产品设计一个很大的差异。在移动产品设计上，一定要充分利用设备本身去完成设计。相对Web产品而言，移动设备自身提供了很多硬件能力，比如光感、磁阻、陀螺仪、&amp;#8230;.对这些能力的运用是移动产品设计的起点（详见：&lt;a href=&quot;http://www.ikent.me/blog/3924&quot; target=&quot;_blank&quot;&gt;移动产品设计之硬件能力&lt;/a&gt;）。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;移动产品设计之交互方式的变化&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;整个移动产品的的交互过程可以概括为，用户触发某个任务跟客户端发生交互，客户端将该任务反馈给服务端，服务端向后端请求数据并做数据拼接同时反馈结果给客户端，客户端将最终结果展现给用户。当然，某些复杂的任务实际上需要客户端向服务端并发数次的请求。&lt;/p&gt;
&lt;p&gt;考虑与服务器端的交互并不是移动产品设计所独有的，但是却是移动产品设计过程中最需要设计师去“设计”的交互。因为这关乎3个事情，对用户流量的消耗和用户操作的流畅性，同时也是对客户端性能的一个考验。 这是我认为目前移动产品设计的用户体验最重要最根本的地方，&lt;strong&gt;保证客户端性能的稳定性，用户可以在低网速条件下顺畅的操作，同时尽可能的帮助用户节省流量，而UI层面的体验问题反倒是其次的&lt;/strong&gt;。twitter和foursquare不论是在ios和android甚至symbain上都没有花哨的界面，但是他们仍然是我心目中当之无愧的最优秀应用。&lt;/p&gt;
&lt;p&gt;同时，从键盘机到触屏机再到多点触控甚至于目前的语音助理，我们发现移动端的人机交互方式在不断的演进。于此同时我们也发现，越是高端的移动设备用户的“惰性”反而越强，用户期望能够使用更低成本的交互更快速的完成任务，这也是移动产品设计必须要面对同时也是移动产品设计师最能有成就感的地方。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;最后，单就手机端产品设计而言，对于移动平台的选择&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;iphone这2年的势头太猛烈了，加之推广渠道单一产业链相对完整，所以iphone客户端的设计、推广&lt;wbr&gt;都很容易见效且效果巨大；android太过开放，直接结果就是渠道纷繁复杂但无一能处把控之势，所以推广&lt;/wbr&gt;&lt;wbr&gt;费力且收效甚微，小团队可以在开辟完ios战场并有成效之后果断跟进；symbian？如果可以，迅速放弃吧！WP7势头可观，但目前不太适合小队伍入场，大团&lt;/wbr&gt;&lt;wbr&gt;队可先做储备。&lt;br /&gt;
&lt;/wbr&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742321/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742321/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3957/feed</wfw:commentRss><slash:comments>3</slash:comments><description>移动产品设计最大的差异点在于用户使用场景的变化，场景的变化引发了交互方式巨大的变化，从而也使得信息呈现方式有所不同，再加上硬件设备的差异，最终使得2者千差万别了。所以，移动产品设计之设计应该首先从用户的使用场景出发，同时考虑用户的硬件设备差异，综合以上2点去帮助用户完成某个任务。&lt;img src=&quot;http://www1.feedsky.com/t1/604742321/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742321/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>交互设计</category><category>产品设计</category><category>体验,设计</category><category>移动产品设计</category><pubDate>Sat, 08 Oct 2011 23:17:17 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3957#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3957</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3957</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742321/5099563</fs:itemid></item><item><title>移动产品设计之硬件能力</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742322/5099563/1/item.html</link><content:encoded>&lt;p align=&quot;left&quot;&gt;如果你想猎杀一只虎你得首先搞清楚了虎的习性与弱点，不然就好比是绣花枕头的屠龙术。同样的道理，如果你想做好移动产品的设计，你得首先搞清楚移动设备的基本属性。知道移动设备有哪些能力才能驾驭这些能力并创造出优雅的体验。&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;aligncenter size-large wp-image-3954&quot; title=&quot;手机硬件属性&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/09/手机硬件属性-700x486.png&quot; alt=&quot;&quot; width=&quot;700&quot; height=&quot;486&quot; /&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;在移动设备里，常见可以被利用的硬件包括：话筒、GPS、距离感应器、环境光感应器、影像传感器、磁阻传感器、重力感应器、方向感应器、加速感应器、三轴陀螺仪、RFID、NFC、裸眼3D、温度计、震动感应器等等。&lt;/p&gt;
&lt;h3 align=&quot;left&quot;&gt;话筒&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：记录/输出声音，进行频谱分析最后以不同形式输出/输入&lt;/li&gt;
&lt;li&gt;扩展应用：语音输入、语音指令、听音辩曲、游戏等&lt;/li&gt;
&lt;li&gt;代表实例：语音搜索、导航仪、Shazam、Midomi SoundHound、IntoNow、Ocarina（埙）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 align=&quot;left&quot;&gt;GPS&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：由24颗工作卫星组成，使得在全球任何地方、任何时间都可观测到4颗以上的卫星, 测量出已知位置的卫星到用户接收机之间的距离，然后综合多颗卫星的数据就可知道接收机的具体位置&lt;/li&gt;
&lt;li&gt;扩展应用：定位（关于定位更详细的介绍可以参照之前的文章“&lt;a href=&quot;http://www.ikent.me/blog/3911&quot; target=&quot;_blank&quot;&gt;移动产品设计之常见定位方式&lt;/a&gt;”）&lt;/li&gt;
&lt;li&gt;代表实例：各类地图应用、LBS相关应用&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 align=&quot;left&quot;&gt;磁阻传感器（方位传感器）&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：将感受到的地磁信息转换为数字信号输出给用户使用&lt;/li&gt;
&lt;li&gt;扩展应用：辅助导航&lt;/li&gt;
&lt;li&gt;代表实例：指南针、地图的罗盘模式&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;h3&gt;GPS与磁阻传感器的对比&lt;/h3&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;二者不会相互干扰&lt;/li&gt;
&lt;li&gt;磁阻传感器不接收GPS信号，是GPS的补充&lt;/li&gt;
&lt;li&gt;受到地磁的影响，因此磁阻传感器需要经常进行校正&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;距离传感器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：一般都在手机听筒的两侧或者凹槽中，通过发射特别短的光脉冲，并测量此光脉冲从发射到被物体反射回来的时间，通过测时间来计算与物体之间的距离&lt;/li&gt;
&lt;li&gt;扩展应用：接打电话的时候进行屏幕亮度及开关触屏的调节&lt;/li&gt;
&lt;li&gt;代表实例：进距离传感器屏幕锁、微信自动切换听筒/扬声器模式&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;环境光传感器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：感应出使用环境的光线强度，再根据外界环境的光线强度进行调节&lt;/li&gt;
&lt;li&gt;扩展应用：屏幕亮度自动调节、键盘灯自动调节&lt;/li&gt;
&lt;li&gt;代表实例：屏幕亮度调节、阅读模式切换&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;影像感应器（摄像头）&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：将光线转变成电荷，通过模数转换器芯片转换成数字信号&lt;/li&gt;
&lt;li&gt;扩展应用：拍照/录像、条码/二维码识别、图像识别/人脸识别、动作捕捉/体感技术、增强现实&lt;/li&gt;
&lt;li&gt;代表实例：我查查、名片全能王、quick拍、蝶千寻、（AR相关应用可参见“&lt;a href=&quot;http://www.ikent.me/blog/3849&quot; target=&quot;_blank&quot;&gt;增强现实及其扩展应用&lt;/a&gt;”）&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;重力感应器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：手机重力感应指的是手机内置重力摇杆芯片，利用压电效应实现，感受手机在变换姿势时，重心的变化，使手机光标变化位置。重力感应器所能测的是手机来自不同轴面的重力，是直线的。&lt;/li&gt;
&lt;li&gt;扩展应用：横竖屏切换、设备的正反朝向判断&lt;/li&gt;
&lt;li&gt;代表实例：横竖屏自动切换（部分手机可以实现在查看相册的时候会自动根据拍照的时候是横屏or竖屏进行横竖自动切换）、甩动翻页/换歌、来电翻转、重力球游戏&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;方向感应器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：一般手机的上的方向感应器是感应水平面上的方位角、旋转角和倾斜角的。可以检测手机处于正竖、倒竖、左横、右横，仰、俯状态&lt;/li&gt;
&lt;li&gt;扩展应用：飞行类游戏&lt;/li&gt;
&lt;li&gt;代表实例：飞行类游戏、赛车类游戏&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;加速感应器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：敏感元件将测点的加速度信号转换为相应的电信号。加速感应器能感应到加速度和方向&lt;/li&gt;
&lt;li&gt;扩展应用：加速度感应、力量大小和方向感应。（在很多电脑里也内置有加速度感应器，基本应用场景就是当电脑跌落的时候保护硬盘不受损）&lt;/li&gt;
&lt;li&gt;代表实例：求签类应用、保龄球类游戏（Super Ball Escape）、垂钓类游戏&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;三轴陀螺仪&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：单轴的只能测量一个方向的量，也就是一个系统需要三个陀螺仪，而3轴的一个就能替代三个单轴的。三轴陀螺仪能同时测定6个方向的位置，移动轨迹，加速度。三轴陀螺仪最大的作用就是“测量角速度，以判别物体的运动状态，所以也称为运动传感器“，换句话说，这东西可以让我们的iPhone知道自己”在哪儿和去哪儿“&lt;/li&gt;
&lt;li&gt;扩展应用：感受手机在各个角度上的变化、感知设备运动状态、辅助GPS定位&lt;/li&gt;
&lt;li&gt;代表实例：itouch等的定位、测量（ iSetSquare ）、游戏（ Gyroblox、现代战争2、 sensor mouse   ）&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;h3&gt;重力感应、方向感应、加速感应、三轴陀螺仪&lt;/h3&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;重力感应，只能感应到不同轴面的力，是基于直线的感知；&lt;/li&gt;
&lt;li&gt;方向感应器，基于平面的感知；&lt;/li&gt;
&lt;li&gt;加速度传感器，能感应加速度和方向；加速力可以是常量G也可以是变量，所以加速度感应的范围要比重力感应器大。也有些手机上说到加速度感应器，实际上就是重力感应器。&lt;/li&gt;
&lt;li&gt;iPhone4里的重力感应器和加速度感应器是同一个设备，叫三轴陀螺仪。能够感应设备在X、Y、Z三轴方向上的重力和加速度，得出来的是运动轨迹；&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt; 震动感应器&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理： 压电陶瓷可以把震动转化为电信号&lt;/li&gt;
&lt;li&gt;扩展应用：设备唤醒、心跳、脉搏监测、测谎仪&lt;/li&gt;
&lt;li&gt;代表实例：暂无&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;RFID(非接触式射频识别)&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：在物体贴上RFID标签，当物体进入到读写器的作用范围内时，能够读取到标签中的相关信息。RFID分为2个部分：标签（射频卡），读写器。标签分为主动标签（主动发送信号），被动标签（接收信号）&lt;/li&gt;
&lt;li&gt;扩展应用：室内定位、电子机票、物流分拆&lt;/li&gt;
&lt;li&gt;代表实例：手机钱包、一体化检票平台&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 align=&quot;left&quot;&gt;二维码&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：用某种特定的几何图形按一定规律在平面（二维方向上）分布的图形记录数据符号信息。在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理。&lt;br /&gt;
二维码不一定都是黑白相间的，实际上它的颜色可以被改变；二维码有较强的识别性，当遮盖面积不超过30%的时候仍然可以被识别。&lt;br /&gt;
（比如&lt;a href=&quot;http://weibo.com/1286541083/xkpqGuh2Q&quot; target=&quot;_blank&quot;&gt;这张二维码&lt;/a&gt;就是改变颜色增加了个性化内容的，and，还可以参考我的微博头像）&lt;/li&gt;
&lt;li&gt;扩展应用：打开相关链接、签到、支付、名片&lt;/li&gt;
&lt;li&gt;代表实例：支付宝条码支付、我查查&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 align=&quot;left&quot;&gt;NFC&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：由RFID及互联互通技术整合演变而来,在单一芯片上结合感应式读卡器、感应式卡片和点对点的功能，能在短距离内与兼容设备进行识别和数据交换。这项技术最初只是RFID技术和网络技术的简单合并，现在已经演变成一种短距离无线通信技术。&lt;br /&gt;
但是NFC芯片有双向的读写功能，而RFID的id tag只读；NFC要求的距离比FRID要近很多。&lt;/li&gt;
&lt;li&gt;扩展应用：身份确认（签到）、电子钥匙、电子票务、介绍地标&lt;/li&gt;
&lt;li&gt;代表实例：签到、刷卡、移动支付&lt;/li&gt;
&lt;/ul&gt;
&lt;blockquote&gt;
&lt;h3 align=&quot;left&quot;&gt;RFID、二维码、NFC&lt;/h3&gt;
&lt;/blockquote&gt;
&lt;ul&gt;
&lt;li&gt;NFC和目前通用的RFID协议兼容，脱胎于RFID&lt;/li&gt;
&lt;li&gt;RFID主要应用于目标识别（单向），NFC主要实现设备间通讯（可双向）&lt;/li&gt;
&lt;li&gt;NFC要求的距离比FRID要近很多&lt;/li&gt;
&lt;li&gt;NFC的本质是通讯，本身不承载数据&lt;/li&gt;
&lt;li&gt;NFC需要电力，类似蓝牙&lt;/li&gt;
&lt;li&gt;二维码是单方面的信息读取&lt;/li&gt;
&lt;li&gt;二维码承载字母，数字，ASCII码，且有字符数量不超过3000个&lt;/li&gt;
&lt;li&gt;二维码需要去对准读取设备，而NFC只需要靠近，识别工作无须人工干预&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 align=&quot;left&quot;&gt;裸眼3D&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理：简单的说就是不使用偏振镜（3D电影常用），在平面显示出3D立体效果。目前裸眼3D技术有很多，目前在手机上实现应用的主要是夏普的视差屏障（parallaxbarrier）技术液晶屏&lt;/li&gt;
&lt;li&gt;扩展应用：游戏、地图和导航、视频浏览、3D照片浏览&lt;/li&gt;
&lt;li&gt;代表实例：Google3D地图、earth3D&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;温度计&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;原理： 通过热敏感探头实现温度测量。&lt;br /&gt;
不过， 只能测试环境温度，无法测量物体温度，比如无法测量体温。测量体温等需要红外测温装置，目前不易装入手机。 另外，易受到机器温度影响，测温不是很准&lt;/li&gt;
&lt;li&gt;扩展应用：测量环境温度、体温监测、疾病预报、生活服务（穿衣指导）&lt;/li&gt;
&lt;li&gt;代表实例：暂无&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;当然，其实还有最普通的Wifi、红外、蓝牙等基础硬件设备的使用也可以有不一样的交互体验比如Bump等，这里不再赘述。&lt;/p&gt;
&lt;p&gt;另外，因为是学文科的，所以这篇文章有很多地方我个人的理解并不是很到位，欢迎懂行的你批评指正。&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot;&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742322/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742322/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3924/feed</wfw:commentRss><slash:comments>9</slash:comments><description>在移动设备里，常见可以被利用的硬件包括：话筒、GPS、距离感应器、环境光感应器、影像传感器、磁阻传感器、重力感应器、方向感应器、加速感应器、三轴陀螺仪、RFID、NFC、裸眼3D、温度计、震动感应器等等&lt;img src=&quot;http://www1.feedsky.com/t1/604742322/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742322/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>移动互联网</category><category>移动产品设计</category><category>幻风阁录</category><pubDate>Mon, 12 Sep 2011 15:54:56 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3924#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3924</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3924</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742322/5099563</fs:itemid></item><item><title>移动产品设计之常见定位技术</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742323/5099563/1/item.html</link><content:encoded>&lt;p&gt;知乎上有个问题问“&lt;a href=&quot;http://www.zhihu.com/question/19809431&quot; target=&quot;_blank&quot;&gt;除了 GPS 和基站定位，目前还有哪些其它传感定位技术？&lt;/a&gt;”，正好最近在做这方面的一些调研学习，于是把我了解到的信息整理喽一下做了回答，之后知乎上有其他网页对我的答案做了纠正与补充，这里我一并整理一下发出来备份吧&lt;/p&gt;
&lt;p&gt;申明：以下内容感谢&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 15px;&quot;&gt;&lt;a href=&quot;http://www.zhihu.com/people/xuzhe&quot; target=&quot;_blank&quot;&gt;徐哲&lt;/a&gt;、&lt;/span&gt;&lt;a href=&quot;http://www.zhihu.com/people/edyfox&quot;&gt;滇狐&lt;/a&gt;、&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 15px;&quot;&gt;&lt;a href=&quot;http://www.zhihu.com/people/magie&quot;&gt;maggie&lt;/a&gt;、&lt;/span&gt;&lt;a href=&quot;http://www.zhihu.com/people/mu-rong&quot;&gt;穆荣&lt;/a&gt;、&lt;span class=&quot;Apple-style-span&quot; style=&quot;font-size: 15px;&quot;&gt;&lt;a href=&quot;http://www.zhihu.com/people/pigz&quot;&gt;猪头心宇&lt;/a&gt;在知乎上的补充。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;目前常用的定位方式有：GPS定位、基站定位、wifi定位、IP定位、RFID/二维码等标签识别定位、蓝牙定位、声波定位、场景识别定位。技术上可以采取以下一种或多种混合。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;关于GPS与A-GPS定位：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;常见的GPS定位的原理可以简单这样理解：由24颗工作卫星组成，使得在全球任何地方、任何时间都可观测到4颗以上的卫星, 测量出已知位置的卫星到用户接收机之间的距离，然后综合多颗卫星的数据就可知道接收机的具体位置。在整个天空范围内寻找卫星是很低效的，因此通过 GPS 进行定位时，第一次启动可能需要数分钟的时间。这也是为啥我们在使用地图的时候经常会出现先出现一个大的圈，之后才会精确到某一个点的原因。不过，如果我们在进行定位之前能够事先知道我们的粗略位置，查找卫星的速度就可以大大缩短。&lt;/p&gt;
&lt;p&gt;GPS系统使用的伪码一共有两种，分别是民用的C/A码和军用的P(Y)码。民用精度约为10米，军用精度约为1米。GPS的优点在于无辐射，但是穿透力很弱，无法穿透钢筋水泥。通常要在室外看得到天的状态下才行。信号被遮挡或者削减时，GPS定位会出现漂移，在室内或者较为封闭的空间无法使用。&lt;/p&gt;
&lt;p&gt;正是由于GPS的这种缺点，所以经常需要辅助定位系统帮助完成定位，就是我们说的A-GPS。&lt;/p&gt;
&lt;p&gt;例如 iPhone 就使用了 A－GPS，即基站或 WiFi AP  初步定位后，根据机器内存储的 GPS 卫星表来快速寻星，然后进行 GPS 定位。例如在民用的车载导航设备领域，目前比较成熟的是 GPS + 加速度传感器补正算法定位。在日本的车载导航市场是由 Sony 的便携式车载导航系统 Nav-U1 首先引入量产。例如在增加了三轴陀螺仪的iphone4里可以利用三轴陀螺仪来辅助完成定位，具体可以参见&lt;a href=&quot;http://ucdchina.com/snap/9797&quot; target=&quot;_blank&quot;&gt;这篇文章&lt;/a&gt;的介绍，不过三轴陀螺仪定位的误差会随着时间逐渐积累。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;关于基站定位（cell ID定位）：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;小区识别码（Cell ID）通过识别网络中哪一个小区传输用户呼叫并将该信息翻译成纬度和经度来确定用户位置。Cell ID实现定位的基本原理：即无线网络上报终端所处的小区号(根据服务的基站来估计)，位置业务平台把小区号翻译成经纬度坐标。&lt;/p&gt;
&lt;p&gt;基本定位流程：设备先从基站获得当前位置（Cell ID）。（第一次定位）—— &amp;gt; 设备通过网络将位置传送给agps位置服务器 —— &amp;gt; Agps服务器根据位置查询区域内当前可用的卫星信息，并返回设备。 —— &amp;gt; 设备中的GPS接收器根据可用卫星，快速查找可用的GPS卫星，并返回GPS定位信息。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;关于Wifi AP定位：&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;设备只要侦听一下附近都有哪些热点，检测一下每个热点的信号强弱，然后把这些信息发送给网络上的服务端。服务器根据这些信息，查询每个热点在数据库里记录的坐标，然后进行运算，就能知道客户端的具体位置了。一次成功的定位需要两个先决条件：客户端能上网 ，侦听到的热点的坐标在数据库里有&lt;/p&gt;
&lt;p&gt;PS：苹果用的WIFI定位服务&lt;a href=&quot;http://www.skyhookwireless.com/&quot;&gt;http://www.skyhookwireless.com/&lt;/a&gt; ；这个网站可以通过MAC地址取得位置信息&lt;a href=&quot;http://samy.pl/mapxss/&quot;&gt;http://samy.pl/mapxss/&lt;/a&gt;&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;关于FRID、二维码定位：&lt;/strong&gt;&lt;/p&gt;
&lt;div&gt;
&lt;div&gt;通过设置一定数量的读卡器和架设天线，根据读卡器接收信号的强弱、到达时间、角度来定位。目前无法做到精准定位，布设读卡器和天线需要有大量的工程实践经验难度大，另外从成本上来讲WIFI经济实用些。&lt;/div&gt;
&lt;div&gt;
&lt;div&gt;另外，室内定位无法依靠GPS卫星，主要只能依靠室内设备。可以使用WLAN和RFID来实现。&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742323/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742323/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3911/feed</wfw:commentRss><slash:comments>10</slash:comments><description>目前常用的定位方式有：GPS定位、基站定位、wifi定位、IP定位、RFID/二维码等标签识别定位、蓝牙定位、声波定位、场景识别定位。技术上可以采取以下一种或多种混合。&lt;img src=&quot;http://www1.feedsky.com/t1/604742323/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742323/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>移动互联网</category><category>定位</category><category>移动产品设计</category><category>幻风阁录</category><pubDate>Sat, 03 Sep 2011 15:17:39 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3911#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3911</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3911</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742323/5099563</fs:itemid></item><item><title>增强现实技术（AR）及扩展应用</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742324/5099563/1/item.html</link><content:encoded>&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;这是一篇写给我自己看的科普文章。 &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;在开始说增强现实（AR）之前，需要先说说虚拟现实（VR） &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;虚拟现实是从英文Virtual Reality 一词翻译过来的，简称VR。VR 技术是采用以计算机技术为核心的技术，生成逼真的视、听、触觉等一体化的虚拟环境，用户借助必要的设备以自然的方式与虚拟世界中的物体进行交互，相互影响，从而产生亲临真实环境的感受和体验。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;典型的VR 系统主要由计算机、应用软件系统、输入输出设备、用户和数据库等组成&lt;/span&gt;。计算机负责虚拟世界的生成和人机交互的实现；输入输出设备负责识别用户各种形式的输入并实时生成相应的反馈信息；应用软件系统负责虚拟世界中物体的几何模型、物理模型、行为模型的建立，三维虚拟立体声的生成，模型管理及实时显示等；数据库主要用于存放整个虚拟世界中所有物体的各个方面的信息。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;VR技术与三维动画技术的本质区别在于其交互性上。三维动画技术是依靠计算机预先处理好的路径上所能看见的静止照片连续播放而形成的，不具有任何交互性，即不是用户想看什么地方就能看到什么地方，用户只能按照设计师预先固定好的一条线路去看某些场景，用户是被动的；而VR 技术则通过计算机实时计算场景，根据用户的需要把整个空间中所有的信息真实地提供给用户，用户可依自己的路线行走，计算机会产生相应的场景，真正做到“&lt;span style=&quot;color: #000000;&quot;&gt;想得到，就看得到&lt;/span&gt;”。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;根据VR 技术对沉浸程度的高低和交互程度的不同，将VR 系统划分了4 种类型：沉浸式VR 系统、桌面式VR 系统、增强式VR 系统、分布式VR 系统。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;而&lt;span style=&quot;color: #ff0000;&quot;&gt;增强式VR 系统简称增强现实（Augmented Reality）&lt;/span&gt;，就是我们经常说的在手机上应用比较多的AR了。它既允许用户看到真实世界，同时也能看到叠加在真实世界上的虚拟对象，它是把真实环境和虚拟环境结合起来的一种系统。&lt;span style=&quot;color: #ff0000;&quot;&gt;AR中真实物体和虚拟物体与用户环境必须无缝结合在一起，而且真实物体和虚拟物体之间还要能够进行交互&lt;/span&gt;，这样才能实现真正的虚实融合。因此增强现实系统具有虚实结合、实时交互、三维定向的新特点。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;好，下面来重点说说增强现实（AR）&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;一个AR系统需要有&lt;span style=&quot;color: #000000;&quot;&gt;显示技术、跟踪和定位技术、界面和可视化技术、标定技术&lt;/span&gt;构成。&lt;/span&gt;&lt;/p&gt;
&lt;p align=&quot;left&quot;&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;span style=&quot;color: #000000;&quot;&gt;跟踪和定位技术与标定技术共同完成对位置与方位的检测，并将数据报告给AR 系统，实现被跟踪对象在真实世界里的坐标与虚拟世界中的坐标统一，达到让虚拟物体与用户环境无缝结合的目标&lt;/span&gt;。为了生成准确定位，AR系统需要进行大量的标定，测量值包括摄像机参数、视域范围、传感器的偏移、对象定位以及变形等。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt; &lt;span style=&quot;font-size: 14px;&quot;&gt;相对与智能手机而言，&lt;strong&gt;&lt;span style=&quot;color: #ff0000;&quot;&gt;AR就是根据当前位置（GPS），和视野朝向（指南针）及手机朝向（方向传感器/陀螺仪），在实景中（摄像头）投射出相关信息并在显示设备（屏幕）里展示。其实现的重点在于投影矩阵的获取。&lt;/span&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;当然，在实际开发的时候其实android系统已经将投影矩阵封装的比较好了，可以通过接口直接获取投影矩阵，然后将相关的坐标转换算成相应的坐标就可以了。&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;移动增强现实系统应实时跟踪手机在真实场景中的位置及姿态，并根据这些信息计算出虚拟物体在摄像机中的坐标，实现虚拟物体画面与真实场景画面精准匹配，所以，&lt;span style=&quot;color: #f00;&quot;&gt;registration（即手机的空间位置和姿态）的性能是增强现实的关键&lt;/span&gt;。移动AR的运作原理可以以下面这个图示简单来说明。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;img class=&quot;aligncenter size-full wp-image-3895&quot; title=&quot;基于手机的增强现实(AR)&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/基于手机的增强现实AR.jpg&quot; alt=&quot;&quot; width=&quot;605&quot; height=&quot;421&quot; /&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;OK，科普的事情做完了，下面再来说说AR到底有些啥搞头 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;1、找到想去的地方 &lt;/span&gt;&lt;/h2&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;1.1找到我想去的那家店 &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3860&quot; title=&quot;yelp-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/yelp-AR.jpg&quot; alt=&quot;&quot; width=&quot;480&quot; height=&quot;320&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;strong&gt;&lt;a href=&quot;http://itunes.apple.com/us/app/yelp/id284910350?mt=8&quot;&gt;Yelp Monocle&lt;/a&gt;&lt;/strong&gt; 利用 iPhone 的摄像头和数字罗盘把 Yelp 评分和实时的街景结合起来，这样您就可以找出五星级酒吧而不是误入那些自以为酷的小酒馆了。 &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;1.2找到我的车 &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3861&quot; title=&quot;carfind-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/carfind-AR.jpg&quot; alt=&quot;&quot; width=&quot;480&quot; height=&quot;320&quot; /&gt;&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;当你把车停在路边，并掏出手机启动&lt;a href=&quot;http://itunes.apple.com/us/app/find-your-car-ar-augmented/id370836023?mt=8&quot; target=&quot;_blank&quot;&gt; Car Finder &lt;/a&gt;时，软件会记录下你的 GPS 信息。之后，当你想在茫茫车海中寻找它时，Car Finder 会利用摄像头，GPS，指南针，陀螺仪等多个传感器把你引导至正确的位置。 &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;1.3指引路径 &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3875&quot; title=&quot;Wikitude_Drive-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/Wikitude_Drive-AR.jpg&quot; alt=&quot;&quot; width=&quot;615&quot; height=&quot;260&quot; /&gt; &lt;/span&gt; &lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;https://market.android.com/details?id=com.wikitude&quot; target=&quot;_blank&quot;&gt;Wikitude Drive&lt;/a&gt;增强现实导航应用，用户看到的不是地图，而是前方街道的实时视图，以及叠加在视频上方的导航数据。现在已经在欧洲、澳大利亚、北美市场得到了应用。 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;2、“碰”到虚拟的东西 &lt;/span&gt;&lt;/h2&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3865&quot; title=&quot;arsoccer-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/arsoccer-AR.png&quot; alt=&quot;&quot; width=&quot;659&quot; height=&quot;474&quot; /&gt; &lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;http://itunes.apple.com/us/app/arsoccer-augmented-reality/id381035151?mt=8&quot; target=&quot;_blank&quot;&gt;AR SOCCER&lt;/a&gt; 虚拟颠球，就是你把屏幕对着一块干净的地板，然后屏幕上会出现一个足球，现在你可以用脚去踹它。 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;3、令现实按我的想法变化 &lt;/span&gt;&lt;/h2&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;3.1实景翻译 &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3877&quot; title=&quot;WordLens-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/WordLens-AR.jpg&quot; alt=&quot;&quot; width=&quot;610&quot; height=&quot;320&quot; /&gt; &lt;/span&gt; &lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;http://itunes.apple.com/us/app/word-lens/id383463868?mt=8&quot; target=&quot;_blank&quot;&gt;Word Lens&lt;/a&gt;是一个实景翻译的应用，不过目前只提供英语和西班牙语的相互翻译。 &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;3.2虚拟试衣 &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3867&quot; title=&quot;Zugara-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/Zugara-AR.png&quot; alt=&quot;&quot; width=&quot;545&quot; height=&quot;322&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;使用&lt;a href=&quot;http://zugara.com/&quot; target=&quot;_blank&quot;&gt;Zugara&lt;/a&gt;的虚拟试衣间非常简单。你需要一台带摄像头的电脑和一点空间，后退到离摄像头4-5英尺的地方挥一挥手，你选中的衣物会自动“穿”到你身上。如果你觉得没有“穿好”，你还可以通过微调衣物的位置使其看起来与你更贴合。 &lt;/span&gt;&lt;/p&gt;
&lt;h3&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;3.3拍照 &lt;img class=&quot;aligncenter size-full wp-image-3869&quot; title=&quot;farrago-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/farrago-AR.png&quot; alt=&quot;&quot; width=&quot;654&quot; height=&quot;479&quot; /&gt; &lt;/span&gt;&lt;/h3&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;在使用“&lt;a href=&quot;http://itunes.apple.com/gb/app/farrago-ar-3d-augmented-reality/id449709362?mt=8&quot; target=&quot;_blank&quot;&gt;Farrago AR&lt;/a&gt;”时，用户可以轻松通过移动设备的触摸屏对图片内出现的物体进行旋转、调整大小、修正等精细操作。而且，“Farrago AR”友好的用户界面使得用户可以轻松创造出2D或者3D的图片外物体。 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;4、把虚拟叠加到现实上 &lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3870&quot; title=&quot;时光机器-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/时光机器-AR.png&quot; alt=&quot;&quot; width=&quot;479&quot; height=&quot;321&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;伦敦博物馆出了一个增强现实的Apps，称其为“&lt;a href=&quot;http://itunes.apple.com/gb/app/museum-london-streetmuseum/id369684330?mt=8&quot; target=&quot;_blank&quot;&gt;时光机器&lt;/a&gt;”，把手机对准当前所在的位置，那么系统会帮你匹配当前位置几十年前的样子。 &lt;/span&gt; &lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3872&quot; title=&quot;layar-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/layar-AR.jpg&quot; alt=&quot;&quot; width=&quot;550&quot; height=&quot;275&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;http://www.layar.com/browser/&quot; target=&quot;_blank&quot;&gt;Layar Reality Browser&lt;/a&gt; 把摄像头对准周遭的景物，Layar 会把各种数据找出来——巴士站、滑板公园以及房地产价格等等。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3873&quot; title=&quot;wikitude.com&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/wikitude.com_.png&quot; alt=&quot;&quot; width=&quot;615&quot; height=&quot;261&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;http://www.wikitude.com/&quot; target=&quot;_blank&quot;&gt;Wikitude &lt;/a&gt;被称为“世界浏览器”，它可以帮你探索周围的环境，查找地标的资料。只要你举起手机并打开摄像头，屏幕上就会出现一些标记——包括维基百科词条，带 GEO 标签的 Tweet，ATM 的位置。 &lt;img class=&quot;aligncenter size-full wp-image-3879&quot; title=&quot;walk star-AR&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/walk-star-AR.png&quot; alt=&quot;&quot; width=&quot;481&quot; height=&quot;318&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;a href=&quot;http://itunes.apple.com/us/app/star-walk-5-stars-astronomy/id295430577?mt=8&quot; target=&quot;_blank&quot;&gt;Star Walk&lt;/a&gt;，增强现实的“天文互动指南”，利用GPS，指南针和陀螺仪教你辨别星座。 还有很多类似的游戏，比如星球大战AR版、AR Invaders（打飞碟）、AR Missile（导弹毁人）、ARBasketball（实景篮球）&amp;#8230;..&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;最后，说一下几个基于AR做平台的 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;1、高通 &lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;&lt;img class=&quot;aligncenter size-full wp-image-3874&quot; title=&quot;SANYO DIGITAL CAMERA&quot; src=&quot;http://www.ikent.me/blog/wp-content/uploads/2011/08/高通-AR.jpg&quot; alt=&quot;&quot; width=&quot;600&quot; height=&quot;360&quot; /&gt; &lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;高通放出了android平台和ios平台上上的&lt;a href=&quot;https://ar.qualcomm.at/qdevnet/sdk&quot; target=&quot;_blank&quot;&gt;augmented reality develop kit&lt;/a&gt;。基于这个SDK开发人员更容易的运用智能设施中的摄像头，开端出实在内容与虚构内容联结的软件利用。 &lt;/span&gt;&lt;/p&gt;
&lt;h2&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;2、Layar &lt;/span&gt;&lt;/h2&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;Layar旨在打造的一个开放的增强现实的平台，任何第三方都可以通过Layar的开发接口来打造基于Layar的自己的增强现实应用。目前其官方网站上列出的应用有2029个，其应用类型包括教育，游戏，建筑，艺术，交通，游戏等等；你也可以把Layar看做专门为AR应用搭建的App Store，因为里面的应用有免费的，也有收费的。&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 16px;&quot;&gt;最后，说点扯淡的事情&lt;/span&gt;&lt;/p&gt;
&lt;p&gt;&lt;span style=&quot;font-size: 14px;&quot;&gt;移动硬件设备的发展使得人们在移动设备上的交互有了突破性的进展，以NFC、AR、裸眼3D等为代表的一大批应用形态的涌现给这个领域带来了最够的新奇与动力，创造了全新的用户体验。而在移动产品的设计上，如何利用手机的硬件性能来创造突破性的产品将是未来决定移动产品设计师能力以及移动产品成败的关键了。&lt;/span&gt;&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742324/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742324/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3849/feed</wfw:commentRss><slash:comments>8</slash:comments><description>AR就是根据当前位置（GPS），和视野朝向（指南针）及手机朝向（方向传感器/陀螺仪），在实景中（摄像头）投射出相关信息并在显示设备（屏幕）里展示。其实现的重点在于投影矩阵的获取。&lt;img src=&quot;http://www1.feedsky.com/t1/604742324/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742324/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>移动互联网</category><category>增强现实</category><category>互联,乱想</category><category>AR</category><category>移动产品设计</category><pubDate>Tue, 30 Aug 2011 19:56:11 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3849#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3849</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3849</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742324/5099563</fs:itemid></item><item><title>知其然，使其可以然</title><link>http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742325/5099563/1/item.html</link><content:encoded>&lt;p&gt;在产品设计的路上一路走来，经历了几个阶段：初入行时奉很多东西为圭臬，因为然，所以然；之后慢慢深入开始想为什么是这样而不是那样，对已经这样了的产品也少了很多指责，更多的是探究其之所以如此的原因，知其然，知其所以然；再后来是，知其所以然之后不禁叹息，如果努力是否可以做的更好，是否能够解决障碍呢？知其然，使其可以然。&lt;/p&gt;
&lt;p&gt;1年前我曾经写了一篇《&lt;a href=&quot;http://www.ikent.me/blog/3019&quot; target=&quot;_blank&quot;&gt;我理解的产品经理&lt;/a&gt;》，当其时深洋洋洒洒数千言以充满理想主义的呐喊居多，也没有什么体系，只是想到哪里就说到哪里，虽说法都无甚错误但是总觉得落不了地&amp;#8230;.1年之中结结实实的锻炼了许多次，经历一个产品从无到有、从上线后遇到瓶颈然后推翻从来找到一个新的方向。在这个过程中，有团队之间的磨合，也让自己学习到如何成为一个优秀的产品经理。今天写到这里，作为自己的一个成长记录吧。&lt;/p&gt;
&lt;p&gt;产品经理的素质，从整体来看应该包括3个方面：对产品市场的感知与把握，称之为市场，占30%；对用户体验的追求与执着，称之为体验，占20%；对团队的驱动与节奏的控制，称之为执行力，占50%。三者合一，有虚有实，不断&lt;wbr&gt;检验不断改进方能一举破之终有大成！&lt;/wbr&gt;&lt;/p&gt;
&lt;p&gt;每个成功的产品都是特定时间段的产物，这个特定的时间段就是产品市场，在这个产品市场下，每个产品都以“独有的价值”作为驱动力。iPod的诞生与伟大就在于正确的把握了当时音乐市场的变化及技术的革新，而iPod自身的设计只是加分项而言，并没有起到核心的作用。一旦产品市场确定，就意味着找到了正确的航线，在这个过程中航道或有偏移，譬如忽左忽右，但只要始终以航线为中心，便不会有太大的问题出现。&lt;/p&gt;
&lt;p&gt;一般而言，对产品市场的认知可以通过3个部分来把握，社会与文化的趋势和驱动力、现有经济状况与消费重点的转移、先进的和新兴的技术的出现。&lt;/p&gt;
&lt;p&gt;当方向落定并不意味着就能成功，方向与目标始终要落地，体现在产品设计过程中就是对用户体验的极致追求&lt;wbr&gt;，确保足够优雅的满足用户需求。可以认为产品市场其实是帮助找到用户的痛点，而对体验的执着即是对症下药。这个过程中，如何优雅的满足用户的需求却还是始终要围绕着“独有的价值”来做。优先满足大多数人的需求，之后再为少数人提供解决方案。&lt;/wbr&gt;&lt;/p&gt;
&lt;p&gt;但是，产品设计从来就不是一个人的事情，也永远不存在英雄主义。一个产品的成功永远都是一个团队人共同努力的成果，哪怕这个团队再小。所以，上述产品市场与用户体验真正的落脚点其实是执行力，而执行力我认为是最考验一个产品经理道行的所在。如何驱动一个团队的兄弟又快又好的完成产品设计同时把握好节奏不断的快速迭代是一个产品成败之根本。&lt;/p&gt;
&lt;p&gt;在这里有几个尤为重要的地方，让产品方向在整个团队得到认同，有计划有节奏的执行产品设计，灵活反应及时应对可能出现的问题与方向上的偏移。如果团队无法对产品方向达成一致必然不会使出全力，但是光有力道但是没有节奏往往会出现撞南墙的情况。&lt;/p&gt;
&lt;p&gt;一个完整的产品流程简单来说就是，发现问题——分析问题——解决问题——验证答案的过程。在这个过程中，只懂市场无处着力，看似都瞧的透彻但永远只是看上去很美，多半会成为砖家；光靠&lt;wbr&gt;体验容易被既得用户牵着鼻子走，往往深陷泥潭，要么成为理论派要么开始自我怀疑；兄弟同心其利断金，但是更多的时候问题不是出在断金上而是何处是金。唯三者合一方能大成。&lt;/wbr&gt;&lt;/p&gt;
&lt;p&gt;三个部分看似简单，然每个部分拆开来讲都包含很多学问与技巧，每个部分也都有很多特有的门道在里面。以我当前的经历与能力尚无法领悟其十分之一，尚须继续努力修炼拿项目来磨砺与提高。&lt;/p&gt;
&lt;p&gt;以上，为成长笔记，记录如此仅供自省自查。&lt;/p&gt;&lt;img src=&quot;http://www1.feedsky.com/t1/604742325/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742325/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</content:encoded><wfw:commentRss>http://www.ikent.me/blog/3839/feed</wfw:commentRss><slash:comments>7</slash:comments><description>产品经理的素质，从整体来看应该包括3个方面：对产品市场的感知与把握，称之为市场，占30%；对用户体验的追求与执着，称之为体验，占20%；对团队的驱动与节奏的控制，称之为执行力，占50%。三者合一，有虚有实，不断检验不断改进方能一举破之终有大成！&lt;img src=&quot;http://www1.feedsky.com/t1/604742325/Kentzhu/feedsky/s.gif?r=http://item.feedsky.com/~feedsky/Kentzhu/~7248736/604742325/5099563/1/item.html&quot; border=&quot;0&quot; height=&quot;0&quot; width=&quot;0&quot; style=&quot;position:absolute&quot; /&gt;</description><category>产品设计</category><category>体验,设计</category><category>产品经理</category><pubDate>Sat, 06 Aug 2011 15:56:48 +0800</pubDate><author>kent.zhu</author><comments>http://www.ikent.me/blog/3839#comments</comments><guid isPermaLink="false">http://www.ikent.me/blog/?p=3839</guid><dc:creator>kent.zhu</dc:creator><fs:srclink>http://www.ikent.me/blog/3839</fs:srclink><fs:srcfeed>http://www.ikent.me/blog/?feed=rss2</fs:srcfeed><fs:itemid>feedsky/Kentzhu/~7248736/604742325/5099563</fs:itemid></item></channel></rss>
