聊聊ToB软件产品的用户体验设计
如何区别ToC和ToB产品？
如何进行ToC和ToB产品的体验设计？
如何提高产品设计效率？
| 一、什么是ToC和ToB产品
随着DT时代的到来，越来越多的产品聚焦在了ToB领域，比如各种公有云、私有云、运维产品、工具IT产品等。在聊ToB产品的用户体验设计之前需要先理清两个概念，什么是ToC和ToB产品。互联网软件产品虽然多种多样，但是众多的互联网产品用户群体无外乎分为两类，一类是大众消费者用户，一类是企业或政府等机构内部用户。根据这两类用户我们可以把互联网产品划分为两类。一类是ToC端产品：面向大众消费者用户，解决生活问题的一类产品。另一类是ToB端产品：面向的是企业或者政府用户，解决工作问题的一类产品。
之前更多的是接触ToC产品的体验设计，近2年开始接触ToB产品，发现两者在进行产品设计时的思维方式差异比较大，如果抱着ToC的设计思维方式应用到ToB产品可能会出现用户不买账、吐槽的情况。
| 二、ToC和ToB产品在体验设计中的差异是什么
ToC面向的是生活场景，通过给用户提供好的内容和体验，帮助用户度过休闲娱乐的时间。一般来说有如下特点：（1）这类产品由于受众广泛，用户或多或少都会接触，所以场景相对而言大家都能说上一二，相对简单；（2）由于用户群分布广泛，所以用户画像细分相对复杂；（3）产品通常对视觉要求较高，界面风格一般轻松、活泼，注重大量的留白、追求简洁、干净的视觉效果；（4）产品的内容和体验做的越好，用户越愿意为它花费时间，对产品越容易产生使用依赖，甚至渗透到生活的方方面面，所以C端产品打造的是一种沉浸式的产品使用体验，设计目的是希望用户使用时间越长越好。
ToB面向的是工作场景，是任务驱动型的，主要体现在一些工具软件方面。效率才是产品的使用目标。一般来说该类产品有如下特点：（1）该类产品用户相对固定、单一，对业务知识技能要求较高，会有一定的知识技能门槛，比如当前从事的网络规划设计工具就是典型案例，如果不懂网络拓扑、机柜、电层等业务基本知识很难与用户搭上话；（2）该类产品场景复杂、业务知识要求较高，UX从业者刚进入时难以入手，随着对业务知识的逐步熟悉了解对应的体验认知也会越来越深入；（3）相对视觉，产品通常对交互要求更高，界面风格偏科技风，相对严肃、压抑，对于一些涉及强操作类的产品更是对信息量的呈现要求极高。（4）B端产品的价值在于尽量短的时间内抓住用户痛点。如果用户需要在你产品上花费很多时间，那说明你的产品太难用了。如果产品能够提高一点效率就能帮助用户节省不少工作时间。节省下的时间完全可以被用来填补给那些更需要创造力和更有价值的任务，或者可以分配更多时间给家人和朋友。
| 二、设计ToB产品需要注意什么
根据近两年ToB产品的体验设计经验，尤其是针对强操作类的工具软件（通过一系列复杂操作完成对应的任务目标），为了避免大家少走弯路在实际设计时需要考虑以下几点：
（1）富媒体式的资料引导系统
页面引导系统有很多种，传统的方式是用户第一次进入系统时以弹框的方式告知用户的操作步骤，但是这种方式存在以下三个问题：
1、页面与资料引导缺乏场景级对应，用户刚进入系统时看到一堆的操作指导不明所以就关闭掉，但真正到场景中不知道怎么操作时却没法再次点开查看；
2、于是有系统把弹窗嵌入在每个页面中，又造成另一个问题就是频繁的弹窗对用户是种干扰，并不是所有用都需要查看这些资料。
3、纯文本加图片的信息比较枯燥，用户接受度较低。
当前比较流行富媒体式的资料引导系统，比如阿里云的方式，在页面右侧贴附成小图标，点击后展开；展开后内容与当前场景关联，以卡通视频的方式告知用户如何操作。
2）工具类软件的容错性增强
这里需要注意两个地方：1、工具软件中的参数设置、属性面板、操作等，需尽量智能化相互关联，从而避免用户在填写一大堆参数最后提交时告知出错；2、用户一旦出错可以快速的通过一些快捷键如ctrl+z或者其他方式能够撤销或者回到之前正确的操作步骤来。比如photoshop网页版在操作中能够快速的撤销、回退，就是和单机版一样方式回退。
（3）工具类软件的操作效率
强操作类的工具软件对操作效率要求极高，尽可能需要一些快速提升操作效率的交互方式，以便更少时间更少精力完成当前任务操作。这些操作在ToC产品中极少遇到。这样的交互方式一般会有以下这些：
- 快捷键
通过一些快捷键比如ctrl+Z快速撤销操作，ctrl+S快速保存文件文档等，ctrl+F快速调出搜索等，避免用户通过工具栏层层下拉才能找到想要的操作，这种方式通常能极大提升重度用户的操作效率。再比如网络规划设计工具中对业务的选择，通常会连续选择几十条业务，如果只是按照常规方式在表格前面增加复选框，让用户一条一条勾选会消耗用户大量的时间精力，比较好的方式就是先选择第一条数据，按shift键，再选择最后一条数据，如此中间的所有数据都被选中从而再进行一系列其他操作。
- 批量操作
比如表格中信息行的批量删除或者新增，网络拓扑站点的批量框选，再统一对选中的多个站点或者表格数据做统一操作，可以极大提升操作效率，否则重复的编辑体力劳动引起用户吐槽。
- 左/右键菜单
在ToC的互联网产品中很少看到有左/右键菜单的使用，但是ToB的产品中，尤其是强操作类的产品中如果没有左/右键菜单，界面的工具栏会变的非常臃肿、层级很深，使用起来异常繁琐。比如要想快速对齐一下界面中的某些站点元素，框选后要去工具栏->显示中下拉再点击对齐操纵，如果有左/右键菜单，可以直接框选后左/右键菜单对齐就非常方便了。如下图的三维家就是一个web工具左键菜单操作的例子
（4）工具类软件信息显示
按照信息先整体后局部的呈现原则，在工具类软件信息展示中先展示主要信息，其他辅助信息可以通过二级甚至三级点击层层展开的方式，避免软件一次呈现给用户的信息量过大，对用户关注的主要信息造成干扰。
比如工具类软件中有些参数术语用户不容易理解，这时就需要用到信息提示，辅助用户选择对应参数选项，这时可以通过鼠标移动到小图标上以tips方式很好的解决这个问题。
再比如工具类软件中有通用参数设置，也会有一些不常用的高级参数设置，遇到这种情况通常把不常用的“高级参数”设置暂时隐藏起来，当用户勾选“高级参数”后再予以展示，用户再在里面进行表单操作。
| 四、总结
# ToC端产品：
面向大众消费者用户，解决生活问题的一类产品。且ToC面向的是生活场景，通过给用户提供好的内容和体验，帮助用户度过休闲娱乐的时间。
# ToB端产品：
面向的是企业或者政府用户，解决工作问题的一类产品。且ToB面向的是工作场景，是任务驱动型的，主要体现在一些工具软件方面。效率才是产品的使用目标。
# ToC端产品和ToB端产品的区别：
面向群体不同
痛点不同
使用场景不同
产品效果目标不同
# ToB产品的体验设计需要注意：
页面引导系统与用户使用场景的关联性
产品对用户使用的容错性以及快速退回修改功能
使用产品时的快捷设置可增加用户使用效率
主要工具信息展示避免层级过多造成使用干扰
希望以上能够对刚从ToC转到ToB或者刚刚从事ToB产品设计的交互设计师会有些帮助。
