首页 > 网站 > WEB开发 > 正文

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

2024-04-27 14:40:18
字体:
来源:转载
供稿:网友

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

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

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

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

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

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

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

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

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

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

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

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

  通过手势实现返回操作

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

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

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

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

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

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

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

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

  三、风度的隐藏设计

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

  文章来源:xiaozhijie.com/blog/122/649073.html


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表