我们在设计iPhone应用时犯过的错误

标签: 设计 iPhone 交互设计 用户体验 移动应用 | 发表时间:2012-12-10 15:23 | 作者:
出处:http://blog.jobbole.com

英文原文: Design Mistakes We Made in Our iPhone App,编译:Beforweb

今年,我们(英文原文作者及团队)发布了 FreshBooks的第一款iPhone应用。从前我们的产品一直是通过Web端应用的方式提供服务的。这次,我们把iPhone应用的设计开发过程看作一张空白的花布,尽力在其中实现一些新的功能概念和设计想法。在这个过程中,我们着实学到不少东西。

不要害怕犯错

对于移动应用这样的产品,设计过程中必然会遇到很多用户体验方面的问题与挑战,尤其是对于新手来说更是如此。

无论你的线框稿在逻辑上有多缜密,UI稿在视觉上有多漂亮,当它们落实成为原型或最终产品时,总会有问题呈现出来。这并不完全是坏事;我们在设计 Freshbooks的iPhone应用时甚至将犯错这件事也纳入到了流程规划当中,这就意味着:

● 坦承没有完美的设计,无论稿件和原型多么优秀。

●真正的成功或失败都是由用户的反馈来定义的。

●对于在设计过程中看到的问题要迅速做出反应,根据从实际用户身上得来的验证结果进行迭代。

接下来,我将向各位描述一下我们在项目中犯过的三个错误,以及我们是怎样解决这些问题的。

应用的主界面

在项目开始的时候,我们对FreshBooks的一些现有用户进行了访谈,了解他们在生活和工作中是怎样使用移动设备的,包括他们面对的实际问题,以及他们对移动应用版本的FreshBooks的期望。

根据这些访谈,我们归纳出了一些基本的设计原则,例如下面这条:

以任务为中心的用户体验

移动应用版本的产品应该围绕着一系列互不相关的帐单任务进行优化,包括时间追踪、为收据拍照存档、开票等等,这些是移动应用所处的使用场景当中最常见的任务。

而其他方面的复杂任务,包括批量编辑、权限管理、定制化等,则留给传统的Web端应用来承担,以此来保证移动版本在功能上的简约与集中。

基于这条原则,我们设计了应用的主界面。它由一系列最重要的任务组成,视觉上采用图标加文字标题的形式,点击进入相应的任务流程。例如,用户点击了其中的“创建新发票”之后会进入发票列表界面,然后创建新发票的界面会自动滑入视图。

我们在设计iPhone应用时犯过的错误

这种以典型任务为中心的设计思路在意图上是好的,但接下来我们发现了一些问题。

为什么会出问题

经过可用性测试,我们发现被测者普遍会在主界面中产生困惑,因为这种设计方案与他们通过使用Web端的FreshBooks所建立起的心智模型不符,而且和很多其他的iPhone应用也存在模式上的差异。

同时我们还发现,之前归纳出的一些典型任务,包括创建发票、跟踪时间、记录开支等,对于用户来说,本质上都属于一种“创造”行为。从这个角度看,其实我们忽略了这个纬度上的其他一些重要任务类型,包括:

● 查看:例如查看发票状态、查看历史记录等。

●更新:例如更改发票状态等。

这类任务需求其实比“创造”更加普遍,尤其是在移动设备上,用户更加倾向于在短时间内以最简单高效的方式查看和更新内容,而不是创造内容。我们之前所聚焦的重点则恰恰相反。

解决方案

很简单,我们改变了之前方案当中的信息结构,使内容和功能的组织结构更加符合用户在移动应用上下文环境中的预期。在新的设计方案中,用户点击主界面中的“发票”(之前是“创建新发票”),进入发票列表界面进行查看;如果他确实需要创建新发票,那么可以点击右上角的加号按钮。

我们在设计iPhone应用时犯过的错误

相关阅读: 产品早期的原型设计与用户测试

初次使用的体验

我们特别为应用初体验(用户安装应用后第一次打开)制订了两条设计原则:“移动优先”与“顺畅进入任务流程”。具体来看:

移动优先

如今,我们不能再假设用户是通过桌面设备上的Web 浏览器找到我们的,他们很有可能是在移动设备上与我们发生第一次接触的,我们不能让这类新用户产生复杂的认知负担。举个例子,我们的Web端应用可以为用户提供定制化的子域名(youraccountsubdomain.freshbooks.com),这显然是专属于Web端的概念,完全不需要在移动端体现出来。

