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

移动导航的基本模式(上)

1月17日 发如雪投稿
  一个好的导航设计能帮助用户快速了解该产品的功能和信息架构。为用户提供更好的用户体验,文章汇总了目前常见的几类导航设计。一起来学习下。
  移动导航是APP中最重要的组件,它相当于产品的骨骼,连接着各个功能。
  一个好的导航设计能帮助用户快速了解该产品的功能和信息架构,一个app中也会存在多种不同层级的导航模式。
  这篇文章整理了目前市面上使用较多的导航以及它们各自的优缺点和分别适用的场景。
  标签导航
  标签导航是IOS系统中最常见的导航,它继承了桌面导航的样式,对图标进行了扁平化处理。在IOS系统原生页面中可以看到许多页面都使用了标签导航的设计,包括我们常用的微信、支付宝、微博等软件,都使用标签导航做为它们的一级导航。可以说标签导航是最符合IOS用户习惯的一种导航。
  总结:标签导航适用于主导航各功能重要程度一致,并且主功能数量在35个之间,相互之间切换频繁的场景。
  TAB导航
  TAB导航是IOS和安卓端都十分常见的导航,它和标签导航本质上其实相似,但是展现形式有很大区别。tab导航一般处于页面的顶部,在使用数量和形式上更加灵活。
  总结:通过案例可以发现TAB导航在使用上十分灵活多变,外观简洁,能完美运用到各场景,是目前十分流行的导航模式。
  舵式导航
  舵式导航是标签导航的变体,也是比较常见的导航之一。因为外观看起来像船舵,所以取名舵式导航。和标签导航不同的是它将核心功能放在导航正中央,并用对比强烈的色彩来和其他导航进行区分,常用于发布按钮。
  总结:舵式导航弥补了标签导航功能数量的限制,重点突出了核心功能,适用于发布功能下有多种同级分类选项的应用,常用号表示,以及在功能型产品中核心功能的开关按钮。但是相比标签导航不足的是,舵式导航将核心功能全部隐藏在号中,需要用户二次点击才能到达目标,增加了点击次数,藏在号中的功能使用频率会比一级导航大大降低。
  抽屉式导航
  抽屉式导航外观小巧,占用空间少,容量大。外观设计的像抽屉,可以自由伸缩,也是我们常说的汉堡菜单。它的核心目的是隐藏不常用的功能,减少主界面导航控件数量,让界面更加干净利落。这种设计模式曾经非常流行。但是正因为它的小巧,又处在页面左上方,是单手操作时非常不容易点击到的区域,这也导致藏在抽屉里的功能很少用户会使用。所以目前抽屉导航在市面上的使用量已经越来越少。但目前仍有一些主流软件在使用抽屉导航的设计,一般用来放置辅助功能。
  总结:抽屉式导航适合作为产品的辅助导航,一般用来放置需要但是不常用到的功能,例如设置、当前用户等信息。
  宫格式导航
  宫格式导航也是较为常见的一种,它的特点是占据空间大,入口扁平化,以平铺的形式展示所有功能,这一点和桌面类似,在使用上让功能一目了然,在设计上更加富有情感化。
  总结:宫格导航常用在二级菜单,在使用上充分利用了页面空间,使页面更饱满,视觉更清晰。但缺点是不方便同级功能之间互相切换,必须退出到导航页面重新选择。常用作同级别下使用频率相近又彼此独立且功能之间切换频
  率不高的场景。
  总结
  看完这五种导航模式我们不难发现,在不同层级和功能下导航的使用方式和场景上都各有不同,也有多种导航互相结合的设计。每一种导航都有各自的使用场景。当我们需要在一级导航之间频繁切换时则可使用标签导航,当产品分类细致且互相切换频繁时则可以使用tab导航,当需要重点突出核心功能时则可以使用舵式导航,抽屉式导航则用来隐藏需要但不常用到的功能,宫格式导航则适用于同级别下使用频率相近又彼此独立且功能之间切换频率不高的场景。
  下期我会继续分享另外五种常见导航:列表式导航、分段式导航、浮动导航、轮播导航以及复合式导航。下期见
  相关阅读
  移动导航的基本模式(下)
投诉 评论 转载

