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

标签: 规范 iphone 应用 | 发表时间:2011-10-08 15:08 | 作者:tony - 实习编辑 Eastar Lee
出处:http://bullog.org/

作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决“iPhone原生的界面控件无法满足产品日益增长的功能需要”这个大矛盾。一方面,如果保守地采用传统的iPhone控件,不能给产品带来太多的创新价值;另一方面,如果过于突破,又害怕不能通过APP Store的审核,开发同学辛苦之后却竹篮打水一场空。纠结通过的时候,看到APP Store上有一些创新的设计,并从中获得启发的时候就特别开心。这里分享一些特别有新意的APP,看看它们是怎么突破传统的,为自己以后的工作做点积累,为以后各个功能模块的设计提供点灵感和解决方案。

在开始分享前,先介绍一下APP Store审核机制中与界面相关的条款。

一、 顺畅的返回及导航设计

在影视作品中,场景与场景之间的过渡,叫做转场。为了使内容的条理性更强、层次的发展更清晰、在场面与场面之间的转换中,需要一定的手法。APP传统的滑动、翻页、水平翻转转场设计,能够给用户过渡切换时很好的视觉引导。此外,对于APP而言,最重要的不是转场的过程,而是如何在场景中的往返,导航切换。明晰的信息架构、便捷导航、一目了然内容分类,简短而不焦虑的转场时间,才是优秀软件所需要具备的品质。

(一)从界面切换时的设计解决转场的等待问题

Favorite TV立方体翻转的设计很有新意,在等待过程中除了“转菊花”和“咖啡杯”,其实我们还可以找出更好的解决方案。

JS对等待进度的设计,让人对“返回键”另眼相看。 转菊花”的位置,返回键的设计除了在外形上有突破外,在功能承载上的突破也是可以借鉴参考的方向。另外,JS对导航的设计也很特别,本来传统的居于界面底端的tab导航栏,可以由一行变成两行,这样减少了一级界面的跳转。

(二)从快捷的返回键解决转场的页面切换问题

转场过程中的等待会造出用户焦虑,进而造出用户流失。复杂层级的应用软件,如果“返回键”的功能设计不好也一样会造出用户在返回过程中的焦虑,导致用户流失。

对于层级复杂的软件,传统的返回键安装到底是返回上一次操作的页面(back),还是返回上一层级(up)?有没有两全其美的方法,做到深度和广度的平衡。个人感觉下面的软件是给出了许多不错的解决方案。

(1)在标题栏设置“返回”按钮

(2)在界面底部设置多个状态的返回按钮

(3)通过手势实现返回操作

(三)从合理的导航设计避免转场

任何时候有一个全局的导航条,能够快捷导航是一个设计理想。但是对于有第三第四第五层级的应用软件来说,在次级页面有个固定的位置摆放全局导航,不免有点影响其它操作任务,爱看给出了解决问题的一个很好思路,可以放置于左侧,通过向右滑屏展开,既不影响子页面的操作任务,又能够解决全局导航问题。

对于一个界面分为两个TAB的设计有时的确让人困惑,UNIQLOOKS在次级导航的设计很有新意,但是前提是次级导航并不是那么的重要,且用户不会平凡切换。

二、 轻巧的移位与重叠设计

交互有一个可怕的定律叫“漏斗法则”,意思是尽量减少操作步骤和界面跳转,每增加一个操作步骤或者界面切换,就有可能流失10%的用户。位移与信息叠加的设计模式,在不跳转的情况下,通过内容移位,能够合理展示更多的信息,扁平化信息架构,在操作者产生交互的地方,就近通过这种方式就完成了轻便的操作。Path、with/、myPANTONE便是通过内容移位与信息叠加的模式来展示信息的比较有趣的软件。

Path位移的动画一直都很顺畅,这是Path体验很棒的地方。

With/的层叠设计和透明效果,让人对界面信息的排布重新思考。

myPANTONE,很成功的地方在于所有的核心功能操作在一个页面既可以完成。除了采用内容位移的设计,界面的合理分层也是避免转场的一个有效手段。

 

三、 风度的隐藏设计

手机的界面有限,对不影响界面内容的控件,悄悄的帮助用户隐藏,无疑是一个很贴心的操作。这里觉得知乎和PIICTU的导航栏的隐藏设计给自己很好的体验。

 