我们还可以随着产品价值的逐渐体现而将Web端的高级功能一点点的介绍给移动端用户。

顺畅进入任务流程

要让新用户在打开应用之后无需任何设置工作就可以顺畅进入任务,从而在最短的时间内发现产品价值。

为了贯彻这些原则,我们在第一版当中允许用户不执行任何注册或登录的操作就可以立刻在主界面当中执行任务(例如前面提到的创建发票、跟踪时间等),只有在功能需要的时候才会引导他们进行帐户方面的操作,例如在保存发票或收支记录时会要求用户创建帐户或登录。

我们在设计iPhone应用时犯过的错误

另外在用户选择通过SnailMail发送发票的时候也会如此。

我们在设计iPhone应用时犯过的错误

为什么会出问题

我们的用心是好的,但是在可用性测试中,我们发现被测者们更期望在应用加载之后首先进行注册或登录;直接让他们进行操作反而会引发他们的疑虑,例如数据怎样保存?

这种先操作后注册/登录的方式也许相对有新意一些,而且会适合于某些类型的应用,但对于我们的产品来讲还是过于激进了。

解决方案

最后我们采用了一种相对传统但更加符合用户预期、可以给他们带来安全舒适感觉的方案,也就是一开始就向他们提供三个明确的选项:

● 创建新帐户

●登录已有帐户

●直接试用

如果用户觉得自己已经准备好了,那么可以进行注册和登录操作;他们还可以在不登录的情况下先试用,以便对产品进行更全面的了解。

我们在设计iPhone应用时犯过的错误

相关阅读: 初创型团队容易在用户体验方面犯的十个错误

移动版与Web版的功能差别

我们在设计流程开始之前详细规划了移动版产品在初期的功能范围,也就是对我们的最小化可行产品(MVP)的形态进行界定。我们相信:

● 在功能范围上未经详细定义的移动版产品(特别是第一版)具有很大的风险,在设计开发流程中将产生极大的不确定性。

●在初期对产品功能范围进行合理的界定,将有助于那些基于市场及用户研究所得出的核心需求被更加准确的落实到最终产品当中。

●早已投放市场并经过验证的Web端产品功能无法代表移动版的需求。移动应用有其特定的使用环境和场景。

●移动版本中的某些功能会依赖于Web端。提前做好规划工作,将有助于开发工作的顺利进行。例如,移动版特有的为收据拍照的功能要求Web端必须具有相应的功能支持,包括查看收据照片等等。

不过,正像在前文中提到的,我们曾经假设用户最想要的是快速创建内容。因此,在界定功能的时候,我们基于这个错误的假设将核心功能限制在了这个范围当中。

报表

以财务报表为例,这是FreshBooks的Web版本当中的一个核心功能,但由于其规范化的格式难以适应移动设备的界面规格,加之我们初期一直将重心放在“创造内容”上,所以我们决定在移动版当中舍弃掉这个功能。

为什么会出问题

财务报表其实是财务软件当中非常重要的一部分。我们在界定功能范围的时候将这部分功能从移动版当中移除,结果在可用性测试中发现这完全不符合被测者们对于一个功能完整的财务软件的认知与期望。

另外我们也意识到,在现实中,如果移动版的产品当中不包含这项功能,那么新用户很有可能根本无法了解到其实我们的Web版应用是提供了这个功能的,他们为此而放弃该产品的几率会变的很大。

解决方案

我们显然不是平白无故将报表功能从移动版本当中移除的,它在呈现方式上确实存在着难以解决的问题,但实际上这个问题并非一定要被解决——通过进一步思考,我们认为用户的真正目标并不是一定要在移动设备上看到报表,对他们来说最重要的是了解到有这样一个功能存在,以及可以怎样去查看这些内容。

最终,我们决定在移动端增加报表的入口,用户点击后会被引导进行注册或登录。已经处于登录状态的用户可以选择“将报表发到我的邮箱”或“在iPhone的Safari浏览器中直接查看”,同时界面还会提示用户,浏览报表的最佳方式是使用台式设备

我们在设计iPhone应用时犯过的错误

相关阅读:

●  优秀的用户体验设计师应该做好的五件事

● 精益创业 – 用户体验设计的新包装

总结

勇于挖掘并面对设计当中的错误与问题,并思考相应的解决方案,这是不断提升产品价值及用户体验的关键要素。提出假设、与真实的用户进行沟通、验证假设并发现问题、思考解决方案、迭代——是我们在设计工作当中应该保持的良好节奏。

