如何进行移动旅游网站及APP开发？

【环球旅讯】本文作者是Sabre的产品工程师Ken Tabor，参与开发移动旅游APP TripCase。

作为一名软件工程师，我的工作是开发基于iOS和安卓平台、包括移动网站和混合型应用程序的旅游APP。

我一直在寻找更好的开发方式，现在与大家分享我学习到的一些经验。

“移动优先”这句话提醒我们要考虑所有用户的需求。那么这是否需要更多努力呢？当然！

要打造平衡细节和灵活性的用户体验是不可思议的挑战，但值得我们为之努力，因为人们越来越喜欢通过手机和平板电脑上网和购物。

我们可能无法准确预测这些设备是什么样子，但必须确保我们开发的项目能正常运行。

因此，我们需要以下工具：

1. 分析工具

2. 调试工具

3. 仿真器、模拟器和测试工具

选择了不起的工具

开始一个项目时，我们都计划通过发现未知功能降低复杂性。通过投资“脑力劳动”发现边缘案例和愉快路径当然非常完美。

因为我们设计师和工程师在某种程度上是创造者，我们必须停止计划，开始行动。我们要开发的是供人们使用的应用和令人惊叹的应用，因此我们需要了不起的工具。

在现实中，选择正确的工具看起来很容易，不是吗？多年使用锤子、扳手和胶带的经验让大家对这些工具非常熟悉。

解决问题时你本能地会意识到哪个工具最实用。

但创建移动网站时情况要困难得多。有时候你甚至不知道有哪些工具可以选择，旧工具经常消失，新工具不断出现。

选择正确的工具非常重要，因为这将对你如何开发应用以及谁将加入开发产生影响。

要了解最新的软件工具，可以在Twitter上关注你最喜欢的实用工具或框架开发人员，查看他们关于工作的更新以及关于其他人的消息。

我关注了Paul Irish和谷歌的Addy Osmani。

利用分析工具评估用户体验

分析工具能够评估用户设备及其活动的各个方面，这很重要，因为你会希望了解用户的使用频率。

避免使用“页面点击”等很虚的指标，虽然看起来很引人注目，但没有任何可行性。关注你的用户做了哪些操作、哪些操作无法完成以及他们希望做什么。

这能让你知道未来应该进行哪些改变，并且能让你的团队做出更明智的选择。

以下是几个可行性指标的例子：

分析：品牌和型号等设备信息

可行操作：测试人员决定购买哪些具有兼容性保证的设备

分析：操作系统和版本

可行操作：工程师决定何时支持新系统功能

分析：屏幕分辨率

可行操作：设计师决定布局、菜单和绘图方式

利用大数据

假如你选择的分析工具提供的默认仪表盘展示了所有评估数据，就有可能会像数据过载。

那就创建自定义的仪表盘，显示你的网站的具体数据，如测试遗留功能使用、新增功能应用情况或最常用的设备、浏览器和操作系统。

制作自己的使用数据的自定义视图能让你更加了解哪些是可行操作。每周定期分析能够看出数据趋势，从而利用技术更好地满足用户需求。

我最熟悉的分析工具是Google Analytics，不过在这个竞争激烈的领域还有许许多多分析工具可供选择，比如KISSmetrics、ChartBeat、MixPanel、Optimizely和Piwik。

利用设备上的代码

我们中的大多数在大尺寸的平面屏幕上写代码、创建图稿，而这些屏幕则是与完美灯光的高端笔记本电脑连接的。

多种桌面浏览器运行我们的网络应用程序，在这种环境下进行创作很奢侈。所有极致的方便都是陷阱。

直到我们看到产品真正出现在手机和平板电脑上时这一切才有意义。我们会意识到设备上的代码消除了我们的所有疑虑，更重要的是，获得了信心。

作为工程师文化的一部分，除非看到产品在设备上运行，不然我们不会认为工作已经完成了，只能称之为“即将完成”。

假如你在安卓和iOS设备上测试，会发现Safari和Chrome桌面浏览器非常实用。当你进行试验时，会发现每一个都有远程调试功能，能让你的手机通过USB连接到笔记本电脑上。

之后你就能通过桌面浏览器检查你的HTML、CSS和JavaScript在移动硬件上的运行情况。

有时候这样具体的观察能让你沉浸在自己的创造之中时进行完善、测试和修正。

你的设备库一般要有十个设备供测试使用。根据你的分析报告决定要买哪些设备进行测试。

如果一个设备的使用率降至不足5%，将其淘汰。如果一个设备的使用率上升到5%之上，将其添加到设备库中。

关于如何创建设备库，我建议大家看看Etsy的Lara Hogan是怎么做的。她在Twitter、博客和演讲中都提到过她在开发中是如何建立设备库来测试网站的。

大家可以在YouTube上查看她在SpeakerDeck上的演讲和视频，学学她的做法。

假设硬件不存在

假如设计移动应用是你的工作，而硬件上运行的代码能带来信心，为什么不能在移动设备上测试呢？这种情况经常出现。

有时我在家里或是咖啡厅工作，有时某个设备被借走了，或者我的同伴先拿去用了，又或者这个设备太特殊了，我们还没有。

这种情况下，我会即兴创作。我的笔记本中安装的工具能帮助我在没有硬件的情况下开发代码，但必须要用移动优先的态度：

•    苹果的iOS Simulator可以模拟苹果手机或平板电脑，可以选择特定的尺寸和操作系统版本

•    谷歌的Android Emulator可以模拟许多品牌的手机或平板电脑，可以选择特定的尺寸和操作系统版本

•    火狐、Chrome和Safari浏览器也能提供各式开发工具模拟屏幕尺寸、用户代理字符串和地理定位结果等功能

这些工具都是保持高效、同时铭记用户体验的靠谱选择。无论如何都比不经考虑地写代码还期待能够运行要好。

一切以移动优先为原则

在计划、设计、创建产品时，要在交付信息更新之前、写代码之前、考虑新功能之前先考虑移动。

因为这项工作非常困难，要选择正确的工具完善创造性的工作流程以及增强你的能力。

选择强大的前端工具，降低调试、完善你的网站和APP的难度。

让你的团队做出积极的改变，而不用担心失败。

你的所有行动将会体现在极好的用户体验中。（Zoe 编译）