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

如何做好移动产品的导航设计

5月9日 满月族投稿
  在物理空间中,人们可以在某种程度上依靠天生的方向感给自己定位,但是这些帮助我们在真实世界中找到方向的大脑机制,在信息空间中却根本起不到作用。因此在产品设计过程中导航设计是非常重要的。
  产品的导航设计又被称为框架设计,设计的是以什么样的具体形式将分类好的内容展现给用户。好的导航设计能组织好用户最常用的行为,同时让这些界面元素被用户用最容易的方式获取和使用。那么好的导航设计要满足哪些要求呢?
  首先必须给用户一种在应用内不同页面跳转的方法。由于我们不可能把每个页面都一股脑的抛在用户眼前,所以导航设计必须能自然而然的促进或引导用户的跳转行为。
  其次导航设计必须能清晰的向用户传达出跳转入口和所包含的内容之间的关系。仅仅提供一个跳转入口的列表是不够的。入口按钮之间相互之间有什么关系?是否有功能的侧重点?它们之间的相关差异在哪?这些传达出来的信息对于用户理解一个产品,更快的上手使用一个产品是非常必要的。
  最后导航设计必须能结构化的传达出它的内容和用户当前浏览页面之间的关系,简单的来说也就是帮助用户去理解哪个跳转入口可以最好的支持他们的任务或他们想要达到的目标。
  在了解完导航设计的作用和基本要求之后,我们来看看目前市面上有哪些比较流行的导航设计,他们之间又有哪些优缺点,适用于哪种类型的产品。以下内容结合了网易产品经理课程王明镜老师的内容和我自身的一些经验总结。
  一、Tab式导航
  Tab式导航是目前移动端市场上最被广泛使用的导航设计,诸如微信、大众点评、携程等APP使用的都是Tab式导航。
  优点
  主要功能突出,不需要用户寻找,易于被发现使用。
  可以轻松在各个主要入口频繁跳转使用,减少用户的点击次数。用户也不容易迷失不知所措,即时在很深的流程环节中也能快速跳转返回首页。
  缺点
  产品的核心功能过多时,如果都放在tab导航上会显得框架过于笨重,一般45个为宜,过多的话明显不利于用户的切换,也将降低界面体验友好度。
  沉浸式的体验不足,底部露出了与当前页面无关的跳转入口,容易诱发打断用户的当前使用行为。只不过目前很多内容体验型或电商消费型应用往往会在用户下拉浏览时自动隐藏底部导航,以此解决沉浸式体验不足的缺点。
  二、抽屉式导航
  抽屉式导航是指菜单藏在当前页面后,点击入口后就像抽屉一样拉出菜单。2011年刚出现的时候曾非常的风靡,Facebook就采用过该种导航。但现在采用的频率较低,仍在使用的应用如QQ、滴滴出行、邮箱大师。抽屉式导航比较适合核心功能突出且较为单一的产品。
  优点
  给内容页足够的空间,让用户专注在当前的页面或需求目标,提高页面沉浸式的体验。2、拓展性较好,侧边栏可以提供更多的功能入口的展示空间。
  缺点
  用户的学习成本较高,刚入手使用时很难发现抽屉式的导航。
  其他主要功能的入口因此被隐藏起来了不够突出,难以被用户察觉。
  主要入口的切换需要二次点击,第一次先点击出抽屉式导航,然后再找到想要的功能,用户的点击较多且路径较深。
  三、跳板式导航
  跳板式导航有被称作九宫格式导航,将各个入口都平铺展示在页面上,该种导航适合功能较多且功能之间较为独立的产品。目前纯粹的跳板式导航其实较少,大多与Tab式导航复合使用。常见的应用比如美图秀秀、典典养车、支付宝等。
  优点
  可以清晰的展现各个入口。
  可以一次性展现更多的入口。
  例如对于支付宝这种功能较多且繁杂的应用,采用跳板式导航可以让用户第一时间快速发现找到手机充值、转账、生活缴费等常用功能,而不用多次点击跳转。
  缺点
  重点功能不够突出。
  各个入口之间的跳转不够灵活。如果某个功能的层级路径较深时,用户不能快速跳转到自己忽然想要完成的任务页面。
  四、列表式导航
  列表式导航将入口或内容按照列表的样式依次展现在页面之上,列表式导航比较适合内容型产品作为主导航或者一般性产品作为辅助导航。比如网易新闻某类标签下的内容页,简书的消息页面,IOS的设置页面。
  优点
  内容的层次较为清晰。
  一次性可加载展现的内容条数较多。
  缺点
  内容过多时,无法突出重点。因此目前很多内容型产品如“豌豆荚一览”会在重点或热门内容上加上一个小火焰的红色标记来突出。
  灵活性不高。
  四、总结
  现在移动产品的导航设计不仅局限于以上4种,还有点聚式导航、标签式导航等等就不再逐个分析了,优缺点基本与上面的分析相似。在一个移动产品的设计过程中,我们往往会选择一个导航作为主体框架,其他导航作为辅助设计。如果一开始觉得经验不足而拿捏不准的话,Tab式导航是风险度最低,学习成本最低,最容易被大众所接受的导航设计。
