赞助商
立即赞助

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

产品经验3年前 (2021)发布 流光
2.1K 0 0

B类设计语言的常见误区

C端与B端在体验设计上有着本质上的差别,视觉设计师初入B端领域会苦于到设计发点,发现「视觉设计值序低」、「改版成本阻大」、「缺乏有深的体验视角」等问题。

本人从转型B端初,也由于完全复制了C端的设验,因此义设语言时踩了许多坑。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

误区1:忽视B类户群体的职需求

C端产注的是「个体的生特征」。如在客工作台的改版之初,我们很容易只注到户的年龄和性别特征,认为客小二大多是「95后人群,女性为」,从而片面地认定户偏好「年轻和女性」的设计格。

但却忽视了用户使用B端产品的根本动机,也就他们的职业需求,「电脑作业8小时,日接50通会话」客服群体的职业画,这职业身份作状态下,他们对视觉风格的需求什么?

思考:B类品设计应该专注于用户特征「群体职业身份」,了解该职业群体背后工作感受,为习惯,以及任务类型。

误区2:味求新,盲目追求设计趋势风格

C端品多以娱乐和社交内容为主,需要以品视觉异性争夺用户注意力,追随设计趋势是c端改版要依据。

然而B类产品首要任是清晰地传达息,多以表/列表等组件内容为主,有重的业逻辑和行业属性。比如在首次视觉改版中,冒进地尝了当流行的Google All-white风格,但由于无边框的风格乱了息展示的层次,因为表的调性,无法发挥All-white在图片和内容展示上的优势,最后以失败告终。

思考:C类出奇,B类守正。B类产品不宜一味求新,需坚持以工目标为导向的设计逻辑。从价值排序上:能用>效率>易用>看

误区3:设计系未完善时,频繁地大幅度改版

C端产品量相对小,视改版以快速上。而B端产品的开,涉及个开团协,以及三方的接。对底设计系薄弱的产品来说,哪怕改一个按钮颜,能牵动10+工程师的协同。所以在前期随心所欲的概念稿,就导致期落地困难重重。

思考:B端产需要先善 Design System 的建设,体系的解决基础体验问题。而设计语言就是中对视觉规则的系统定义的一个重要环节。

综所属,对B端产品,设改版应当以Design system的体系化方式行推动,我们需从用户的「群体职业身份」出发,围绕所处行业的真实需求展,能义出一套行业特色的设计语言。

接下将详细介绍如何通过「挖掘行业特色」、「提炼体验亮点」、「度感性智」3骤,义一套行业视角的设语言体系。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

STEP 01:挖掘行业特色

一套成熟的设计语言仅仅是上的东⻄,而是「解决行问题」为导向的。我们需要明确几个核心问题:

  • 我们的行业独一无二的特点是什么?
  • 行中的痛点有哪些?它们背后的户需求是么?
  • 哪些用户需求未被满足,分拆到设语言又哪些合的解决方案?

面就客工作台设计语言2.0的升级,介绍如何挖掘客行的特征。

1. 洞察客行现状——「人」为本

项目伊始有必要进行一轮全面的桌面研究,帮助你快速建立对行的全认知。研究的渠道有竞、行协会官及行会议。这些行报告浓缩了行的现状、户分布和未来发展方向。

比如,从客服行业报告中,我们认识到客服行业人力密集型的行业,「人」客服行业重的商业资产产力。

,服务在商业竞争越来越要,海底捞、莜村等品依靠高品质服务收获了顾客高口碑。而客服员工作为服务提供者,他们工作感受和意愿将接影响到服务质量。所以「如何使工作台更具备情味儿」是客服业大特色需求。

另一方面,传统服从业者对工作的不度高达51%,主要归因于工作度大,工资低和晋升路线不晰。这也直导致了人员流失率显著高于其行业,如何「招的好,留的住,长得快」成了服管理者的大难题。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

2. 立客服职业画像——「三高」群

有了全局认知远远不够,需针前业痛进深挖,进步定位到更具体用户问题: 他们如何使用品,现场工作环境,以及他们品痛和期望…

由于B端设计师不是品用户,法沉浸在与用户相真实场景,立共情。所以设计师必须亲历现场,获手用户洞察,以下是常用几用户沟法:

  • 「实走访」:观察自然状态下用户如何完作任务,并提问题:「怎么?」或者「什么这么?」
  • 「立子用户群」:聚活跃子用户群,收意见领袖议,并在群里验证设计想法。
  • 「亲身体验」:成为真正的服二,听户话,记录在工作景下的真实体验和受。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

通过多轮线线下的调研,我们一到造客服小二作不满意高流失率的具体原因,并且筛选了其中与「设语言」素相关度较高的洞察点,建立了基于职业特征的用户画:「高强度」、「高疲劳」、「高负压」。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

3. 行特色的设计键词推导:「效专注」「防视疲劳」「快乐解压」

经过前面的层层剥茧,已经定位到了与设计语言相的「行痛点」和「户职画像」,就是明确地定义设计语言要「解决的问题」。后期设计语言的建设就是对问题的「解法和手」。

根据「三高」的用户职业画,我们推导出对应的设语言关键词:高效专注,防视疲劳,乐解压,这也将后续「体验亮点挖掘」「感性智度」的指导方向设原则。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

STEP 02:提炼体验亮点

有了第一步中的值洞察,设计语言就具备了厚实的行特色的土壤,为后面的设计决策供合的依据。一步我们就可围绕「效专注、防视疲劳、快乐解压」进入了设计发散环节。

