对于 B 端产品,界面设计的价值到底在哪里?
B 端的 B 是 Bussiness 的简称,顾名思义,B 端产品是指面向企业侧进行售卖的产品,它往往是为了帮助一整个具有职业特点的用户群体,完成特定工作任务的产品,产品最大的卖点是降本增效。另外,并不是只有 Web 平台才是 B 端产品的展示舞台,它也可能和 C 端产品一样,可能会在不同的硬件终端出现。
相对于 C 端来说,B 端产品有 2 个和界面设计有关的主要特点:
第一点:交互逻辑较复杂,对应多个用户角色。
和 C 端面对普通大众,一般用户而言,B 端产品要设计得好,需要了解产品对应行业的基本业务知识,这造成了它在交互设计上面本身就会比 C 端产品多一个门槛。
另外,B 端产品由于对应多个角色,很可能会涉及到不同终端的交互,和 C 端的多终端不一样,B 端产品的每个终端产品的主要作用都不太一样,比如 Web 端完成任务的配置,移动端完成任务的执行。而 C 端即使存在多个终端,但起到的作用都是一样的。比如微信有手机应用也有 PC 应用,但它们对我们的作用都是一样的。
B 端的交互逻辑一般来说相对于 C 端来说更加复杂,而且可能涉及到多终端交互。它的多终端交互和 C 端的多个终端不一样,B 端的多终端,可能每个终端的主要作用都不太一样,比如 PC 端完成任务配置,客户端完成任务执行。
第二点:界面数量较多,一般以组件化搭建。
B 端尤其是占比最大的 WEB 平台类产品通常都有非常多数量的界面,研发大多会基于一些开源框架来快速完成产品开发,对应的,也有很多成熟的设计组件可以供设计师使用。虽然这些组件资源大大的降低了设计师的工作时间,但其实它降低的只是设计师的实施时间,而考验的,则是设计师更底层的组件化思维能力。
比如是否能将数量庞大的界面归纳为为数不多的组件,以此来对应各种类型的功能,你也需要对于每个组件的适用情况有所了解,因为现有的组件资源已经提供了非常多的可能性,你需要快速平衡功能的目标、用户的体验和研发的成本等,概括起来,B 端的复杂来源于用户心智、机器认知和整合心智三种设计维度的整合。
当这些维度整合起来,就会在表象上呈现出界面设计并不重要的假象,但只是难度被转移到了更深的层次,体验的价值全部由其他职业的角色所承担了而已。
也就是说,如果 B 端的界面设计师无法掌控底层的设计思维,那么就很容易边缘化,也难以体现出自己的价值。
针对这两个设计特点,B 端产品,在谈论界面的设计价值时,可以从这三个点聊起:
第一:界面的交互逻辑和结构,与业务和角色的清晰对应。
B 端产品界面流程应该能体现出该角色的工作流程,也就是说,可以借界面讲故事,使用用户角色的工作故事来描述和展示你的界面交互。设计的第一个价值就体现在故事的条理之中,有条,是有秩序可循,从动态和静态两个角度而来;有理,是可以被理解,从用户心智和机器的礼仪两个层次而来。
第二:界面呈现的组件化思维。
如果说第一条价值体现在交互设计上,那么第二条就更多体现在 UI 设计的价值上了。设计师需要将市面上公开的、通用的组件按照业务进行实例化。举个例子,模态弹窗在当前 B 端产品里有几个大小、几个组合形式就可以满足业务需求及交互定义,基本的使用规则是什么?
这考验的是 UI 设计师的结构化思维、系统思维和设计技能的综合运用。
第三:抓住用户角色中的”老板“角色。
B 端设计难以体现出设计价值的真正问题可能是 B 端设计中能够展现出设计技巧,可以形成视觉印象点的创意性设计比较少,但是,这并不是一定的。
大多数情况下,B 端设计都会面对多个用户角色,而这些用户角色在公司里是有层级之分的,也就是说,B 端产品的用户群体里,有企业身份带来的职位高低。
体验上只要没有太过分的问题,普通操作员的吐槽并不能左右合同的签订和对 B 端产品的购买。但是,老板型的角色使用的界面,就不一样了。比如对于他们要”看数据“的界面,就必须高大上起来,也是适合设计师炫技的地方(别炫飘了就行)。
总的来说,设计价值难以体现并不是 B 端产品本身的问题,而是要在 B 端产品中体现出设计的价值,就需要要求设计师具有更高维度的思维能力和综合能力,不然,就很容易沦为无足轻重的美工。
总结一下:
- B 端产品服务用户群体,完成特定工作任务,它并不是只指 Web 平台类的产品。
- B 端产品和界面设计有关的 2 个设计特点:①逻辑复杂,用户角色多;② 界面数量多,需要组件化搭建
- B 端产品设计价值从三方面体现:①交互逻辑与结构和业务与角色的清晰对应;②界面呈现的组件化思维;③抓住用户角色中的”老板“角色,炫出技来。
![61293b2361e531096c83db4f4454d63f.jpeg](https://i-blog.csdnimg.cn/blog_migrate/2a25685ae1ec6f4f76d771451b7a3b8e.jpeg)
![3c32964a94ae125a6695a84717b73724.jpeg](https://i-blog.csdnimg.cn/blog_migrate/e896790fd6faa644f68b95a02c035f8f.jpeg)
![bbb38cf5fa13ac9b0d7962396cdecc60.jpeg](https://i-blog.csdnimg.cn/blog_migrate/bed45b411c41ef2ba4b7ea4e7e9f29e9.jpeg)
![c9ff6a681a38be2a5b8fb5bdef894999.jpeg](https://i-blog.csdnimg.cn/blog_migrate/a1232874b81865f26d88ef4368d685ea.jpeg)
![26b87a0e5d5fc453010729107b72b14d.jpeg](https://i-blog.csdnimg.cn/blog_migrate/505675c3f2c70b109ed470b051ebf5a7.jpeg)
![abf572410b4aad84b4eae5e03231fb8e.jpeg](https://i-blog.csdnimg.cn/blog_migrate/4595b07895a87566a1326e3515230d9e.jpeg)
![8b40b30c63afd6ce529eadc1ddbebba4.jpeg](https://i-blog.csdnimg.cn/blog_migrate/0482578d513930c651a64c82e12376be.jpeg)
![88e80da90689d7890e9134581cf53f0a.jpeg](https://i-blog.csdnimg.cn/blog_migrate/bf0727940e5be90887da5138bb29914d.jpeg)
![ff14159b66326adb9b7817231b166ea1.jpeg](https://i-blog.csdnimg.cn/blog_migrate/57e08d0597303137e599314660c36ce3.jpeg)