以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.xiaozhijie.com......2/649073.html

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

作者:肖志婕  |   发布: (网友)肖志婕   |   时间:2011-10-05 15:34:40 文字大小:- +

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

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

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

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

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

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

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

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

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

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

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

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

  • 通过手势实现返回操作

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

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

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

 

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

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

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

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

 

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

 

三、 风度的隐藏设计

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

更多
打印  |  相关话题:iPhone   |  类别:信息和交互  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买