在“克隆”优步 App中，我学到了什么

　　一个山寨优步APP的全过程

　　编者按：一群搞事情的程序猿山寨优步的APP，他们想干啥呢?一起来看一下吧。

推荐阅读：如何给App设计出不恶心用户的付费点？

　　去年，我创办了Codename One Academy，询问我们的团队他们想学些什么。他们的反应倾向强烈，纷纷表示想学学怎么做出来优步这样的APP。一开始我想以优步的风格创造点什么出来，不过最后决定建立一种跟原生APP的看上去非常接近的东西，某种程度上来说几乎一模一样。我的动机在于：

　　我想让设计看起来更专业一点，跟着市场上排名一等一的公司的设计总没错;

　　通过了解优步的决策，人们可以学到很多东西——我知道我做到了;

　　要是一开始我能创造一些与众不同的东西，那我可能给自己带来不可估量的收益。当然，这在现实世界中并不存在。

　　我用“克隆”一词来表明这种相似度，但绝不意味着跟它跟优步做的一模一样。优步的APP无所不包，在细枝末节上也见得功夫，而我只有一个星期的时间来写所有相关的适用代码……我的目标就是搭起框架来，至于细枝末节，实在是鞭长莫及了。

　　太长不看版

　　我有这样一些心得：

　　优步的安卓和iOS版本是同一批人做的;

　　安卓版本修复了某些bug，而iOS没有;

　　尽管安卓和iOS版本有着几乎一样的用户界面，但有一项功能安卓没有iOS却有;

　　安卓版本的优步不适用原生短信拦截;

　　优步重功能甚于形式;

　　对像优步这样的应用来说，迅速做出改变和设计决策的能力很重要;

　　巧妙借助现有工具，做出像优步那样的APP真的不难。

　　我学到了什么?

　　我也没想着要学到很多东西，不过确实了解了一些令我倍感惊讶的事情。其中之一就是优步在iOS系统中的原生APP中，大量使用的原质化设计(material design)。比如：

　　优步在iOS系统的原生应用

　　你可注意了，这看起来与安卓版本的APP几乎相同。主要的安卓交互界面元素一应俱全：悬浮按钮、原质化设计文本输入、箭头返回键……

　　安卓版本的看着确实和iOS版本一模一样啊!

　　我一直都以为原生的小部件是通过营造熟悉感来提高参与度的。但其实陈和我一直就这个问题在争论不休，我更推崇“系统原生感”，不过陈更倾向于所有的平台上用户界面都一致。

　　看来优步是站在陈这一边的了。毕竟它在安卓系统和iOS系统的用户界面设计都出差不多。

　　仔细想想这也挺有道理，凡事做一遍就行了。你看它们一套班子可以挂两块牌子。只要整个APP都看着正儿八经，直觉什么的都没毛病。

　　在安卓2.x和iOS6.x这俩操作系统之间的鸿沟大到几乎不可逾越的日子里，在安卓系统的APP里，左上角有一个退出键简直是冒天下之大不韪…

　　不过现在，即使你不用什么跨平台工具，两者的趋同也能带来不少收益。

　　切换样式仍有不同

　　我不知道这是否是有意为之，但是安卓和iOS系统的优步软件的切换方式还是全然不同的。安卓版本版本使用了原质化设计的切换(但我貌似看不出一种主切换方式)，相比之下，iOS则表现为覆盖和滑动。

　　倘若这是刻意而为，那可能说明“感官”居“直观”之上风。我猜他们对此并没有给予足够的关心，不过究竟如何就难以确定了。

　　漏洞问题

　　这是安卓系统中，优步的登录界面。

　　安卓登录界面

　　同样的界面在iOS系统里看上去差不多，但是存在渲染漏洞。

　　iOS版本登录界面的渲染漏洞

　　以防你没发现这个bug，我再提醒一下，是在“请输入你的手机号码”等字样那里出了问题。

如何建站：

建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了