B端产品如何设计

用户头像
深圳/设计爱好者/5年前/728浏览
B端产品如何设计

全面解析B端与C端区别,以及应如何着手B端设计


最近面试大量的UI设计师,好多面试者表示B端产品很枯燥、无趣、不需要太多视觉设计,UI就是一个画图仔、没地位、页面太简单没视觉表现空间,没意思等等。引发了当初自己做B端的思考,B端与C端产品的区别,B端产品你会从哪几个方面着手?这里总结了一下,也给自己一个思考的沉淀。





首先什么是B端产品?


简单点说B端产品是面对企业平台的一种产品,目的是为了提高效率。

产品的本质或者说存在的价值是能够解决“目标用户”的“问题”。内容为王,产品调性强调简洁,功能为主的设计原则。比如:京东云、阿里云、腾讯云、ERP系统等等。





下面罗列了一些B端与C端的区别?


1-用户群体

B:企业客户(付费者),一般是多角色群体、多维度,一般是三个维度,决策者(老板)、管理者(财务、业务部门负责人)和执行者(使用的用户)


C:群体相对单一,一般是单一维度


2-业务形态

B:业务场景复杂:角色多对应的业务场景多,流程差异大:不同的行业不同的客户,需要不同的专业解决方案

C:业务场景、逻辑简单、流程相对标准化:用户群体比较固定,场景相对简单,产品要求简单,流程要求相对统一标准化


3-产品的关键

B:让客户赢

C:让用户爽


4-盈利方式

B:收费,为功能付费、维护费用

C:以免费为主,内容付费、广告费用、平台抽成、增值服务(VIP、权限、卡券等)


5-最终用户

B:用户群体较明确,通常可以按岗位、角色划分。

C:用户多样化、跨度大


6-需求

B:面向客户的痛点,需求明确

C:面向用户的痛点—需求不明确,需要探索挖掘需求,在不断试错中接近正确方向


7-开发周期

B:长(往往以月、年为单位)

C:短(往往以周为单位,很多互联网产品1—2周更新一个版本)


8-产品侧重点

B:注重功能、效率、安全性、稳定性、可靠性,交互一致性

C:极致用户体验,基于核心功能深挖用户诉求,追求情感化、品牌创新


9-使用场景

B:固定时间,办公室、会议室、工位等

C:各种生活场景下,自由度比较高,碎片化时间


10-产品形式

B:表格、表单、菜单、流程、权限·····

C:多样化


11-产品规模

B:大而全

C:小而美


12-行业领域

B:按行业区分,如ERP、云计算

C:按应用类型区分,如工具、娱乐、电商


13-市场

B:半开放

C:开放竞争


14-壁垒

B:由于其服务的特殊性,容易建立壁垒,客户切换成本很高

C:相对建立壁垒不容易,转换相对容易,用户切换成本相对低


15-口碑传播与渠道

B:行业内传播,比较有局限性,与客户关系、渠道息息相关,难以规模化、批量复制

C:社交圈,可以快速传播、扩散


16-产品设计

B:更注重业务的梳理,例如实体关系模型图,抽象理解线下业务、流程,把业务实体模型转换成物理模型

C:相对B端没有这么复杂的业务设计,但也不是不需要




那B端常存在的展示方式?需要注意什么?


B端产品主要在pc端,就会涉及到屏幕大小,自适应/响应式设计的调整,这里就牵扯到内容展示的多少,屏幕适配问题。


那在实际的设计中,踩过什么坑?

以前做C端产品的时候,可以找大量的竞品来分析,对功能、配色、排版、风格等进行梳理,找到各自的亮点。但是在做B端产品的时候,竞品很少,往往需要自己对业务理解,对原型进行梳理,需要很强的逻辑。


B端有一个很大的难点,对字段的考虑,界面对字段过多、过少的适配舒适度,有些时候我们设计的很理想、很完美,但是等到上线的时候,发现和自己的设计稿根本不一样,信息展示不全面等等各种问题。


