童话说说技术创业美文职业
快好知
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

APP导航设计:它没有描述中的那么神乎!

4月8日 听雨眠投稿
  关于移动端导航模式,我想你身边已经有很多很多类似的文章了,什么“标签式导航”、“抽屉式导航”、“列表式导航”、“葫芦娃喷火式导航”、“天马流星式导航”甚至你以为掌握这些,就能游走产品信息架构中的任何和导航有关的问题。现实是:当你在真正运用时,你才发现“咦?刚才葫芦娃喷火式导航是咋用的啦”?所以在开始之前,你需要明白一个事实:用户体验是一个整体,脱离产品方向去解释那些所谓的“葫芦娃喷火式”毫无意义。
  你的产品为什么需要导航设计
  导航设计的目的就是需要突出产品的核心,扁平化用户的任务路径。无论是PC还是移动端,很难想象一个没有导航的产品会是什么样子,我们可能都会成为“瞎子”,闷头乱撞。当然,那些有导航的也别50步笑百步,错误的使用导航模式,和没使用导航的效果是一样的,你的产品没那么不言而喻,等待你产品的只有死路一条。
  因此明白了导航设计的目的:突出产品核心,扁平化用户任务路径,下面的就是对产品的理解,产品的核心是什么?什么样的导航模式最能反映产品的核心,包括是否起到了扁平用户操作的作用?
  它没有描述中的那么神乎
  抽屉式导航?它其实就是一种化繁为简的“超级整理术”
  抽屉式导航更多的被应用于信息流产品设计中,这类产品注重核心内容的展示,用户的任务路径较为单一,几乎都是用于浏览产品的核心内容;至于其他比较低频的模块入口则会隐藏在当前界面后方,避免冗余的模块抢夺用户的眼球。
  其实我并不喜欢将其称为“XXX导航”,因为可能在我解释完所有内容之后,等你在工作中再遇到相似的情境,你可能又会疑问“咦?那个XXX导航是怎么用的来着”。
  抽屉式导航本质是什么?有人可能会说:“一种交互风格”;再具体一点,有人可能又会说:“交互风格中的一种导航风格”。如果今天你也看了我这篇文章,请你忘记这以上这两种回答。抽屉式导航说到底就是一种化繁为简的“超级整理术”。“28”法则告诉我们,80的用户只用那些20功能,这20功能就是信息流里面的核心功能;如果那80不常用的功能也占用着最重要的位置,那么用户就会被打扰,产生臃肿感,甚至会放弃使用产品。
  标签式导航?它仅是让用户任务路径更加扁平
  同样的,我们经常会讲到的,标签式、标签式,那么标签式导航的的本质是什么呢?
  在设计规划期间,我们通过产品的信息架构可以直观的了解产品的核心功能,以及各功能之间的一个关系。当产品的整个体验流中是以几个常用功能模块(PS:一般不超过5个)贯穿的,意味着用户需要在多个标签入口之间来回切换;为了保证切换的效率,将贯穿产品整个体验的流的模块平铺在TabBar位置,保证了用户任务路径的扁平。
  桌面式导航?它只是对于扁平比较独立的用户任务路径模块的另一种思考
  我前面提到了“当产品的整体体验流是由几个常用功能模块贯穿而成时,为了保证用户任务路径的扁平,我们将这几个模块平铺在TabBar上,后来被冠以’标签式导航‘的称呼”。那么当产品的整体体验流不能由有限个(一般不超过5个)功能模块贯穿时;或者说,整个体验流是由无限个(PS:这里的“无限”是相对的概念,一般数十个以上都可称为无限个)功能模块集成而成的,那么这是我们是不是还可以平铺在“TabBar”上呢?
  “TabBar”就算了,因为通过相关竞品分析,我们发现使用“桌面式”导航的应用,每一个入口往往是比较独立的信息内容,用户进入一个入口后只处理与此入口相关的内容,这就意味着用户在几个任务之间频繁切换的概率比较低,这就意味着就算有标签式导航,也是个鸡肋导航。但是由于功能入口众多,我们还得前面提到的“平铺”,不过这里的“平铺”意义已经不太一样了,TabBar是为了保证来回切换任务的扁平,而这里的“平铺”是用来保证用户搜索行为的扁平,因此对展示功能入口数量的限制没有TabBar那么苛刻,所以TableView就成了最好的舞台,也就是我们一直神叨叨的“桌面式导航”。
  菜单式导航?相比于扁平用户任务路径,凸显产品的核心会显的更加重要
  对于像微博这样开放性的信息流,用户在不同情景和不同时段下可能会有不同的兴趣域,我想看一下我喜爱明星最近的动态放松一下、我想看一下我的专业领域达人的动态学习一些干货不同的人的需求是不一样的,同一个人不同时段的需求也是不一样的,可能前一秒你还是“酷爱足球运动的财经男”,下一秒你很可能又会成为那个喜欢娱乐八卦的“清新女”。
  通过相关竞品与用户访谈分析,我们发现:该类产品的用户在某个时间段的兴趣域几乎是特定的。比如我现在就想刷一些大V的干货,因此决定了用户频繁切换的概率是比较低的。
  说到这里,有人可能觉得这句话好像在哪里听过?是的,桌面式导航也是这种情境用户频繁切换的概率是比较低的,那么我们可不可以也像“桌面式导航”那样,将这些兴趣频道入口平铺在TableView上呢?
  首先你想到了这一层,我很开心,因为你已经不再纠结那些神叨叨的形式了,开始追求“花架子”背后的机制了。其次不知道你注意没有,桌面式导航为什么需要平铺?因为独立的功能入口太多了,我们为了保证搜索行为的扁平而采用的招式。但是这里的兴趣频道是独立且有限的。独立性是菜单式导航与桌面式导航的共性,你还记得在桌面式导航我强调“平铺只是为了服务搜索,和切换没有关系”,但是菜单式导航的兴趣频道就那么几个(有限性),没有多少搜索成本,因此此时的“平铺”似乎没有太大意义;再想想我在第二部分讲的:“导航设计的目的是突出产品的核心,扁平化用户的任务路径。”现在相比于扁平用户的任务路径,突出产品的核心(因为这里的产品更多的是信息流产品,信息流最强调沉浸体验)反而会显得更加重要,因此我们需要“超级整理术”,收起那些现在可能用不到的80模块,保留真正有用的20,通过面积和内容限制保证了此刻的用户的沉浸体验。
  点聚式导航?它仅是一种暖心的UCD法则的衍生物
  点聚式导航最早来自于“Path”,它将用户最频繁使用的多个核心功能点汇聚在主界面中显示,通常这些功能具有一定的交集,比如都是“发动态”用的,发音乐有关的动态、发LBS信息有关的动态、发照片有关的动态;本质其实是一种“超级整理术”中的合并同类项术。
  为什么需要“合并同类项”?合并同类项是为了突出产品更重要的内容,当用户已经确定,自己需要那些同类项来丰富自己的移动端体验,此时在分解同类项,并且分解的过程是那么的有趣。懂你有趣暖心。
  走马灯导航?它仅想让你多看她一眼
  看到只显示18的图片,你会本能地把它滑出来,因为强迫症在作怪;当然你可能抑制力很好,没有滑,但是18不完整图片也会让你感觉别扭;只要你“别扭了”它的目的已经达到了,你的眼球已经被它“Catch”了。换句话说,它希望你看到这些内容(和商业目标有关),你的确因为强迫症驱使聚焦于这些内容,结果发现“哎呦,不错哟”(迎合了用户目标),产品目标、用户目标达成完美融合。
  列表导航?一张名片的效果
  “我是做xxx的,这是我的名片,如果哪天你有类似需求,欢迎找我啊,一定给你优惠!”尽管你没有买东西,但是销售人员也成功了,因为它销售了一张名片,有了这张名片,就等于你现在已经是他的长线之鱼。有一天你很想买一样东西,突然想起,那天那个人给你一张名片,依据名片上的不同信息,你成功从数十张里面找到了它,再次依据这张名片上的信息,你联系到了那天的销售人员,并且达成了交易。
  这个过程中,名片扮演了“长线”的作用。试想一下:如果没有名片,就意味着这条线就断了,那位销售者也因此损失了一条鱼。对应到产品,那位销售者其实就是我们产品,顾客就是我们的用户,那个“名片”或者“长线”就是这里的“列表导航”。通过列表导航的识别,用户可以完成自己的目标,同时也带来了商业目标。
  易识别性是其最重要的衡量准则,因为它承载了产品大量的数据信息,相当于产品的语言元数据,只有具备共同的语言元数据,才有可能促使产品做到真正意义上的不言而喻!
  图示导航?它只是一种展示信息的扁平处理方式
  针对以图片为主的应用平台,经常变化的图片会让用户感受到栏目内容的更新的及时性,对用户来说是比较核心的点。图示导航将这些更新的信息可视化,以达到展示信息扁平化的作用。这里需要注意的是,这种导航需要配置固定的栏目或标题,防止不断更新的图片让用户找不到相应的入口。
  分段选项卡?它只是穿了马甲的“标签式导航”
  我们来思考这样一个问题“当产品的某个模块是由有限个子集贯穿时,我们该采用什么导航形式?”这句话,好眼熟啊没错,在“标签式导航”部分我们提到“当产品有有限个模块贯穿时,我们会采用平铺在‘TabBar’位置的标签式导航。
  “现在我们的对象有产品变成了产品的某个模块,数学里有一个叫做”等效替换法”,令tsin(x),然后将有关sinx的元素全部替换成t,从而使一个复杂的正弦问题,变成了一个简单的线性问题。同样对应产品的某个模块我们可以将其看成产品,这样问题又变成了一个标签式导航问题了,对于标签式导航我们再熟悉不过,所以我们只需采取相同的手法就行了,只是原来的“TabBar”要换成“SegmentControl”区域。
  总结
  当你读到这儿,你可能已经忘记了“走马灯导航导航是什么鬼?”“菜单式导航是什么鬼?”但是有一天你在实战中发现当前产品的信息架构正是由有限个元素贯穿时,你意识到用户对这些模块来回切换的需求比较大,因此需要将他们平铺在TabBar上,以确保用户操作路径的扁平。如果你真的做到了这一步,我会很开心,因为我这篇文章的目的已经达到了。
  脚踏实地的思考,远比你记那些高逼格术语更有用。
