首页

关于B端导航的选择

ui设计分享达人

对B端产品架构而言,一个合理的导航设计对能够解决,对团队内部:堆砌功能开发混乱;对外部用户:找不到功能的问题,所以本篇主要总结一下如何正确选取合适的导航。


从产品结构明确导航分类
B端后台的导航大类从产品架构层面来讲可以分为:全局导航(顶部、侧边、混合)、局部导航(菜单栏、面包屑、选项卡、步骤条、文字链接)、辅助导航、内嵌导航、友好导航和远程导航。


全局导航
表现为产品的一级导航,需要具有良好的稳定性和拓展性。
提示:清晰稳定的路径比起少点击一次更重要!





局部导航
局部导航包括:菜单栏、面包屑、选项卡、步骤条、文字链接。
特点:1、在同一个架构中,可以到这个节点的上下一级的通路;
2、有严格的父子级关系,局部导航与全局导航有层级关系,局部导航帮助用户进入更 加特定的页面。
通俗而言局部导航依附于全局导航,常作为二级导航出现。




辅助导航
提供用户在全局/局部导航不可到达的相关内容的快捷途径。






内嵌导航
也叫上下文导航,常用做对页面中的操作项进行解释;常见的有帮助引导链接等






友好导航
为用户提供便利的前进途径,常见于新手引导和帮助助手的场景,在不需要时可进行隐藏。





远程导航
指并不包含在产品结构中的功能入口;常见于网站地图、OA产品的工作台等。






如何进行合适的导航选择

1. 保证产品结构的稳定性

B端产品通常情况下都是复杂的,对用户来说具备一定的使用门槛和学习成本。所以导航首先要保证产品架构的稳定性,同时也要保证交互操作路径符合用户操作习惯。
重点:不可为了追求少一次点击而随便进行更改!





2. 便于后续扩展

在进行导航选择时需要考虑到后续产品的发展情况,在保证产品结构稳定性的前提下,为后续的功能扩展打好基础。






3. 操作清晰、易懂

在多层级的导航中要保证每一层级导航的视觉反馈清晰、明确。




4. 灵活适应

导航的功能选项可以根据使用场景需求来进行灵活添加,可以为了提升效率,在不同的导航选项下出现相同的功能入口。





5. 保持一致的交互规范

相同类型的导航控件,交互样式要保持一致;例如:飞书在面包屑的文字交互样式和文字链接的交互样式就做出了明显的区分。





6. 可不遵循层级关系

根据导航的定义而言,导航就是对信息进行分类,引导用户完成操作。
我们可以根据用户反馈和数据埋点可以将常用的操作功能进行前置,打破层级约束,实现对用户的操作提效。




根据场景,灵活使用导航


1. 顶部导航

顶部导航常用于官网类结构相对简单的产品
优点:节省空间、视觉干扰小,有沉浸式使用体验;
缺点:结构简单,拓展性低。





2. 侧边导航

侧边导航常用于操作比较复杂,专注操作的后台类产品;例如:SaaS产品等
优点:操作效率高、拓展性强、更容易进行功能收纳;





3. 混合导航

混合导航常用于操作很复杂,一级二级功能条目多的后台产品;例如:云产品(二级导航功能超多)
优点:比较综合





总结:


1. 一级导航需要具备足够的稳定性和拓展性

①、清晰、稳定的路径比少点击一次更重要
②、导航的排序尽量不要改变用户的操作习惯


2. 二、三级导航进行合理的分组收纳

利用分组控制导航的颗粒度。在二级导航只有一个时,无需设计分组


3. 判断功能是否应该作为全局导航

①、选择相对高频的分类,作为全局导航
②、低频的分类,作为局部导航

作者:戴戴戴戴戴虎全

转载请注明:站酷

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档