角色权限,B端就会涉及到权限问题,根据设计需求的不同,自然在页面体现上也会不一样。


用户习惯,在界面设计上多强调简洁,符合用户习惯,导航的设计让功能全部展现出来,方便用户一眼看出产品的主要功能,用户在使用产品时,主动性、目的性更强。比如我今天要报销,直接找到报销入口,发起审批流程。




B端设计中的“套路”


设计规范


B端设计离不开组件,有组件规范后,会节省大量重复时间,这里推荐一些比较常见的设计规范,有需要的可以自取



1-UXPIN收集各大国外网站的设计规范,比如Dropbox, Pinterest, Mozilla, Trello, Envato等 https://adele.uxpin.com/

2-蚂蚁金服:https://ant.design/docs/react/introduce-cn

3-金融云:http://antd-cloud.alipay.net/#/layout?_k=bm8gld

4-蚂蚁Motion: https://motion.ant.design/

5-蚂蚁图表规范:https://antv.alipay.com/zh-cn/g2/3.x/demo/index.html


确定了自己使用的规范,接下来就是根据自己的使用场景选择适合的控件,比如在设计过程中该选择toast还是弹窗,根据场景、提示信息的重要性来划分,如果是需要操作的,或者需要引起用户高度重视的,当然是用弹窗。如果只是一个反馈提示,比如保存成功,提交成功等这些都可以用toast来提示,这样就不会中断用户的操作,还可以给用户反馈。



考虑场景来决定使用什么样的组件,是给人用的,要符合用户习惯的,对用户来说是友好的。



兼顾业务和体验之间的平衡


在B端的设计中,往往“内容为王”,要维持功能为主的设计原则,视觉服务功能的产品素养,避免使用过于浮夸的设计来干扰用户,B端就是为工作而生,需要使用者沉浸进去,需要利用这些功能来完成枯燥的工作。一般都会把精力放在提升产品性能和流程体验上。他们需要的就是高效、极速。


合理的业务流程


C端要揣测引导用户、要留存,而B端则不需要去考虑这些,它是一款工作软件,使用者是有目的的,他知道要做什么,需要什么。他们使用的时间就是工作时候。设计需要对该行业和产品有一定的理解力,在理解产品原型的时候,需要针对不同的使用场景、分析客户的具体需求,最后产出合理的流程方案,如果不理解客户的需求以及工作业务,就不能产出他们满意的方案。所以做B端产品需要了解目标客户的工作流程、业务知识。


体验一致性


无论做什么产品,都要保证体验的一致性,这是最基本的。

一致性在用户体验中的重要价值是让系统变得简单,易于学习:一致的元素、信息、行为、反馈会帮助用户快速建立对产品的心智模型;一致的界面可以帮助用户快速学习的模型。一致性会提升效率,相同的流程和交互方式,可以降低用户的学习成本,提升用户的安全感,工作效率自然就提高。

B端界面的复用面积很广,所以更要注重一致性。


页面走查


静态的交互稿与最终实现出来的产品还是会有体验上的区别,在走查的时候,设计师去体验真实的产品去发现是否有遗漏的交互情况或者优化的空间。

以上只是我个人的看法,B端需要有很强的逻辑性,做过B端设计以后,你就会发现C端逻辑很简单。当然个人有个人选择。希望我们能共同进步。



第一次写这么长篇的文章,希望大家喜欢。我们下期见,点赞收藏,立马升职加薪哦~~


6
举报
|
17
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
倒计时,海报,平面
城市园林平面布局航拍
平面风格黄绿色系花朵装饰
空的平台平面和自然景观
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
海底世界插画
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
城市园林平面布局航拍
平面设计 吊牌设计
平面男孩喝咖啡插画设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
水蜜桃和李子的平面水果图案
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
中国传统纹样创新图案设计
平面人物插画
金色颗粒质地的平面
平面花卉图案扁平简约无缝拼接插画
空的平台平面和自然景观
金色颗粒质地的平面
城阙凡花
古风平面仕女与瓷器
你可能喜欢
相关收藏夹
大家都在看
登录注册