相关文章

相关 [设计 iphone 应用] 推荐:

20130504早读课:“设计之变”— 从iPhone应用到iPad应用

- - 互联网er的早读课,专注产品、用研、交互
推荐理由:在做APP的iPad版本设计时,我们常常需要考虑:如何在延续iPhone版本设计特色和优点同时,充分利用iPad的特性更好地进行设计. 本文从iPad和iPhone的差异性入手,试图总结这一设计过程中需要注意的问题. 屏幕尺寸的差异直接影响到用户可见的视图范围和应用的信息布局. iPhone5: 屏幕4.0英寸 分辨率1136×640; New iPad:屏幕9.7英寸, 分辨率 2048×1536.

“设计之变”— 从iPhone应用到iPad应用

- - 百度MUX
在做APP的iPad版本设计时,我们常常需要考虑:如何在延续iPhone版本设计特色和优点同时,充分利用iPad的特性更好地进行设计. 本文从iPad和iPhone的差异性入手,试图总结这一设计过程中需要注意的问题. 屏幕尺寸的差异直接影响到用户可见的视图范围和应用的信息布局. iPhone5: 屏幕4.0英寸 分辨率1136×640; New iPad:屏幕9.7英寸, 分辨率 2048×1536.

不拘规范的iPhone优秀应用设计细节

- Eastar Lee - 牛博山寨 编辑推荐
作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决“iPhone原生的界面控件无法满足产品日益增长的功能需要”这个大矛盾. 一方面,如果保守地采用传统的iPhone控件,不能给产品带来太多的创新价值;另一方面,如果过于突破,又害怕不能通过APP Store的审核,开发同学辛苦之后却竹篮打水一场空. 纠结通过的时候,看到APP Store上有一些创新的设计,并从中获得启发的时候就特别开心.

如何设计让用户满意的iphone应用?

- - 腾讯CDC
面对着如此之多新奇各异的应用,你是否有想设计一个属于自己的应用的冲动那. 那么你知道如何才能设计出让用户满意的应用吗. 我在平时的iphone应用设计中,总结了一些经验教训希望和大家一起进行探讨.   假如你现在想设计一款iphone的应用,掌握iphone的用户使用习惯是十分必要的. iphone的用户是没有什么耐心的,他们都是经常迅速点击屏幕,没意思就切换至其他的应用.

我们在设计iPhone应用时犯过的错误

- - 博客 - 伯乐在线
英文原文: Design Mistakes We Made in Our iPhone App,编译:Beforweb. 今年,我们(英文原文作者及团队)发布了 FreshBooks的第一款iPhone应用. 从前我们的产品一直是通过Web端应用的方式提供服务的. 这次,我们把iPhone应用的设计开发过程看作一张空白的花布,尽力在其中实现一些新的功能概念和设计想法.

为车主设计的4大iPhone应用程序

- - 最科技 | 关注互联网科技与应用创新的TMT媒体
iPhone可以做很多事情,但你知道吗,它还能为开车提供更多便利. 这里向车主们推荐4大 iPhone应用程序. 对于外地车主来讲,你是否会因环境等不熟而着急找不到价格适宜的加油站呢. Gas Buddy.com即可. Gas Buddy使用 GPS定位寻找最近的加油站与最好的燃料价格,为您的出行解决燃眉之急.

设计优秀的iPhone应用之五点建议

- - IT技术博客大学习
标签:   iPhone.     当用户在苹果应用商店里寻找新应用时,往往基于设计来考量是否购买. 生活中,或许很多人告诫我们不要凭借封面去评判一本书;既然无法试用一款应用,那么截图成为我们评判一款应用质量好坏的重要依据.     既然用户无法通过浏览App Store来判断应用的易用性和代码健壮性,那么将设计作为评判依据是合理的,这意味着同类应用竞争时,往往具备优秀的体验设计的应用更受欢迎.

经典网页设计:精心设计的 iPhone 和 Android 应用程序网站

- - 博客园_梦想天空
  这篇文章和大家分享一组精心设计的 iPhone 和 Android 应用程序网站. 在一个应用程序的网站,从醒目的图像到有趣的标题和产品信息等等,你可以找到很多的灵感. 今天的文章中收集的这些设计精美的应用程序网站为我们的网站设计和制作提供了各种各样的思路,都是真正优秀和杰出的设计,值得借鉴和学习.