加入收藏 | 设为首页 | 会员中心 | 我要投稿 云计算网_宿迁站长网 (https://www.0527zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 建站资源 > 策划 > 正文

移动站点优化:移动端导航的七种设计模式

发布时间:2016-09-26 02:23:05 所属栏目:策划 来源:伯乐在线
导读:副标题#e# 根据产品层级的深度和广度,选择适合的导航模式,是产品设计中的关键一环。与大家共勉。 写在前面:看了很多总结导航的文章,其实都基本雷同,但是都觉得不够细致,也不是从我们常用的产品去分析的,因此用自己的思路重新分析了一遍,某些段落来

三、列表式导航

如果说标签式导航是APP中最普遍的导航方式,那么列表式导航就是最必不可少的一种信息承载模式,这种导航结构简单清晰、易于理解、冷静高效,能够帮助用户快速定位到对应内容。在APP中的应用也分为两种

1、 作为主导航使用

如果该APP主要表达的信息层级较为单一,且并不会在入口间频繁且反复跳转,那么将列表式导航作为主导航是一种不错的选择。例如杂志Elle,作为一个杂志APP,他以文字、图片表达为主,层级浅且内容评级,用列表式导航作为主导航来构架内容,简单而直接。(如下图)

网站导航设计 移动端导航设计 移动站点优化 移动站点策划

2、 作为辅助导航来展示二级甚至更深层级的内容

你几乎在所以APP中都能看到它的应用,作为信息梳理条目,列表数量尽量保持在一屏以内,超过一屏最好再分一级,而且按照人一次只能记住4项事物的心理法则最重要的内容归纳在前4个列表更容易被人们记住。如果不同种类的内容放在同一页面,那么要注意为这些内容分类,比如微信的设置页面,用留白的方式来区分内容的不同(如下图)

网站导航设计 移动端导航设计 移动站点优化 移动站点策划

总结:

列表式导航大多作为辅助导航来展示二级甚至更深层次的内容,若要作为主导航,必须满足层级浅且内容平级的条件

需要注意的是:

l  列表式导航的数量保持在一屏以内,超过一屏最好再分一级,

l  将最终要的内容归纳在前4个列表更容易被人们记住

l  要注意为列表内容分类。

四、平铺式导航

(编辑:云计算网_宿迁站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读