投诉 评论 转载

6个为新手用户设计的策略之前的文章里探讨过界面的易操作性,提到的主要是视觉层面的思考,今天这篇想总结一下对于新手用户,可以通过哪些设计策略来帮助他们进行操作。主要有6个策略:引导页覆……从运营角度来看首页设计简述最近进行的App端首页的改版项目,我在过程中参与了需求讨论和设计review。这里把我对首页改版的一些看法梳理一遍。核心思想是,首页设计应当区分是偏重内容消费还是频道……你的软件界面布局设定方法靠谱吗?本文不适合采用天才设计(GeniusDesign)方法的人士。有一种“奇怪的”现象会经常的看到“很多设计师没有办法清楚的跟其他人解释他们是如何设计的,越细致的地方可能越是……为什么设计师也要学会判断优先级我的主管经常对我们说:产品经理最重要的能力就是判断优先级,不然就不叫产品经理,而是需求经理。以前我听了总是不以为然,觉得判断优先级就是优先做紧急的和实现成本低的需求,毫无技术含……高阶运营是一种怎么样的体验?你离它还有多远!做运营就像是玩游戏的打怪升级,从初级菜鸟到高阶油条,从一无所知道到能够带新人勇于冲锋陷阵的独胆一面。我们总是对比自己好的人充满好奇心,在贫困时渴望体验下富人的生活,所以做运营的……当朋友圈更新多到看不完时,来看看Facebook是怎么优化信本文是FREES互联网团队成员覃超与徐万鸿进行的一场AskMeAnything。徐是前Facebook新闻流排序组的资深工程师,在今年9月回国出任神州专车CTO。本文……从现实到网页!有哪些暖到心窝里的情感化设计?如果起床是一个目标,那么正确的设计是床头放个闹钟,而情感化设计就是让爱人把你吻醒。究竟这么高逼格的一个词是什么意思呢?我们先看看官方的说法:情感化设计是指旨在……专业干货!如何用科学方法帮你提升用户粘性?如何提高用户粘性?今天阿里锦笙同学翻译的好文,从心理学、用户行为习惯、钩状模型、触发器、动机等方面给出了科学专业的分析,行文流畅自如,循序渐进,有不少闪光知识点,来收!如……没推送功能,你好意思叫app嘛?相信大家对推送这项技术并不陌生。如果没听说过,那么作为一个充满好奇心的孩子,你一定想过这个问题:睡觉前我明明关闭了淘宝、网易新闻等App为什么第二天他们又自动出现在我手机的通知……布局还是内容,谁更优先?如果你要开始准备网站的重设计且手头恰好有一堆文字图片的话,内容优先的战略肯定是没错的。当你力图让新网站能在小屏幕上有不错的体验时,最好基于那些按照用户需求优化后的内容采用渐进增……如何把互联网产品设计得简单易用?(中)6。显示用户关注的信息,增强用户控制力。任何一个产品,都不应该让用户有失去控制的感觉。一旦用户感到失控,就会心慌意乱甚至害怕,放弃产品自然也就是下意识的反应了。因此,产品……APP导航设计:它没有描述中的那么神乎!关于移动端导航模式,我想你身边已经有很多很多类似的文章了,什么“标签式导航”、“抽屉式导航”、“列表式导航”、“葫芦娃喷火式导航”、“天马流星式导航”甚至你以为掌握这些,就能游……
传达出设计的“灵魂”关于设计文档的分析产品付费设计Axure之复用减少你服务中的痛苦服务于优质的网站设计客户从IPv6到物联网:下一代用户体验设计用户研究的有趣案例和轶事产品思考:硬币的两面传达出设计的“灵魂”关于交互文档的分析中国移动设备用户体验调研报告案例减少用户的思考Gmail的界面设计互联网产品经理常用软件及工作平台
假冒伪劣造句用假冒伪劣造句大全生命的脆弱眼部皮肤干燥怎么办最减肥的茶叶都有什么中老年人怎样预防型糖尿病占地造句用占地造句大全下饭店趣味学习,快乐成长,趣学伴伴读打印机,寓教于乐的好物我理想的故事争吵后的感悟中学作文【江苏】陆祎骁《小绿豆“成长”记》指导老师:谢志丹热评聚热点 2。4亿!北京(通州)大运河文化旅游景区项目设计施工总承包招

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界