当我们在设计一款App时,我们最注重的很可能是页面的布局结构,和元素的细节优化。反观导航的处理则是我们在设计时最容易被忽略的。一款App的核心体验,很大程度上是有导航决定的,例如告诉用户怎样找到自己想要的信息和完成自己想要的任务等。所以今天要和大家分享的内容就是关于导航设计常见样式汇总,以及他们的优缺点。
1.宫格式导航
优点:宫格式结构可以作为信息或平台的入口,让用户了解App中的所有服务并快速选择自己需要的服务。同时也具有较强的延展性。
缺点:用户无法直接看到想要选择服务的内容部分,需要点击后才能看到具体的界面内容,会增加用户的选择压力。
2.顶部标签式导航
优点:数量没有限制,可固定数量,也可以不固定数量;界面左右滑动可以直接切换;方便直观浏览实时更新的内容
缺点:容易形成界面内容过多,占用了界面的一定高度
3.底部标签式导航
优点:可以看到当前所谓在的入口位置,轻松在各个入口间切换且不会迷失;也可直接展示当前选择的界面内容;同时底部标签也是拇指的热区范围,方便操作。
缺点:导航选项数量有限,不能展示过多的入口(最多5个,考虑到手指理想的触摸尺寸)同是也占用了界面的一定高度,如果是小屏手机会影响内容的显示区域。
4.分段式导航
优点:可以看到当前所谓在的入口位置,轻松在各个入口间切换且不会迷失;也可直接展示当前选择的界面内容;适用于高频率切换的界面,方便操作。
缺点:样式守旧,灵活性不高,无法通过左右侧滑的手势进行切换。数量会因为字段的长短受到一定限制。
5.舵式导航
优点:突出重要且频繁的操作入口,同时也弥补了底部标签导航数量的不足,还可以在设计上做出灵活,有趣效果。
缺点:需要用户二次点击才能到达目标,增加了用户的操作流程,同时隐藏的功能不能过多,会对点击后的用户造成反感,增加用户的思考选择压力,不合适频繁切换使用。
6.抽屉式导航
优点:隐藏非主要功能,可以使用主意力集中在核心功能上,减少其他非核心功能的干扰,节省界面的利用空间
缺点:由于可发现性底,不能一目了然,其他模块的流量会被遏制,不利于整体产品流量 化。不合适频繁切换使用,会增加用户的学习成本高。
7.点聚式导航
优点:占据空间小,方便不同的用户进入不同的模块,通常他的出现时伴随着互动效果的,所以更加吸引用户的点击欲望,提高产品核心功能的点击率。
缺点:样旋悬浮在界面上面的点聚式导航,会遮挡默写文字或者操作,用户需要滑动后才可操作,无形中增加了用户的使用步骤,通常点聚式导航他的展示方式为一个|CON,没有任何文字说明,因此用户理解上会出现一定的障碍。
8.下拉式导航
优点:与界面的连贯性比较好,用户可以感知当前位置,同时也节省界面的利用空间。
缺点:不合适频繁切换使用;无法结合左右滑动操作;相对隐蔽。
9.列表式导航
优点:列表式结构具有很强的延展性,可以不断的增加信息,可以很方便的进行分组分类。简单清晰、易于理解、用户可以快速找到自己想要的信息。
缺点:只能通过排序来区分个入口的重要;列表过多会造成用户下滑的操作,甚至增加搜索方面的功能。每个入口切换时,只能通过返回至列表页面才可以。
优逸客(www。uekedu。com)成立于2013年,作为国内知名互联网人才孵化企业,专注于UI设计培训、Java大数据开发、平面设计、WEB全栈开发、等互联网紧缺岗位的高端人才培养课程。