如何设计“简单高效”的数据可视化系统?数据可视化产品设计的关键在于“简单、高效”,文章就如何设计数据可视化产品做了相关分享,希望对你有益。数据可视化,是将数据信息以直观的图标、图形展示出来的一种表现形式。……微信系列(1):浅析记录功能本文作者将要通过一个系列来聊一聊微信的一些缺点。当然,这些缺点很多大家都深有感触,只是微信一直不愿意改而已。今天的这篇,讨论的是关于微信聊天记录。如果说在移动时代让人们选……项目总结:云之家V9改版项目复盘文章是作者针对一西此产品改版项目的思考总结,其中关于产品设计、团队协作的一些想法思考或许于你有。01项目背景1。云之家是什么云之家是一款移动办公产品,基于即时……以在线洗衣为例,谈谈O2O服务类产品的产品需求与关键点文章从产品角度出发,以在线洗衣为例,分析了关于O2O产品产品如何做,以及做的重点在哪等内容,希望对你有所启发。O2O服务这几年来一直是互联网热门的话题。从2014年打车开……监控告警产品专题(1):企业级监控产品设计基础这是监控告警产品专题系列第一篇文章,涉及的主要内容为监控产品设计的一些相关基础知识,算是这个系列文章的一个索引。以前做QQ业务运维的时候,有一类平台是自己天天会用,那这类……登录注册全解:“登录注册”这潭水到底有多深?同一个功能在不同的产品中往往具有不同的表现,因此评估一个功能的好坏也应基于具体产品具体场景展开,登录注册功能也不例外。A产品竟然支持邮箱注册,邮箱注册这种方式主要是PC端……半年实战经验,总结O2O电商售后产品体系电商售后品的好坏将很大程度上的影响用户的留存,良好的体验能够帮助更好的保留、维护用户,以免前期的用户拉新等系列工作功亏一篑。瑞叔近半年时间全部扎在整个售后服务产品搭建和维……12306订餐功能:整合铁路客运供餐体系的亮点产品从订餐功能的上线,看出12306战略性的演变:从最初的订票工具型产品,逐步的向铁路旅行服务型产品过渡。1、概述手机信息手机型号:OPPOR9tm操作系统……移动导航的基本模式(上)一个好的导航设计能帮助用户快速了解该产品的功能和信息架构。为用户提供更好的用户体验,文章汇总了目前常见的几类导航设计。一起来学习下。移动导航是APP中最重要的组件,它相当……那些让你上瘾的产品做对了什么?阅读这篇文章前,不妨先做个小测试。你手机上使用次数排在前三位的App分别是什么?你为什么要一天N次打开它们?换句话说,它们用什么“钩”住了你?作者:唐文,易宝支付CEO助……业务驱动体验,体验迭代业务本篇以某功能模块的设计案例阐述了一套用户体验设计策略模型;该模型在产品业务导向期,可以为设计师由“业务”到“体验设计”转化提供一种还原公式,在业务迭代期也可以通过该策略思辨当前……实例分享:电商后台产品设计流程与思路文章为作者实际工作中的经验总结,主要涉及后台产品设计的策划内容,给大家提供个参考。最近团子从实习的公司离职,目前团子在整理自己的实习经历。正好在整理的过程中,为大家分享团……
在现代网页设计中,动效常见的几种用法做用户体验设计最难的是平衡实例分享在界面排版中,需要注意的七大原则(下)网页设计中视频运用的7个技巧不要忽视色彩在手机APP设计中的作用今天的扁平化设计中,值得注意的4个要点UX分析:朋友圈的外链知多少?QQ国际版视觉探索:准备了两套视觉设计方案视觉设计的思考:如何设计APP的登录页面对大项目,交互设计应该如何进行?零UI,为无屏交互而设计看似平淡无奇的Icons,到底什么才是它的正确使用方式?
论以平阳为中心的山西地域文化传统对石君宝杂剧剧作的统摄力半身不遂怎么治疗于正斥责营销号凄美爱情我们的爱永远做不完网红大V带你冬季畅游安图四年级数学教学反思女生发型图片长发短发总有一款你喜欢的为什么我们蚊帐的形状和蜂窝的形状是一样的呀?美丽的格桑花先进事迹造句用先进事迹造句大全2010。11。15日精武风云洗面奶需要每天都用吗

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