UI设计之面包屑设计指南_惠州计算机UI设计培训学校
作者:hz_admin02发布时间:2022-05-23分类:电脑培训网-热点问答浏览:355
不论是手机还是PC端,面包屑都是用来寻找路径的重要组件,可以让用户了解当前页面在整个网站结构的所处位置。NN/g 从 1995 年就开始推荐大家使用面包屑,因为它能在对界面设计产生极少影响的前提下,为用户提供很多便利。
如果一个用户从首页一层一层抵达最终页面,也许 TA 对自己身处何处还算有概念。但是如果用户从外部链接或者快捷入口进来,可能对当前的页面层级一无所知,此时面包屑就能引导他们快速了解网站架构。
一个底层页面所展示出来的信息也许是非常精准片面的,而面包屑则能展示更大门类的信息,从而将用户引向上层页面。
下文会按照PC端到手机端的顺序,介绍十一条面包屑的设计指南。
PC端
1. 不要用面包屑代替导航页签
网站导航和面包屑也许看起来有些相似,但是功能与使用场景完全不同,不应该以简化页面为目的只保留其中一个。
2. 面包屑应该用来展示系统层级,而不是历史记录
如果用户是从首页层层深入,系统层级与历史记录是没有区别的,但是如果用户从外部链接进入,这两个差别就大了。为了给用户提供真正有用的信息,面包屑展示的不应该是历史记录,而应该是系统层级。
3. 如果网站有两个父层级(如两个同级首页),应该只展示一个
有的网站可能有两个平级的首页,这种情况下一定要选择其中一个作为面包屑的第一项,同时列出两个是不可取的。
4. 当前页一定是面包屑的最后一项
不要觉得在面包屑上再写一遍当前页的标题就重复了信息,不太好,面包屑的最后一项如果不是当前页,会让用户产生困惑的。
5. 面包屑中最后一项(当前页)不需要链接到自身
面包屑的每一项都要放链接的,除了最后一项,因为放一个指向当前页的链接不但没有必要,还会让用户怀疑最后一项到底和当前页是不是同一页。
6. 面包屑的层级应该是网站的页面层级,而不是分类层级,也不应该包括无内容的导航页
逻辑上的父级(如商品上级分类),除非有真实的页面存在,否则不需要放在面包屑里。此外,诸如网站地图一类可有可无的层级,也最好不要加到面包屑里。
7. 如果网站层级不多或没有分支,就不需要面包屑了
如果面包屑只有两级,或者根本没有分支,那么它存在的必要性就很小了。再考虑到网站简洁美观性,这时还不如不要面包屑。
8. 面包屑的第一项应该链接首页
面包屑的第一项如果不是首页,用户可能会无疑问这个面包屑不可信或者该网站根本没有首页。
手机端
9. 不要把面包屑分行
就算面包屑有点长,分行也绝对不是一个好的 idea。
10. 不要用太小的文字
缩小文字也许能够展示更长的信息,但是用户如果点击不到或者看不清,面包屑存在的意义就没有了。
11. 可以考虑只保留上一级面包屑
考虑到手机用户的使用习惯和使用需求,可以不用把面包屑完整列出。
总结
面包屑是用户寻找相关内容的辅助工具,对于从外部链接进入的场景十分有用。确保面包屑里每一项都可以点击,并且可以查看同一层级的其它内容。在手机端,面包屑可能难以展示完全,可以根据用户使用方式缩短其长度。
点击咨询直接了解更多相关资料,我在惠州北大青鸟新方舟等你。
本文内容转载自网络,版权归原作者所有,如有侵权请联系我们进行删除。
相关推荐
- 梅州信息:凝聚共识裁审同行梅州市召开劳动人事争议裁审衔接工作研讨会|||计算机网络培训学校
- 东莞信息:虎门镇民营企业招聘月活动|||广州市北大青鸟计算机职业培训学校
- 东莞信息:(塘厦)塘厦镇举办“筑劳知识”之“阳光经营第一课”劳务派遣政策法规宣讲会|||计算机职业技能培训班
- 东莞信息:(塘厦)塘厦镇举办2024年全市首场名城名企OpenDay活动启动仪式|||计算机软件培训学校
- 东莞信息:(南城)南城开展“民营企业招聘月”直播带岗活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 湛江信息:专家、大咖云集献策!国家高层次人才服务行活动走进湛江|||计算机培训学校招生
- 东莞信息:(万江)万江人社分局组织企业参加东莞云聘周周招直播带岗活动|||计算机培训学校招生
- 东莞信息:(莞城)深入园区送政策精准服务助发展|||计算机网络培训学校
- 汕头信息:市人社局加强公共服务下沉基层赋能“百千万工程”|||计算机专业维修学校
- 东莞信息:(东坑)东坑再添一家“广东省博士工作站”|||计算机专业维修学校
- 电脑培训网-热点问答排行
-
- 1广州职业培训介绍-广州市花都区东方均膳职业培训学校-培训内容-地址-联系方式
- 2东莞职业培训介绍-东莞市稻香中菜厨艺职业培训学院(麻涌考点)-培训内容-地址-联系方式
- 3从2022年软件和IT服务业收入看行业发展
- 4计算机等级考试问答-报考时选错级别科目,但已缴费可否重置修改?-北大青鸟教育-教育实力
- 5计算机等级考试问答-报名缴费重复缴了两次,会自动退费吗?-北大青鸟教育-教育实力
- 6计算机等级考试问答-没有参加过计算机一级的,可以直接报考二级吗?-北大青鸟教育-特色教育
- 7技能+学历,这是一个不同以往的选择
- 82023年9月计算机等级考试介绍-考生报名流程-北大青鸟教育-就业实力
- 9高考落榜读-广州市蓝天高级技工学校专业好不好-计算机类好么-北大青鸟计算机编程培训怎么样
- 最近发表
-
- 梅州信息:凝聚共识裁审同行梅州市召开劳动人事争议裁审衔接工作研讨会|||计算机网络培训学校
- 东莞信息:虎门镇民营企业招聘月活动|||广州市北大青鸟计算机职业培训学校
- 东莞信息:(塘厦)塘厦镇举办“筑劳知识”之“阳光经营第一课”劳务派遣政策法规宣讲会|||计算机职业技能培训班
- 东莞信息:(塘厦)塘厦镇举办2024年全市首场名城名企OpenDay活动启动仪式|||计算机软件培训学校
- 东莞信息:(南城)南城开展“民营企业招聘月”直播带岗活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 湛江信息:专家、大咖云集献策!国家高层次人才服务行活动走进湛江|||计算机培训学校招生
- 东莞信息:(万江)万江人社分局组织企业参加东莞云聘周周招直播带岗活动|||计算机培训学校招生
- 东莞信息:(莞城)深入园区送政策精准服务助发展|||计算机网络培训学校
- 汕头信息:市人社局加强公共服务下沉基层赋能“百千万工程”|||计算机专业维修学校
- 东莞信息:(东坑)东坑再添一家“广东省博士工作站”|||计算机专业维修学校
- 标签列表
-