B端系统侧边栏导航的设计原则和探索

对于B端产品而言，尤其是SaaS 产品，侧边栏导航正迅速变得越来越流行，这要归功于它们使设计人员能够更好地利用布局空间的方式。导航菜单对于用户体验和UI界面设计至关重要。

创建符合产品要求的干净且用户友好的侧边栏设计，帮助用户快速舒适地使用导航工具找到他们需要的工作区。侧边栏的研究和设计考虑了目前侧边栏在UI界面设计上的经验和研究成果。

侧边垂直导航的好处
 1. 特定类别增加可发现性并降低交互成本。
使用垂直导航消除了限制类别数量的视觉设计约束，允许团队创建一个自然适合信息空间的 IA（信息架构），并将特定的、高信息的气味类别暴露给用户，而无需他们深入挖掘第二层

2.垂直导航比水平导航支持更高效的扫描。
 我们从眼球追踪研究中了解到，网站上的注意力倾向于向左倾斜：用户 80% 的时间都在看屏幕的左半部分。屏幕左侧的不动产很有价值，将导航放在那里很可能会被用户注意到和扫描。 此外，心理语言学研究表明，如果列表是垂直的，则列表中的视觉搜索比水平列表更有效——人们能够用更少的眼睛注视来找到感兴趣的项目，这仅仅是因为可以从列表中获取更多信息单一固定。

3.垂直导航有成长空间。
对于导航在未来可能会增长的站点来说，垂直导航是一个很好的选择——大型组织可能会在 B2B、企业、政府、高等教育和医疗保健等领域不断发展他们的产品或内容。向垂直导航添加额外的类别不需要重新设计导航 UI 的主要过程；唯一的主要决定是如何将新项目融入现有的类别结构。

侧边栏的设计挑战：
 1.访问更深的页面。随着产品的增长，页面和工作区的数量增加，用户很难找到正确的页面。有必要提供一个用户友好的层次结构来浏览产品页面。

2.导航的视觉扫描。侧边栏应该对用户可见，包括用于导航的主页。应用显示内容和功能本质的用户友好图标。

3.紧凑且可折叠。为了方便用户，有必要提供最小化侧边栏的功能以放大主屏幕上显示的信息，并在侧边栏上放置一个元素，负责此功能。

4. 品牌标识。公司徽标需要放置在侧边栏中以代表公司的品牌，并用作导航到主产品页面的附加导航。

5.工作区分离。有必要将管理项和产品的主要页面分开，以方便用户使用侧边栏进行操作。

6. 用户界面的深色模式。为侧边栏创建黑色模式设计，以确保舒适的观看条件和可读性。

 7. 将用户的头像、姓名和电子邮件放在侧边栏中。为了方便管理用户账号，需要提供一个点进入设置和更改用户账号。

为了方便用户，有一个折叠侧边栏的选项，可以让用户方便地使用主屏幕的空间。还决定不为侧边栏使用对比色背景，以免分散用户的注意力。