抽屉式导航 让用户专注于核心的功能


  【编者按】本文转载自@kentzhu 的个人博客。导航是产品设计的重头戏,Web端设计的时候是在考虑如何将操作展示给用户,而Mobile的设计更多的时候则是考虑如何将操作巧妙的隐藏起来。但这种隐藏实际上是为了核心功能的突出。

  iOS导航模式基本都是基于iOS系统自身的一些模式,随着iOS新产品的不断出现,新的导航方式也随之更新。在这里,说一下“抽屉式”的导航方式。

  当然,抽屉式导航是作者自己给这种导航方式取的名字,至于学名叫什么,小编也不知道。这种导航模式一般采用将导航主体隐藏在app侧边的方式,以一个按钮来呼出导航,在使用完成之后在使用相同的按钮隐藏起来。一拉一缩,从形象上与抽屉类似,于是就这样称呼他。

  根据不完全的考证,这种导航方式始于Facebook。在最早的Facebook App中,一直采用了比较保守的九宫格导航方式,随着FB的发展,这种很重的导航方式会导致用户Timeline的展示被很大程度上弱化,虽然FB也曾尝试在用户进入App的时候直接进入Timeline而不是这个九宫格导航。

  但是,显然这种优化还不是足够好。于是,在2011年11月左右,FB发布了新的iOS和android客户端,其中一个重要的变化就是导航模式的变化,推出了新的抽屉式的导航,同时强化了对Timeline的展示。

  FB推出这种新的导航模式不久,Gmail的iOS版本同样采用了这种导航模式,再之后path 2.0版本也采用了这种抽屉式导航并将其演变到极致。至此,这种抽屉式的导航模式迅速窜红与iOS产品设计中。

  简单的定义

  一般控制抽屉的把手出现在App的左上角,以按钮的形式出现,点击按钮之后抽屉被拉开,按钮被拉到App的右上角,左侧区域被拉开(抽屉)后显示出导航内容。

  导航的内容可以是以列表形式展示的常规2级导航,也可以将一些非常用的快捷操作入口直接放进来,如FB的搜索。具体形式如下图


  当然,这种抽屉也存在一些变种,目前以Path和Sparrow较为突出。Path不仅将主导航作为一种抽屉,同时底部的操作按钮也是一种变种的抽屉;而Sparrow则增加了抽屉的层级,在一级抽屉被打开之后还可以再继续拉开一层抽屉。另外,米途订酒店则将全部的酒店预订过程化作一种抽屉,也是一种很不错的形式。


  另外,对于一些需要用到消息提醒的应用,抽屉的出现会给消息的展示带来新的麻烦,因此,很多的抽屉导航会将消息展示在Title区域里,以一个入口的形式来展示。典型的如Facebook、快捷酒店管家。

  抽屉导航的核心思路

  抽屉式导航的核心思路是“隐藏”。隐藏非核心的操作与功能,让用户更专注于核心的功能操作上去。个人认为,隐藏的思维是移动产品设计中最核心的一个思想。上周在极客公园分享了关于如何应用缩小、隐藏、赋加的思路来做移动产品设计的话题,而这个思路中最最核心的恰恰是隐藏。

  Facebook中,用户核心的操作是阅读Timline,所以抽屉里隐藏了所有其他的操作;Path中,用户的核心操作还是看好友的 Timeline,所以抽屉里隐藏了其他的操作,同时UGC的操作又必不可少,因此Path在左下角也用了一个抽屉;在Sparrow里,用户看新邮件的频率大于查看归档邮件的频率,因此抽屉里隐藏了邮件类型等操作,同时为了平衡发邮件的需求,在右下角单独留了一个入口;在快捷酒店管家里,用户的核心操作是通过地图寻找附近的快捷酒店,所以抽屉里隐藏了切换城市等其他操作……

  这种导航方式会逐渐流行,推测的依据就是随着移动产品设计的演进,越来越多的产品设计师开始认识到只有让核心更突出才能提高整体产品的体验,只有不断降低用户的干扰才能不断提高用户的使用效率。

  而不适合抽屉式导航的App则有

  需要用户不断在导航间进行切换的App、没必要有太多导航的App、或者核心功能就是一堆入口的App。

  原文链接:说说抽屉式导航

  (Warlial 供雷锋网专稿,转载请注明来自雷锋网及作者,并链回本页)

时间: 2024-09-07 14:43:44

抽屉式导航 让用户专注于核心的功能的相关文章

说说抽屉式导航

Web端设计很多时候是在考虑如何将操作展示给用户,而mobile的设计更多的时候则是考虑如何将操作巧妙的隐藏起来.这种隐藏实际上是对http://www.aliyun.com/zixun/aggregation/17626.html">核心功能的一种突出. 导航始终是产品设计的重头戏,不管在Web端设计还是在mobile的设计中.之前曾经在读<触动人心>的时候写过一篇"移动产品设计之ios导航模式",其中的导航模式基本都是基于ios系统自身的一些模式,随着i

谷歌称他们将专注于核心产品

