一顺畅的返回及导航设计
作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决iPhone原生的界面控件无法满足产品日益增长的功能需要这个大矛盾。一方面,如果保守地采用传统的iPhone控件,不能给产品带来太多的创新价值;另一方面,如果过于突破,又害怕不能通过APP Store的审核,开发同学辛苦之后却竹篮打水一场空。纠结通过的时候,看到APP Store上有一些创新的设计,并从中获得启发的时候就特别开心。这里分享一些特别有新意的APP,看看它们是怎么突破传统的,为自己以后的工作做点积累,为以后各个功能模块的设计提供点灵感和解决方案。
在开始分享前,先介绍一下APP Store审核机制中与界面相关的条款。
一、 顺畅的返回及导航设计
在影视作品中,场景与场景之间的过渡,叫做转场。为了使内容的条理性更强、层次的发展更清晰、在场面与场面之间的转换中,需要一定的手法。APP传统的滑动、翻页、水平翻转转场设计,
能够给用户过渡切换时很好的视觉引导。此外,对于APP而言,最重要的不是转场的过程,而是如何在场景中的往返,导航切换。明晰的信息架构、便捷导航、一目了然内容分类,简短而不焦虑的转场时间,才是优秀软件所需要具备的品质。
(一)从界面切换时的设计解决转场的等待问题
Favorite TV立方体翻转的设计很有新意,在等待过程中除了转菊花和咖啡杯,其实我们还可以找出更好的解决方案
JS对等待进度的设计,让人堆返回键另眼相看。 转菊花的位置,返回键的设计除了在外形上有突破外,在功能承载上的突破也是可以借鉴参考的方向。另外,JS对导航的设计也很特别,本来传统的居于界面低端的tab导航栏,可以由一行变成两行,这样减少了一级界面的跳转。
(二)从快捷的返回键解决转场的页面切换问题
转场过程中的等待会造出用户焦虑,进而造出用户流失。复杂层级的应用软件,如果返回键的功能设计不好也一样会造出用户在返回过程中的焦虑,导致用户流失。
对于层级复杂的软件,传统的返回键安装到底是返回上一次操作的页面(back),还是返回上一层级(up)?有没有两全其美的方法,做到深度和广度的平衡。个人感觉下面的软件是给出了许多不错的解决方案。
在标题栏设置返回按钮
在界面底部设置多个状态的返回按钮
通过手势实现返回操作
(三)从合理的导航设计避免转场
任何时候有一个全局的导航条,能够快捷导航是一个设计理想。但是对于有第三第四第五层级的应用软件来说,在次级页面有个固定的位置摆放全局导航,不免有点影响其它操作任务,爱看给出了解决问题的一个很好思路,可以放置于左侧,通过向右滑屏展开,既因此不影响子页面的操作任务,又能够解决全局导航问题。
对于一个界面分为两个TAB的设计有时的确让人困惑,UNIQLOOKS在次级导航的设计很有新意,但是前提是次级导航并不是那么的重要,且用户不会平凡切换。
二、 轻巧的移位与重叠设计
交互有一个可怕的定律叫漏斗法则,意思是尽量减一朋友很快就脸红脖子粗了少操作步骤和界面跳转,每增加一个操作步骤或者界面切换,就有可能流失10%的用户。位移与信息叠加的设计模式,在不跳转的情况下,通过内容移位,能够合理展示更多的信息,扁平化信息架构,在操作者产生交互的地方,就近通过这种方式就完成了轻便的操作。Path、wit时常观心自省h/、myPANTONE便是通过内容移位与信息叠加的模式来展示信息的比较有趣的软件。
Path位移的动画一直都很顺畅,这是Path体验很到的地方。
With/的层叠设计和透明效果,让人对界面信息的排布重新思考。
myPANTONE,很成功的地方在于所有的核心功能操作在一个页面既可以完成。除了采用内容位移的设计,界面的合理分层也是避免转场的一个有效手段。
三、 风度的隐藏设计
的界面有限,对不影响界面内容的控件,悄悄的帮助用户隐藏,无疑是一个很贴心的操作。这里绝对知乎和PIICTU的导航栏的隐藏设计给自己的体验很好。
另外Recipe Library的搜索框隐藏,就挺有风度的,并且继续上移展示软件名称的设计,能够很好的提升自己的品牌感知。
总而言之,不要因为苹果的用户规范就对自己过于的约束,优秀软件必定带有一定的创新性,清晰的导航,快捷的返回,短暂的等待页面,是每个优秀软件应该具备的品质,我们是为了保障这些品质而作设计,而非为了遵循规范而设计。要不然那便不是设计,而是标准化生产了。
广州礼仪庆典公司如何区分感冒风寒风热病毒性感冒反复高热-
王家卫将担任第八届北京国际电影节评委会主
图片来源:第八届北京国际电影节官 中新北京2月12日电( 尹力 张曦)12日,北京国际电影节组委会、北京市人民政府...[详细]
-
赵韩樱子晕倒当天零下6度身穿吊带裙明星也
2017年12月18日,在北京举办的某活动中,女演员赵韩樱子,因为过度劳累而在红毯上晕倒。赵韩樱子,1990年12月16日...[详细]
-
陆妍淇虎啸龙吟被吴秀波赞敬业小沅老年戏献
近日收官的《军师联盟》第二部《军师联盟之虎啸龙吟》(以下称《虎啸龙吟》)继续保持了高水准的制作,凭借...[详细]
-
又一个明星毁在粉丝手里
娱乐圈平日追星,大家都会加入饭圈一起追星,但饭圈同时也是个非常魔幻的地方,昨天还能爱你到日月可鉴,今...[详细]
-
张柏芝晒baby写真称赞她好美网友你才是
baby和张柏芝都是娱乐圈出名的顶级美女,没想到女神之间不仅没有竞争,还惺惺相惜。8月18日,张柏芝在IG上晒出...[详细]
-
天弘普洱茶批发价格2012年7月26日
中国普洱茶()2012年7月26日独家发布:天弘普洱茶批发报价包括了昆明天弘茶业有限公司出品的弘普号,百年天弘,福韵...[详细]