Halo，这儿是结构设计夹，今天为大家撷取的是「B端结构设计」。B端结构设计有赖于导则那个热门话题，而搞好导则是两个巨大繁杂工程建设，很多人对这些处于敬而远之状况。在那个系列产品该文里透过紧密结合平常的项目事例来聊聊自己对B端导则的许多认知，希望可以增添许多启迪。

第一集先聊聊导则制做的指导方针–结构设计准则，先期该文再进行讲一下常用各种模块的导则。

一、导则促进作用

导则作为B端结构设计中非常重要的劳特尔，它的促进作用主要就充分体现在下列三个方面：

在日常生活组织工作中，当认证组织工作接到两个捷伊需求时，如果已经具有了成形的导则管理体系，其管理效率常常会得到较好的提高。最后上架的网页不必走查还原成度。下列是具体内容组织工作业务流程：

二、结构设计原则

透过后面内容我们知道了导则对于产品结构设计象征意义关键性，那么制订导则制订依照又是甚么呢？这儿要是带出结构设计准则那个热门话题，结构设计准则是导则的总政治纲领，所有的导则都应以结构设计准则为计算方法。结构设计准则主要就包含附注：

接下来就紧紧围绕结构设计准则明晰、高效率、亲善、受控这五个方面进行讲解。

1.对比

对比是指界面中为了区分信息层级，强化元素对比度，使用的很常用的一种手段。例如，下图中利用大色块按钮与线框按钮形成对比来凸显关键性按钮；透过对文字字号加大，字体加粗，颜色加深来与弱文案形成对比，凸显关键性文字信息。

2.亲密

如果信息之间关联性越高，它们之间的距离就应该越接近，也越像两个视觉单元；反之，距离就应该越远，也越像多个视觉单元。亲密性的根本目的是实现组织性，让用户对网页结构和信息层次一目了然。

3.对齐

在界面结构设计中，将元素进行对齐，既符合了用户的认知特点(我们常常倾向使知觉对象的直线延续还是直线，曲线延续还是曲线)，也能引导用户视觉流，让用户更流畅地接收信息。

4.重复

重复是指相同的元素在项目中重复引用，促进作用是可以有效降低用户的学习成本，同时提高这些元素之间的关联性。

高效率准则充分体现在便捷、轻量、简化、一致几个方面，目的是透过合理的方式让产品操作更加便捷；可视化体验与内容更加轻量和简化；以及产品风格保持一致。下面紧密结合常用事例说明如何应用这一准则。

1.合理利用拖拽–便捷、轻量

在涉及到诸如上传文件，排序，滑动输入，构筑等需求时，合理采用拖拽可视化常常可以打造更加便捷用户体验。

2.尽量减少不必要的跳转–便捷、轻量

用户操作过程尽量减少跳转，以实现可视化减步长，从而使用户操作更高效率轻量。例如能用原位操作就不考虑进行收起；能用进行收起就不必气泡…依次类推(优先级从高到低：原位＞进行收起＞气泡＞弹窗＞抽屉＞新网页)

3.放大点击热区–便捷

放大可点击按钮热区，相对于较小点击热区，具有更丝滑操作体验。

4.悬停即现–轻量

利用悬停即现，避免信息过于重复啰嗦，简化网页提高写作体验。

5.折叠次要功能–简化

网页功能按钮过多时，可将次要按钮收纳到一起，点击时再进行，外面只展示高频操作或重要按钮，保证网页内容简洁。

6.统一样式–一致

一致性是指在不同网页中相同操作应保持一致视觉与可视化样式，可有降低用户学习成本与企业开发成本。

亲善准则应贯穿用户操作前，操作中及操作后三个阶段，给予用户及时反馈与协助。

1.操作前

在用户操作前给到合适的引导与协助，有效减少用户迷茫感。

2.操作中

透过可视化效果及网页样式让用户可以明晰感知到自己当前操作。

3.操作后

利用界面中元素变化明晰直观展示当前的状况。

受控主要就充分体现在自由和导航两个方面。

1.自由

自由即指用户可以自由完成许多操作，例如回退，撤销，终止等。

2.导航

导航是指用户随时知晓当前所在位置，而且可以利用导航随意到达目标网页。

最后

透过第一集内容我们大概知道了制做导则主要就方向，那么具体内容到每个模块上，我们该如何去结构设计呢？先期篇章将细分聊聊如何去结构设计「B端常用模块」。

专栏作家

本文原创发布于人人都是产品经理，未经作者许可，禁止转载。

题图来自 Unsplash，基于CC0协议。

该文观点仅代表作者本人，人人都是产品经理平台仅提供信息存储空间服务。