在现代办公环境中，提高工作效率是每个人追求的目标，也是企业对每个员工的期望。为达到这个目标，使用办公提效产品已经成为了一种共识。

58云效作为一款企业内部的效能研发平台，旨在为员工提供专业的项目流程管理，为企业赋能，帮助员工提效。

那么面对这样一款B端的产品，我们是如何通过设计来提升产品体验，助力员工提效的，请往下看。

鉴于B端产品功能复杂度较高，学习成本较高的特性。对页面进行层级的精简和整合，提高屏效，就可以在一定程度上简化产品功能的复杂度和理解成本，进而达到使用提效的结果。

精简层级

让我们先来看一下列表页

可见，旧版的分割区域非常多，导致页面层级较乱，并不利于用户理解和操作。

新版我们将页面区域做了大幅度的整合和精简，形成非常明确的两个区域（导航区和操作区），便于用户聚焦，从而提升使用效率。

提高屏效

接下来我们来看一下详情页

可见，旧版详情页由于是全屏展示，致使一些区域的空间利用率较低，同时结构不够紧凑，相同或相似的维度内容没有做整合。

新版我们首先优化创建的层级关系

将原有的全屏模式调整为抽屉模式，使用户可以快速的浏览，并进行实时的切换。当用户需要沉浸的操作和填写时，也可以选择切换到全屏模式。

对于B端产品的设计，最常听到的词语是克制，这仿佛成了设计师的“紧箍咒”。即便如此，我们仍然可以根据用户的专注度来区分页面，进行相应设计，在“枷锁”上“舞蹈”。

分发页面

在分发页面中，用户不需要非常专注于某一个具体的模块，或者内容。而是需要通过这样的页面去快速的寻找到他想要的内容，达到产品分发的功能。例如云效的工作台，和概览等页面。

对于这样的页面，我们采用了结构模块化的设计（运用卡片），更多的运用可视化的设计，用色上也较为大胆丰富。以达到分发的效果。

操作页面

在操作页面中，用户的专注度是非常高的。同时这也是用户使用频率和使用时长最高的页面，因此沉浸感的营造就尤为重要。例如云效的详情页等页面。

对于这样的页面，我们在设计上就要相对克制，减少干扰。同时在结构层级上下功夫，尽量做到清晰简化，并且要突出关键操作节点。

配置页面

在配置页面中，用户的专注度仍然较高，但使用频率和使用时长不高，这就需要降低用户的理解和使用成本。例如云效的需求设置等页面。

对于这样的页面，我们同样在设计上相对克制，重点突出关键操作点，可以多使用图表来承载内容。

在实际的工作场景中，我们的用户是需要从多个维度去感知和管理工作事项的。

例如工作事项里的层级关系，时间进度的把控，工作状态的把控和流转等。面对这些，单一维度的列表呈现方式就完全不能胜任了。我们需要多维度的设计展示。

树形图

针对层级关系的问题，我们设计了树形图的视图形式。用来明确工作事项的层级关系。

甘特图

针对时间进度展示的问题，我们设计了甘特图的视图形式。方便用户在时间进度的维度来管理和决策。

看板

针对流转状态的问题，我们设计了看板的视图形式。方便用户管理决策，并且通过简单的拖拽变更状态，进一步助力用户提效。

在文章中，我们探讨了如何设计一款适用于B端用户的提效产品。提出了三点设计原则和技巧来助力产品。通过遵循这些原则和技巧，希望可以帮助大家打造出一个能够帮助用户提高效率，降低成本的高效产品。

扫码进群

转载时请连同下方内容一起转发

请与该公众号联系获取内容授权

长按二维码   轻松关注

微信公众号：i58UXD

58同城用户体验设计中心