pc端与移动端面包屑导航设计特点

2019/1/16 10:51:17 作者:公众号:交互进阶发布企业:太原达内科技有限公司[打印]

对于面包屑导航来说相信大家应该都见过了,而且一般在网页设计以及移动端设计等方面使用的也是非常多的,下面我们就来了解一下,面包屑导航设计不同展示端口都有哪些特点。

PC端

1. 不要用面包屑代替导航页签

网站导航和面包屑也许看起来有些相似,但是功能与使用场景完全不同,不应该以简化页面为目的只保留其中一个。

2. 面包屑应该用来展示系统层级,而不是历史记录

如果用户是从主页层层深入,系统层级与历史记录是没有区别的,但是如果用户从外部链接进入,这两个差别就大了。为了给用户提供真正有用的信息,面包屑展示的不应该是历史记录,而应该是系统层级。

3. 如果网站有两个父层级(如两个同级主页),应该只展示一个

有的网站可能有两个平级的主页,这种情况下一定要选择其中一个作为面包屑的一项,同时列出两个是不可取的。

4. 当前页一定是面包屑的后一项

不要觉得在面包屑上再写一遍当前页的标题就重复了信息,面包屑的后一项如果不是当前页,是会让用户产生困惑的。

手机端

1. 不要把面包屑分行

就算面包屑有点长,分行也绝对不是一个好的主意。

2. 不要用太小的文字

缩小文字也许能够展示更长的信息,但是用户如果点击不到或者看不清,面包屑存在的意义就没有了。

3. 可以考虑只保留上一级面包屑

考虑到手机用户的使用习惯和使用需求,可以不用把面包屑完整列出。

节选:公众号:交互进阶

【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。


关键字:太原达内,设计培训,导航设计
免责声明:以上所展示的信息由网友自行发布,内容的真实性、准确性和合法性由发布者负责。行业信息网对此不承担任何保证责任。任何单位或个人如对以上内容有权利主张(包括但不限于侵犯著作权、商业信誉等),请与我们联系并出示相关证据,我们将按国家相关法规即时移除。

其他新闻

关于我们 | 服务条款 | 网站指南 | 免责声明 | 友情链接 | 给我们留言
红盾
COPYRIGHT @ 2001-2017 CNlinfo.net ALL RIGHTS RESERVED
深圳市信息行业协会商务网站 运营商:深圳市兴讯信息技术有限公司 粤ICP备:05039908
营业执照