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

一些事 • 11年前扫码分享

我是创始人李岩：很抱歉！给自己产品做个广告，点击进来看看。

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

互联网的一些事

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

互联网的一些事

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

yixieshi.com

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

互联网的一些事

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

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

yixieshi.com

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

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

yixieshi.com

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

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

互联网的一些事

　　在标题栏设置“返回”按钮互联网的一些事

　　在界面底部设置多个状态的返回按钮互联网的一些事

　　通过手势实现返回操作

yixieshi.com

　　(三)从合理的导航设计避免转场 互联网的一些事

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

yixieshi.com

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

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

互联网的一些事

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

互联网的一些事

　　Path位移的动画一直都很顺畅，这是Path体验很到的地方。 yixieshi.com