另外Recipe Library的搜索框隐藏,就挺有风度的,并且继续上移展示软件名称的设计,能够很好的提升自己的品牌感知。

总而言之,不要因为苹果的用户规范就对自己过于的约束,优秀软件必定带有一定的创新性,清晰的导航,快捷的返回,短暂的等待页面,是每个优秀软件应该具备的品质,我们是为了保障这些品质而作设计,而非为了遵循规范而设计。要不然那便不是设计,而是标准化生产了。

作者:肖志婕

原文链接:http://www.xiaozhijie.com/blog/122/649073.html

相关 [规范 iphone 应用] 推荐:

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

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

iPhone音乐应用盘点

- hama - 月光博客
  苹果iPhone系列手机强大的功能与时尚的外观早已成为人们关注的焦点,而其最具特色的内置iPod音乐播放器也是很多人选购它的理由之一.   说到iPod音乐播放器相信各位也都非常了解,而其作为iPhone的默认音乐播放工具也还算中规中矩,可以满足大众的基本需求. 然而,对于很多音乐爱好者来说,内置iPod功能过于简单,并不能满足用户对于音乐应用的需求.

2010四十大iPhone应用

- zjzxzhang - 36氪
俗话说:哪里有需求,哪里就有一个应用(Where is a need, there is an app). 作为应用商店的鼻祖,苹果的iTunes应用商店可谓出尽了风头,目前里面已有30多万个应用,并且还在不断增加,随之而来有一个问题凸现出来:如何发现自己需要的应用. 毕竟苹果的排行榜上位置有限,苹果官方也没能很好地解决应用查找问题.

iPhone应用程序推荐

- sylvia - 月光博客
  本文将为大家推荐一些笔者非常喜欢的iPhone应用程序. 注意,并不怎么包括游戏,因为笔者不太喜欢玩游戏,要玩也只玩小游戏. 这也有些遗憾,毕竟iPhone最大的卖点就是丰富的游戏了. 本文主要是推荐实用的软件和系统工具. 对新手应该帮助比较大,老鸟们也可以参考一下. 而且本文也不提供下载链接与安装方法.

iPhone商务应用盘点

- - 月光博客
  iPhone已经成为全球最流行的智能手机之一,但是大多数人只注意到了iPhone的游戏和娱乐功能,很少注意其商务应用,实际上,iPhone做为一款优秀的智能手机,也有许多强大的商务应用软件,本文就向大家推荐几款iPhone必备的商务应用软件.   CamCard名片全能王,是一款专业的名片识别软件,有效帮助名片管理.

iPhone最佳免费应用(Best Free iPhone Apps) [转]

- - 善用佳软
兼有理想与坚持的人,就能做出兼有质量与数量的事业. 相信这篇 iPhone最佳免费应用的文章会引起很多人的兴趣. 先转载,暂不标明出处——是的,要制造一个悬念,因为转载本文的目的,就是为了推荐该网站. 更准确地讲,该网站我早已经推荐过. 现在重点推荐的,是它的中文部分,以及背后无私奉献的志愿者. iPhone最佳免费商务应用程序.

iPhone 版 Google Translate 应用上线

- robinlu - 谷奥——探寻谷歌的奥秘
2008年8月,Google 为 iPhone 用户提供了基于 HTML5 的 Google Translate web 应用. 2年半后的今天,随着 App Store 审查政策的逐步放松,Google Translate 终于以一个应用程序的形式登陆了 iPhone. Google Translate App 在 Web 版基础上有很多功能提升,首先是语音输入功能,如上图,点击文本框右侧的麦克风图标即可使用15种语言进行语音输入,而目标翻译语言更是多达50多种.

世上最贵的16款iPhone应用

- brahms - cnBeta.COM
有人看到苹果的AppStore里面不少付费应用,都觉得贵,另外有人则说,能用得起iPhone的人,还会在乎这么几个应用的收费么. 嘿,你还真说对了,确实有些应用真TMD老贵了. 你还别不信,数量虽说不多,不过还是有一些的哦. 要不带你一起来瞧瞧吧,看看都是些神马人做出的神马东西:.