15390936481
您的当前位置: 首页 > SEO优化 > 这5个替代方案帮你搞定移动端导航

这5个替代方案帮你搞定移动端导航

时间: 2017-9-2

最新中山网站建造资讯:

关于规划师而言,移动端设备屏幕上的每一寸空间都是名贵的资源。为了在小屏幕上做更多的事情,规划师在规划导航系统的时分,一般需求花费更多的时刻来打磨。汉堡图标在曩昔几年傍边,是最常见的一种规划战略,导航和选项被躲藏在这个小小的图标之后,可是实际上,尽管群众现已习惯了它的存在,可是它并不是最佳的导航规划计划。

在今日的文章傍边,我们会评论为什么汉堡菜单这样的躲藏式导航影响用户体会,以及可用性更强的代替计划。

为何汉堡图标会损坏用户体会

在移动端设备上,我们看到的可见式导航其实比汉堡图标这样的躲藏式导航更多,前者大概是后者的2.5倍。

如果你细心钻研过汉堡图标和用户体会规划相关的文章的话,可能看到过不少这样的评论,关于汉堡图标和用户体会上的抵触有所了解。汉堡图标自身最大的问题在于可发现性很低,而这确实是有数据支持的。在定性研讨中,NNGroup 发现这种躲藏式的导航规划比显性的导航更难于发现,这意味着用户不太可能发现和运用它们。换句话来说,汉堡图标降低了用户的参加度,提升APP关于探究性的要求,而且有可能让用户感到迷惑。中山网站建造

汉堡图标的代替计划

尽管在移动端APP和网站规划上并没有强制性的要求,可是最好仍是选用显性的导航规划,至少要保证首要的导航类目是用户可见的,强化导航的可发现性。

1、标签式导航栏

如果你的网站或者APP的导航条目数量相对而言比较有限,而且大都比较常用,那么这个时分能够选择标签式的导航。不管这个标签式的导航是在页面的顶部仍是底部,关于用户而言都是一望而知的。

标签式的导航似乎是最简单的导航形式。可是即便如此,在运用的时分也需求留意下面的几个常见的问题:

·标签式的导航一般只能闪现不超越5个标签

·标签式导航在运用的时分,至少有一个标签是一直处于活动状况,而且经过颜色比照,将活动状况的标签杰出闪现出来

·而第一个标签页一般是作为主页存在的,选项卡中的内容摆放次序应该依照用户运用的优先级来摆放

·在导航标签页傍边,最好是运用图标+文本的办法来出现,而比方查找运用中的查找按钮,Instagram 中的拍照按钮,这样常用且用户熟知的操作,则只需求经过图标来展现就能够了。

小贴士:为了节省空间,导航栏能够在翻滚翻页过程中躲藏,而当页面静止的时分闪现。

2、标签栏+“更多”选项

当你的导航栏类目太多,可是你仍然想选用标签式导航的时分,你能够在标签栏中闪现优先级最高的4个选项,而最终一个选项则运用“更多(More)”按钮,点击之后闪现更多的优先级更低的躲藏选项。这样的规划仍然比汉堡菜单要优异,尽管它仍然躲藏了部分选项,可是绝大多数的重要选项仍然被闪现了出来。“更多”选项的按钮触发之后,能够规划成为下拉菜单,也能够链接到独立的菜单页面,详细的规划战略能够依据实际情况来灵敏处理。

3、渐进缩短式菜单

这种渐进缩短式菜单也被称为“优先级+”菜单,是一种契合呼应式规划规矩的智能菜单规划,它会依据屏幕的宽度以及巨细,尽可能多的闪现优先级相对更高的导航项目,而无法闪现的内容则会被收纳到“更多”按钮傍边。“更多”按钮中能够承载的条目的多寡,也取决于屏幕的宽度。这种解决计划的灵敏性,比起相对固定的标签栏+“更多”按钮,愈加灵敏天然,供给更好的体会。

4、翻滚式导航

和前面两种形式相似,翻滚式导航是别的一种解决计划,如果你的导航中所包括的条目十分多,而且在优先级上并没有很大的不同,比方音乐流派分类,你能够运用翻滚式的导航来出现所有的类目。用户能够经过翻滚导航条目,点击切换分类。

这个解决计划的缺点在于,视野内能闪现的条目仍是有限,不翻滚检查,其他的条目都在屏幕之外。用户仍是需求进行恰当的探究,才能发现。可是总体上,这仍然是比汉堡菜单更优异的导航规划计划。

5、全屏导航

前面的4种规划计划的基本思路,是尽可能小地抢占屏幕空间,而全屏式导航则选用了彻底相反的战略。这种规划办法,会将主页直接做成导航,用户翻开主页之后,能够上下翻滚阅读导航类目,而且依据需求来点击不同的导航,寻觅自己想要的内容。

这种规划形式一般适用于方针使命比较明晰的网站和APP,特别适合于那种用户使命会固定在特定的类别傍边的运用和网站。这种结构明晰的网站和APP,关于他们的固定用户而言,是十分的明晰、明晰的,一方面能够让网站的规划和优化愈加快捷,关于用户而言也愈加好用,也更易于专心。

Yelp 的全屏导航

运用全屏导航能够让规划师以愈加共同的办法来安排大块的信息,有针对性的展现信息。

结语

在移动端导航规划上,想要找到一个万能的解决计划是不可能的,选用什么样的导航,一直仍是取决于你的产品、用户以及上下文背景。然而,每一个精心规划的导航,都应该根据运用和网站自身的信息架构,而且参考用户需求,来定制合理的结构、优先级和标签内容。帮助用户更好的阅读信息是每个规划师的首要使命。

更多中山网站建造资讯尽在七度网络!

Copyright © 2016-2017 中山网站建设_中山SEO_中山SEO优化   鄂ICP备16010588号-3 版权所有 中山网络公司 中山SEO 七度网站建设 中山网站推广 中山seo公司 中山网站建设 中山网站制作 中山建站公司 站点地图