移动设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

让用户一见钟情的移动应用

作为移动设计师总会思考这样一个问题——什么样的移动应用才是一个优秀的产品?这个问题的标准可能有很多——功能实用、简单易学、操作高效、界面炫丽、转场流畅等。把每个环节都做好当然是最完美的,但如果想让自己的产品在成千上万的应用中被选出来并安装到用户的手机上,就要花些心思去了解下怎样的产品才能让用户一见钟情。

给用户最想要的

Tom猫是在APP Store里最火的应用之一,但是它的功能却非常简单——小Tom会调皮地学你说话,同时你还可以和它打打闹闹。这样的产品满足了用户的情感需求,就像随身带着一只小宠物,有事没事就抓出来玩一玩。微博同样也是很受欢迎的应用,它可以记录用户的心情、分享照片、发表观点、和朋友们互动,等等。微博特别适合移动的使用情景,人们可以随时随地用它和线上那个虚拟的社会接轨,满足了用户简单、快捷地使用它的需求。大众点评是许多用户找寻餐馆等生活服务的利器,通过它的基于地理位置的特性,身边的各种信息都可以被精准地发掘出来,就算到了一个陌生的地方,也不用再担心找不到需要的服务,它通过互联网让用户仿佛永远生活在熟悉的环境之中。

前面所说的几个应用都有自己的核心价值,因为满足了用户某方面的需求,从而取得了成功。令人非常好奇的是为什么有些人安装了淘宝客户端,同时又安装了口袋购物(它所展示的商品最后几乎都链接到了淘宝中内容)?虽然淘宝客户端提供给用户一个完整购物流程,但口袋购物给用户的核心价值却是精选的商品,让用户能逛起来。它的界面的运营活动、商品列表、商品详情都用图片展示,在“逛”的设计上确实比下了更多功夫,提供了“逛”的核心价值。

对于移动应用,首要的是能给用户带来的核心价值是什么。只有明确并能清晰地阐述这一点,应用才有可能取得成功。满足用户需求,并不是意味着功能越多越好,而是要突出那个最核心的价值。而这个需要在开发应用之前就明确,立项之初项目成员之间就要基于这个核心价值达成共识,整个应用都要围绕着它来进行设计。在现实产品演进的过程中,要预防因少数用户提出的各种非核心需求而迷失方向——一直增加新功能是非常危险的。

让用户一眼就看明白

提供清晰的核心价值是一个应用的基石,而如何清晰地把它传递给用户,则是设计师的重要职责。移动应用的信息架构就是传递信息给用户的框架,符合用户模型、表达清晰的结构是一个好的设计的基础。

看到了CircIe的首页后,用户能清楚地知道这个应用的结构、内容及作用,特别是核心功能在首页上的展示。用户没有很多精力来研究你的应用,如果一开始不能很清楚地了解某个应用的功能,不能很快上手使用,那就意味着用户可能要丢弃这个应用了。因此,简单易懂、符合用户心理模型的信息架构是非常重要的,要让用户一眼就知道应用的核心功能和使用方法。在本书的第4章“框架”中,我们将详细阐述信息架构、导航的相关设计方法。

Circle:一目了然的应用

为了减少用户的认知负荷,提高界面识别性,移动应用的界面元素要尽量简单、清晰,采用拟物、隐喻的方式设计,更好地将物理世界中的概念迁移到界面上来,让用户能更快地理解界面的含义。移动界面的可视化表达也是降低认知负荷的重要方法,不要用大段文字的形式来表达信息,尽量使用信息可视化的方法,把信息呈现得更清晰易懂,可视化设计的具体方法请参见第5章“细节”的相关内容。

简单易用才受欢迎

移动应用的使用情景相对复杂,同时可选择性很多,要想让用户持续使用你的应用,那么操作它的方法必须简单、易学、易用,同时操作负荷要低。

在操作上要转换PC的设计思路,以触摸优先的方式进行设计,更多地使用手势来完成交互而不只是点击。在设计上,可以先以手势交互为基础来考虑完成任务的可能性,建立以手势为基础的交互模式。用户在完成任务时,要保持操作手指的轨迹的流畅性,更多地满足单手操作的要求。单手操作手指可触及的范围与双手的区域有较大的不同,要牢记手指敏感的区域,特别是在iPhone5这类更大的屏幕上操作时,我们更需要思考这些交互的工效学问题。尽量把操作设置在拇指易操作的区域,让用户单手操作时更加流畅。

在应用界面操作时,使用点击可以完成所有功能,但是交互可选的形式很多,而且点击在很多情况下都不是最小负荷的操作方式,可以将点击操作替代为其他的交互形式,如划动屏幕解锁、摇动手机找好友、上下摆动手机翻页等。

移动应用本身具有多种传感器,可以识别出应用的操作情景,基于对情景的判断来智能地帮助用户完成操作,提供更人性化的交互形式,简化用户的行为。例如,系统会根据环境亮度来自动调节手机的亮度,使人始终能在最舒适的对比度下来看手机。同样,语音输入、扫二维码输入网址等也可以减少手工输入。

