注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

{800Bu}

——Well, Here We Are...

 
 
 
 
 

日志

 
 

不拘规范的iPhone优秀应用设计细节(转载)  

2011-10-09 11:33:21|  分类: 设计 创意 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
原文转载自互联网的那点事...

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

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

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

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

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

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

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

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

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

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

三、 风度的隐藏设计

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

不拘规范的iPhone优秀应用设计细节(转载) - 800bu - {800Bu}

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

作者:肖志婕

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

  评论这张
 
阅读(104)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017