几实际操作中的建议:

体验视角:设计语言虽是感模式,但并非随而为,应该从验视角出,让每个设计定义能有理有据。比,从「视疲劳度」和「情绪愉悦度」定义客服设计语言的颜系,比单纯的「美观度」更有具有用户价值和逻辑。

场驱动:设计要关联到具体某个用户场景,比如,「信息检索」和「内容阅读」两个场景下,号和密度需求截然不,前者要求「紧凑和效率」,后者要求「易读和简洁」。这需要设计语言根据使用场景其进细分。

更广泛触:除了规的视觉设计元素:形/色/字/构/质/。还入案、声音、手引导、怀模式等深层次的设计触点。

下图本次设语言2.0中提炼的3方向,9体验亮点。由于篇幅限,本文将选取其中三亮点阐述。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

1. 治愈系的彩系统

彩与情感映射有着紧密的关联。而客服工台的彩需具备以下特点:

  • 「舒适度高」:不能刺眼,足服用户长间注视工作的疲劳缓解;
  • 「情绪平稳」:炫目的颜引负面的紧和焦虑,不常的服务表现。

在定义计语言的色彩系统,借鉴了色彩研究中对「视觉疲劳」和「情绪稳定」的色彩推值,并在计语言中定义了「治愈系」的色彩系统。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

2. 「微」的视觉符

视觉符能利用人的原记忆,使其与人体脑行速链接。了体设语言中体「微的智」,我们产品Logo,图标,以及插画的设元素中都植入了「弧线」的符表达。给用户『面绪』的暗示与模仿。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

3. 基于场景的特色模式

特色模式是对群体或功的值聚合,更聚焦于某个值点的打。是对客产中特色模式的概念探索:

  • 护眼模式:客服用户是高度的视疲劳工者,护眼模式能满用户的健需求。
  • 对模式:还有一定例的户仍然采低端显示器,由于无法很好地显示低对的颜色,影响到这分户的阅读体验。对模式是对该低端设备户群体的怀。
  • 优信息密度:不同使用场景的页面提供「舒」「紧凑」两种密度模式。同时满足「阅读型」「效率型」的页面场景需求。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

STEP 03:度量用户心智

最后一个环节就是检验改版的效果,这决定了本次计语言是否成功,并适被全面推广落地。所以本文借用《用户体验度量》中的度量方法,对改版效果进行度量。

1. 确定调研目标

希望通过调研得以下结论:

  • 设计语言改版是否成设计目标,新版体优于版?
  • 验证新版本的产品心智是否有变化,并且符预方向?
2. 选择度量方法

《用户体验度》中提供了10种可用性研究场景用的度方法,检索到与本次的调研目标接近的两目标「NO.2比较产品」「NO.8 创造整体面的用户体验」。

能时满足两个目标是「自我报告度量」,即用户问卷, 自我报告问卷是收用户主观数据和偏好数据常规手段。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

我们选取了新手用户和经验用户各50名,进了在线问卷调研。在测试前先请用户查看新两个版本界图。然后回答下问卷内容:

第部分:likert7量表

针新版本,从体效、防疲劳、愉悦度、晰度四个维度其分进评价;

第部分:选择心智关键词

从15个心智关键词选取4个最能代表新版本使用感受关键词,并比两个版本异。

第三部分:开放性问题

收用户主观反馈

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

3. 数据结果分析及评估结果

终结果表明,整体视觉满意度疲劳度、愉悦度、清晰度三分项,数据都了明显的提升。

品用户心智也从版本「务实、现代、可靠」转变为「活泼、现代、快乐」,符合设计策略心智预设。

由此证本次计语言的改版成功,可以进一步推进落地(*^▽^*)。

写在最后

视觉计有生的性洞察力,除了为产品的「颜值」负责,更应当深⼊行业的性、业的本质,在计语言定义的路径中持续地渗透用户价值的理念。定义一套有理、有据、有温度的行业计语言。

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

欢迎关注「AlibabaDesign」微信公众号:

阿里设计师出品!简单三步帮你快速挖掘B端的行业特色

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

过去一年 COVID-19 肆虐全球,封锁与隔离使我们与数字世界的互动方式发生了巨变,这使得我们在数字世界的时间变得更长了,我...
2021设计趋势
回顾之前的一些 B 端的项目,主要通过“组件库搭建”和“日常项目”来举例,分享关于 B 端设计师在日常工作中可抓的价值点。 篇首...
B端
今年的新冠疫情突发,让企业级协作产品的赛道热闹了起来。前有钉钉,企业微信,后有飞书带刀入场,其他厂商看了眼红,赶紧行...
B端产品
说明: 本文主要面向 B 类业务、简体中文语境,提供实操性指南; 行业内约定俗成的常用语建议沿用,可以不依照这里的建...
B端
大家好,这里是 TCC 翻译情报局,我是李泽慧。数据表单是一种常见的平台设计样式,在看似乏味呆板的设计中,沉淀着许多优质的...
B端设计
前文已经提到:对于特别复杂的B端表单,「简化」只是提升其易用性的方法之一。遇到数据量大,层级深,数据之间有交叉或嵌套关...
B端产品
在接触设计之初就曾阅读过一本关于整理的书籍,佐藤可士和的“超级整理术”,书中的内容对我深受启发,在往后的工作中我也一直...
B端设计
知道有相当大比例的同学一直在等和B端相关的干货和教程,我们会在这个月底开始更新。 不过在正式进入更新前,先放出一些筛选...
B端产品