节省用户的费用支出

在使用Windows Phone时可以发现,Windows market 提供给用户一个应用试用功能,这让人非常高兴。而在下载iOS应用时,则需要先付费后体验。许多应用被下载下来后,用户也不一定喜欢,即便是好友推荐的应用,也同样会存在这个问题。如果是收费应用,下载后弃用就会浪费钱,而试用的功能就可以让用户减少这样的费用支出,提升了用户体验。

现有许多应用都提供了应用内的收费模式,那采用什么样的内容分级付费模式才能让用户满意,同时又能让应用开发者能有所收入呢?这需要更好的设计。特别是对于国内用户,让用户试用、预览部分内容和进阶收费等都是非常重要的策略。另外,提供一些免费的版本,通过其他的业务模式来获得收入也是需要考虑的途径。总之,为了提升用户体验并留住用户,在如何让用户支付费用上要慎重考虑。

用户在月初和月末的流量使用规律图

应用在月初的时候使用频繁,流量消耗大,而在月末的时候流量消耗却较少,为什么呢?因为在月初时用户不受流量的限制,可以畅快使用。而到了月末,有些用户的流量已经耗尽,手机应用的使用频率当然就低了。这就是流量包月用户的典型使用行为。

流量已经成为影响国人使用移动应用的一个重要因素,一个好的应用会关注用户在使用时碰到的各种问题,在一些流量消耗比较大的应用中,会设计一些帮助用户节省流量的方案,这部分内容会在第2章“特征”中详细阐述。当然,随着无线网络的进一步发展,以及流量费用越来越低的趋势,这些限制也会随着通信网络的发展而得到缓解。

在设计上抓住用户的眼球

在茫茫的应用海洋中,要吸引用户来使用我们的应用是一件很艰难的事情。

同类型、相似功能的产品很多,如何做到突出重围?

多研究用户的行为、动机、情景,思考用户的显性需求和潜在需求,满足用户的需要,可以让自己的产品在同类产品中多走一步。除了在产品功能上满足用户,在设计上做到抓住用户的眼球也是非常重要的一点。

抓住眼球的设计——We Heart Pics

在设计上抓住用户的眼球不仅仅限于视觉设计层面,一个好的应用需要有一个视觉美观、舒适的界面,也需要在交互设计上能有自己的特色。在视觉设计上,要有符合产品特质的视觉表现,要能表现产品的品牌特征,要有能使目标用户群产生共鸣的视觉风格,要有识别性很好的应用图标。应用在视觉上有好的表现是吸引用户的第一步。在交互上的创新,则会给用户留下更深刻的印象。交互上的创新主要有两个维度:一是交互架构上的创新,即整个应用都有一套统一的交互方式,且这套交互方式是有一定的创新性的,统一的交互方式会加深用户对新交互的理解。例如Weico的iOS版,应用的所有界面的返回统一使用右拨的手势,它区别于右上角的“返回”按钮,这会让用户更容易记住操作,也更容易记住应用。又如CIear的所有交互操作都使用手势来完成,并有清晰的交互架构,因此,它的设计也给用户留下了深刻的印象;二是在交互细节上的创新,一般来说是在某个设计点上给用户新奇的感受,从而让用户记住这个应用。在We Heart Pics中,在瀑布流的基础上增加了一些群组的图片,并且通过拨动来翻看图组中的图片,翻下的图片会自动掉落,这么有趣的操作自然可以很容易让用户记住。

在交互上让应用比竞品多走一步

用户会在潜意识中进行比较,从而加深了对应用的印象。如下图的解锁界面,第一个界面提供了解锁的功能;第二个界面除了解锁外,进一步设计了静音的切换;第三个界面在解锁的基础上,还能进入用户需要处理的功能模块中。

解锁界面

现在,移动应用的用户体验已被提高到了非常重要的地位,这是设计师们的福音,同时也增大了设计师们的压力。想抓住用户的眼球,吸引用户注意,我们不仅仅要关注应用的视觉界面,更重要的是在整个应用的体验上多走一步。一个应用能给用户留下深刻印象的可能是炫酷的界面、新颖的操作,也可能是流畅的转场、快速反应的体验,等等,这需要设计师与整个团队的配合才能完成。因此,我们要谨记这不是某一位设计师负责的事情,是团队合作的结果。设计师之间的配合、设计师与开发工程师的相互启发显得尤为重要,交互设计师在信息分解和内容的呈现方式上提供设计创意,视觉设计师根据这些创意在信息可视化、内容转场过渡等方面做出更精彩的表达,开发工程师在设计基础上对各种技术接口的运用,以及对其能产生的效果做更多的研究以保证设计的实现——所有这些同学的团队合作,才是产生一个好设计的关键点。

总之,一个好的应用首先要能满足目标用户的需要,或者激发用户的需要。而后能通过贴心的设计,减少用户的精力及花费。最后这个应用还要对用户很有吸引力,能够给用户留下非常深刻的印象及体验。