求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
不拘规范的iPhone优秀应用设计细节
 

发布于2013-7-31

 

作为一个刚入行的交互苦逼女,最烦恼的事情是如何解决“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的导航栏的隐藏设计给自己的体验很好。

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

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

相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
 
分享到
 
 


从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   


以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计


北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...