抽屉式导航的设计更能让用户专注于核心的功能
抽屉式导航:移动产品设计的隐藏艺术
导航,是产品设计的灵魂。在Web端,我们考虑如何优雅地展示操作;而在Mobile设计领域,我们更多地思考如何巧妙地将操作隐藏起来。这种隐藏,实际上是为了让核心功能更加突出。
在iOS的导航模式中,有一种名为“抽屉式”的导航方式,随着iOS新产品的不断迭代,这种新的导航方式也逐渐崭露头角。
抽屉式导航,顾名思义,是指将导航主体如同抽屉一般隐藏在app的侧边。通过一个按钮来呼出导航,使用完毕后,再通过相同的按钮将其隐藏。一拉一缩间,尽显其独特魅力。据传闻,这种导航方式起源于Facebook。
早期的Facebook App采用的是九宫格导航方式,但随着FB的发展,这种导航方式开始弱化用户Timeline的展示。FB尝试优化,推出了新的抽屉式导航,强化了对Timeline的展示。此后,Gmail的iOS版本以及path 2.0版本也都采用了这种导航模式。
抽屉式导航一般定义为主按钮出现在App的左上角,点击后抽屉被拉开,按钮随之移至右上角。左侧区域展示导航内容,可以是以列表形式展示的常规二级导航,也可以放入一些非常用的快捷操作入口。
这种抽屉式导航也有许多变种。Path不仅将主导航做成抽屉式,连底部的操作按钮也是一种变种的抽屉。Sparrow则增加了抽屉的层级,一级抽屉打开后还可以继续拉开二层抽屉。米途订酒店则将整个酒店预订过程化为一种抽屉形式,也是一种创新。
对于需要消息提醒的应用,抽屉导航为消息的展示带来了新思考。许多抽屉导航会将消息展示在Title区域里,以入口的形式呈现。如Facebook和快捷酒店管家就是这样设计的。
抽屉式导航的核心思路在于“隐藏”。隐藏非核心的操作与功能,让用户更专注于核心功能。在移动产品设计中,隐藏的思维是核心思想。在Facebook中,用户的核心操作是阅读Timline,因此抽屉里隐藏了其他操作;在Path中,用户的核心操作是看好友的Timeline,因此其他操作被隐藏在抽屉里。
这种抽屉式导航方式会逐渐流行,因为它能让核心功能更突出,提高整体产品的体验。随着移动产品设计的演进,越来越多的设计师开始认识到只有让核心更突出才能提高用户的使用效率。
并非所有App都适合采用抽屉式导航。例如,需要用户不断在导航间进行切换的App、没必要有太多导航的App、或者核心功能就是一堆入口的App,可能并不适合使用这种导航方式。
网站设计
- 抽屉式导航的设计更能让用户专注于核心的功能
- CorelDraw(CDR)设计绘制卡通妩媚的小熊图实例教程
- 关于HTML5的安全问题开发人员需要牢记的
- 用css截取字符实现文字自动截断隐藏溢出文本
- 安装Vista最保险和最正确的方法以SP1版为例
- 域名的使用价值怎么去判断
- 分享10个最新的Web前端框架(翻译)
- HTML+CSS3模拟心的跳动实例代码
- css3隔行变换色实现示例
- 注册表单设计的规则
- AutoCAD 2008绘制环形弹簧及弧线弹簧教程
- 如何去掉内联样式 通过style属性定义的(element.s
- Line再次推迟IPO 称市场环境欠佳
- ai怎么怎么设计流泪表情- ai表情图标的画法
- AI怎么制作流星雨-illustrator简单绘制流星雨教程
- 没有经验怎么做APP运营-APP运营必须要了解的知识