在过去几年中,可以说谷歌迷失了方向.Google 不再懂得搜索.它变成了只会收购一系列没意义的公司.发布半吊子的怪异的产品.没过多久又只能关闭它们. 但是从去年开始发生了变化,公司宣称他们将专注于核心产品.亡羊补牢还是有意义的.在尝试过很多想法之后,或许就能知道什么是重要的.不管是否是处心设计的,Project Glass 将是Google的未来.不是说这是一个可以让Google赚几十亿美元的产品,而是象征着Google 和它的未来. Sergey Brin 在演示Project Glass 时

有什么好的方案可以替代抽屉式导航?

  关于抽屉导航(三线icon/汉堡包菜单)的文章和讨论已经够多了.本文无意加入这些讨论,只是想寻找一种更好的替代方案,毕竟抽屉导航的缺陷早已成为公论 >>> 效率低下:交互有够麻烦的 导航性差:不知道自己在哪 塞满了各种乱七八糟的功能 先来看看有哪些常见的导航模式 在此之前我想先老生常谈一下:每一款产品都是为特定用户群体而设计的,你需要仔细琢磨用户的使用场景,一些方法兴许适合你,但对别人却未必. 1. Swarm和标签导航 在Swarm by Foursquare的1.0版本中,点击左

互联网产品设计要放到用户真正的核心需求

文章描述:产品最重要?更重要的是产品背后的需求和人性. 有一个观点很普遍:产品最重要,好产品自己会说话. 毫无疑问,好产品重要,好产品谁都想要.但是,产品是一切吗?有好的产品,一定会成功吗?谁都适合做出好产品吗? 好产品并不是一切.产品是不是最重要,跟创业团队的基因相关,有些创业公司是技术基因强大,有些创业团队产品把握能力超强,有些创业团队运营强大,有些团队营销强大.如果一个团队并不适合打造完美的产品,产品就不是最好的创业切入点.只有少数偏执狂才能打造出完美的产品.可以问问自己,是不是少数偏执打

百度宣布对于购买过百度导航的用户将全部退款

摘要: 8月29日消息, 百度 上午宣布对于之前在iOS.Android平台购买过百度导航的用户,百度将全部退款.一个小时前退款细则出台(具体可查阅百度地图官方微博),声明中表示,Android用户退 8月29日消息, 百度 上午宣布对于之前在iOS.Android平台购买过百度导航的用户,百度将全部退款.一个小时前退款细则出台(具体可查阅百度地图官方微博),声明中表示,Android用户退款流程将于9月30日前完成,iOS用户现在即可申请退款. 因为退款事宜百度与高德之间打起"口水仗"

中国团购导航网站用户黏性显著高于团购网站

中介交易 SEO诊断淘宝客 站长团购 云主机 技术大厅 艾瑞咨询iUserTracker的连续性监测数据显示,中国领先团购导航网站用户规模,较领先的团购网站有一定差距,但用户访问黏性显著高于后者.以国内某领先团购导航网站.团购网站为例:团购导航网站人均月度访问天数.人均月度访问次数两项指标,均高于同期的团购网站.艾瑞咨询分析,出现这一现象的原因在于团购导航网站团购信息多,方便用户比较挑选,同时团购网站论坛为用户提供了交流体验,分享经验的场所.整体而言,团购导航网站对团购网站发展具有重要价值,一方

帮5买尹汝杰:解读“双十二”用户体验为核心

[TechWeb报道]12月4日消息,双十一余温未降,双十二又将来临.购物搜索网站"帮5买"(www.b5m.com)CEO尹汝杰表示,现在国内B2C正处于发展的初级阶段,希望通过规模效应在量上取胜,因此,价格战在较长一段时间内将长期存在,"双十一"B2C的集体狂欢就证明了这一点.但是单纯"量"上的优势,并不是长久之计,唯有始终以用户体验为核心,通过个性化商品.特色服务,在"质"上领先,才能真正留住忠诚用户.据悉,"

比特币基金会:“放下宣传,专注开发核心代码

摘要: 近日,比特币基金会宣布:将放下比特币宣传.教育.倡议公共政策的任务,把主要心力奉献到核心代码的开发事业中去这一决定诞生之前,基金会曾做过三次调研决策的诞生听取了基 近日,比特币基金会宣布:将放下比特币宣传.教育.倡议公共政策的任务,把主要心力奉献到核心代码的开发事业中去--这一决定诞生之前,基金会曾做过三次调研--决策的诞生听取了基金会内外成员的意见. 结果大家都知道了:人们还是更希望基金会专注于比特币核心代码的开发. "初期,基金会几乎包揽了所有活儿:公共政策倡议.教育推广.核心代码开

[译] 设计准则:如何说服用户去使用新的功能

本文讲的是[译] 设计准则:如何说服用户去使用新的功能, 原文地址:Design principles: what to do when nobody is using your feature 原文作者:Brendan Fagan 译文出自:掘金翻译计划 译者: ivyxuan 校对者:xunge0613.SareaYu hero 去年,在我们发布了即时消息之后,我们又添加了一个功能,用户可以创建丰富的个人信息,这样用户就可以知道,在另一端和他们交流的是一个真实的人. 可是一个问题随之而来,没