太狼文摘 记录 & 思辨

iOS 6对iPhone应用设计的影响

The Web - 2012/9/23

苹果的iOS 6发布后,相信有很多果粉都更新了。暂时先不管iPhone 5那货的长屏幕影响,单纯从iOS 6的系统特性来看看对iPhone应用设计带来哪些影响?

1.  地图

苹果内置的地图应用放弃使用Google地图的数据,相应的与高德展开了合作。在微博上搜一下,就可以看到很多人都在吐槽新版的地图很鸡肋。是的,新的地图应用,漂移现象严重,有些卫星图和路线导航都缺乏合理性,定位功能时好时坏。

第一,这给国内的地图类应用带来了机遇。之前的iOS 5上的自带地图已经足够好用,所以很多人都不会在装第三方的地图类应用。可是iOS 6的地图应用表现令人失望,相信百度地图、图吧地图等应用会成为很多人的后备选择。第三方应用可以抓住机会,完善体验,提升性能,攫取更大的市场和用户。

第二,一些应用在设计的时候往往选用了苹果自带地图控件,例如大众点评等。但是iOS 6中的地图体验与原来的相比有很大的落差,那么产品设计人员和技术人员是否需要沟通,重新讨论一下是否需要继续使用原生的地图控件,还是选择Google的地图控件或百度的?

2.  App Store

iOS 6大量更新,相信会对越狱市场(如91、同步推、PP助手)带来一定的影响。因为iOS 6在相对的时间段内还无法破解。这种情况下,App Store成为了获取应用的首要甚至是唯一入口。iOS 6中的App Store在产品交互和结构呈现上有了很大的变化。如下图,iOS 5中,首页“精品推荐”是列表形式呈现,iOS 6中则借鉴了iTunes中的展示形式,分组列出,左右滑动进行应用的查看。

应用安装机制发生了微小的变化。iOS 6中点击下载安装时,不会跳出App Store转至iPhone主界面。这样的机制不会打断当前用户的浏览操作流程,用户在App Store里,很大程度上类似于逛,当扫到一个自己喜欢的应用后,点击下载后继续浏览。下载的动作可以在后台完成,如果跳转至主界面,选择的应用还在下载过程中,不能直接应用,没有很大的效用值,而且还打扰了用户。与之结合的是,新安装且未点击使用的应用会打上“新”字标签,提醒用户这是刚才下载的应用。同时,用户在App Store停留的时间也会变长,也给其他应用的曝光带来了机会。

应用搜索界面彻底的改头换面。左右滑动进行应用搜索结果的浏览,而且每个应用还附带了第一张应用展示图。微博上有一些讨论:

顽石互动CEO吴刚:图标更关键了,首张截图重要性加大。同时榜位前四名价值加大,后面排位价值相对均衡。

@c7210:#iOS 6#个人感觉新的App Store没有某些朋友们说的那样槽点累累诶,特别是在自己对搜索结果没有清晰预知的情况下,旧模式中固然一眼能看到更多结果,但必须一个个点进去看是否符合需求,而且多数情况下是跳过文字直奔图例去的;新的模式在这方面做的很到位不是么?虽然一屏只能看到一个,但滑动浏览的成本远小于点击进去再退出的吧,而且此前总会退出到搜索结果起始的位置。吐槽的恐怕不是因为新的交互模式吧我猜,事关排名和展示喽?

首先分析一下用户搜索的行为缘由。一般来说,很多人使用搜索功能,是因为自己已经从朋友介绍推荐或其他途径等获取了应用名或一定的关键词,所以目标性很强,一般来说列表的前五个就能够将其囊括其中。(当然,前提是苹果的App Store搜索技术不错,你妹的搜“美图秀秀”居然不是第一个出现,这让人很伤感啊!!!)很多时候,我们搜索时列表十名开外的应用其实与我们提供的关键词相差很大!第一张应用图片的出现,让搜索结果增添了活力,同时也将考验设计师们的能力了。iOS 5中搜索后,点击到二级页面浏览,五张图片一起看很方便,同时合理地设计也会让5张图片的表现张力足够大。但是,在搜索第一级界面就出现第一张应用示例图,则需要设计师们好好甄选第一张图片。

我认为,第一张图片应该从一个新产品的角度诠释产品的功能特性。因为,搜索过来,相对来说新用户(即未装目标应用的可能性大些)比例较大,老用户联系更多的是“更新”而非“搜索”,所以第一张图片要很好地展现产品的核心功能(不排斥新功能),新增加的非核心功能可以考虑不在第一张图片里表达出来。

3.  照片流

iOS 6的“照片”应用中突出了“照片流”功能,即用户可以自行创建并共享新的照片流。 例如,我已经将这篇文章的配图以“太狼的共享”的形式分享出来了(iCloud地址)。这样的分享方式很便捷,同时也方便设计师们共享原型图了!(当然,图片共享过程中是否有适当压缩,我暂时无法判别确认。)

一个图片分享的产品基础雏形已经出来了,不知道共享照片流是否有API接口,如果有的话,完全可以借用iCloud做一个图片社交分享应用。

4.  Action Sheet

                      

当用户点击“分享”时,就会从底部弹出Action Sheet。第一张图为iOS 6中的界面,第二张图为iOS 5中的展现形式。具体的可以参见iOS Human Interface Guidelines中的相关阐释。显然,iOS 6中的Action Sheet加入了icon元素,显得更有活力。一些应用点击“分享”时,就是以Action Sheet形式展现并进行选择的,例如《微信对移动应用设计的影响》一文中提到的“航班管家”分享实现机制就是这样的。那么,Action Sheet的交互展现方式是否也要保持一致性?注:iPhone的Action Sheet中icon大小为43×43像素/86×86像素(Retina),与应用的主体icon大小不一样。

5.  Passbook

官方的产品文案描述如下:Passbook是集中管理所有凭证最简便的方式(包括登机牌、票、商店卡、优惠券)。官方推荐的App里有去哪儿旅行QQ电影票携程无线。当然已有一些非官方推荐的应用引入了Passbook特性。总体而言,对于涉及机票酒店服务、优惠券、电影票、甚至是门票等都可以添加进Passbook方便管理。所以涉及这类服务的App需要权衡是否考虑接入Passbook,然后在Passbook中以怎样的形式呈现。

另外官方文档里,也对Passbook的相关涉及规范进行了说明(文档链接),大意如下:

  • 尽可能遵循Passbook的表单形式和功能特点,避免过分拟物化(physical item)设计(即Passbook界面做的跟真机票一样)。关键词:干净(clean)、简单(simple)、列出关键信息
  • Pass的表单头部的说明要有选择性,表达出主干信息,详细信息点击浏览即可;
  • 避免使用纯白色信息,合理的颜色搭配,能让信息更有活力;
  • logo旁的文本最好使用默认的字体,与passbook中的其他标签内容保持一致,尽量不要使用自定义字体;
  • logo颜色最好为白色,且尽量不含文字;
  • 优化图片,且当check了用户操作后,passbook界面最好能有反馈;

可能还有更多的细节,我尚且未察觉,欢迎大家补充讨论!



扫一扫分享到微信
分享到微信

无觅相关文章插件,快速提升流量