投诉 评论 转载

如何做好移动产品的导航设计在物理空间中,人们可以在某种程度上依靠天生的方向感给自己定位,但是这些帮助我们在真实世界中找到方向的大脑机制,在信息空间中却根本起不到作用。因此在产品设计过程中导航设计是非常重……最易懂的教程:产品人如何有效刻制自我的终极大敌“思维漏洞”我们都知道,什么才是产品人真正的水准体现。他并不是从事过多少高大上的项目,也不是有钱的多少,或职位的多少,或名声的大小。而是思维的严谨性,思考维度的宽大与深入性。只有思考越宽广……关于产品边界的思考长久以来,强行拓展使用场景,不断的增加功能,把产品变得大而全,基本被有经验的PM们认为是危险的行为。但是发展的压力,增长需求,迫使产品不得不去尝试转型或扩展以覆盖更大的用户群体……作为PM,其实我们的沟通能力可能不及格在很多项目环境中,产品经理,其价值充分发挥之程度,几乎全部仰仗有成效的沟通。但大部分产品经理简历上的所谓“沟通能力强”,都算是一种常见但无效的自以为是。评价沟通能力,诸如语速快……从零开始2个月拿到产品offer,我是这样做的3月份,我决定转岗产品经理,至于原因,如下:“人没有梦想,和咸鱼有什么区别!”“我是注定要成为做出改变世界的产品的男人!”“谁会是下一个张小龙?”哈哈哈哈,言归正传,我来说说我……从久石让十条创作感悟,看产品人该如何工作从宫崎骏的动画到北野武的电影,久石让用音符的魔力,让观众沉浸在一个个的光影故事中。即使曲折的故事,随着时间而慢慢退去,但是当熟悉的旋律响起,却能给人带来曾经记忆中的感动。久石让……PM面试的三个关键问题,你能回答吗?产品经理的核心是什么?就是对产品的定位把控,探求用户真正想要的是什么,对获得数据拥有分析的能力。做一个好的产品经理,不能只看着眼前的得失,眼光应该长远,要规划3年的东西,设计的……产品新人如何培养产品思维?用人单位对产品经理的理解和认识,越来越清晰,要求越来越高。随便写一篇体验报告,画一个交互原型就能得到一个offer的事情越来越少了,甚至很多公司开始要求要有上线产品经验,……以百度钱包为例谈竞品背后的逻辑思维如果你们公司要做钱包类产品,要你当这款产品的产品经理,你应该怎么样设计呢?今天,就以百度钱包为例,来谈一谈如何做分析竞品背后的思想。先上图:百度钱包的产品定位是什么……网易干货:5个方法让老板接受你提出的设计方案!每个设计师都会遇到的问题就是为什么不能用我喜欢的这个方案,其实想让自己那个超级棒的想法得以落地,是需要一定技巧的。今天这篇好文来自网易云音乐的交互设计师,亲历经验教你解决这个难……一个高效的产品团队如何建立?单兵作战能力再强,终究无法凭借一己之力扭转整个战局。面对团队的快速发展,团队整体的搭建与成员之间的培养将成为团队管理者的首要任务,只有形成了一支个人执行力高,团队协调配合好的队……直播这只风口上的猪怎么才能飞的更长久借鉴过去回想2014年上旬,微信这只风口上的猪一夜之间带起了一股大潮流微商。那时候的朋友圈一下子就跟打了鸡血一样,不断的有微商在你身边拔地而起,她们可……
应用层下的人脸识别(一):图像获取设计总结:移动端单选、复选控件解析:仓储管理系统的出入库流程如何设计电商站内信功能?搜索界面设计思考如何玩坏一个banner?盈盈理财产品3。0改版设计思考图标该配上文字吗?2019,工业设计也需要分级?超全面服务设计原则:创建更好的服务重新解读经典,打造惊喜体验社交营销产品设计思考2021年京东618什么时候开始黄明昊怎么了为什么哭偶像明星黄明昊怎么出道的01落后,逆境里弗斯表现如何?盘点里弗斯执教生涯罕见的4大逆替八戒买新衣服你是我永远解不了的毒是什么歌你是我永远解不了的毒出自哪首歌港科大研水凝胶配方杀灭奥密克戎已在公屋试用乡村小学为什么教师始终不够用学会低头更能出头电信手机wlan怎么用(wifi有的手机能用有的不能用)关于爱情的谚语格言大全针对胎儿血型如何进行胎教3月21日晚间股市利好消息一览

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