指导语：本文针对B端产物的工作台停止拆解，帮助新手B端设想师领会工作台的设想方式以及体验升级的设想盘算，包括若何利用竞品分析和怀抱方式，最初附赠案例拆解，助力交融贯通。 一、领会B端工作台工作台是B端产物的一大必备功用，高度聚合的感化让它经常作为“门面”身份出现（用户登录后第一个看到的页面），但很惋惜它并不是营业焦点页面，经常是设想一次后就置之不理。虽然有的工作台可以帮助用户进步工作效力，可是也有存在很“鸡肋”的情况，利用性逐步无关紧急。那末若何设想好B端产物的工作台呢？ 下面我们从工作台的常见范例和功用帮助大师拆解工作台的体验设想机遇点。 1. 界说与特点工作台是一个能帮助用户快速把握工作停顿、进入工作状态的导航页面。 B端工作台具有细分功用导航的感化，帮助用户削减寻觅功用的时候。当B端产物具有多个利用脚色时，会按照营业属性停止工作台分别，以此来满足分歧脚色的利用诉求。 2. 常见功用想要告竣快速掌控工作停顿、开启处置工作事项，工作台一般具有以下五项常见功用： （1）统计营业数据 用户按照营业数据检察工作进度。分歧的用户身份在利用方针上有所分歧，比如治理者脚色，会按照营业数据调剂计谋决议、放置部属的工作内容；履行者会按照自己的完成进度来放置近期的工作内容，识别工作优先级。
（2）聚合高频常勤奋用 常勤奋用又称快速功用，是指利用者工作中最常用的几个功用选项。比如汇易联是一个票据报销平台，我们可以在工作台上快速的找到“提票据”这项功用。
（3）检察待处事项 待处事项跟营业数据都有检察工作进度的感化，两者的分歧点在于营业数据是以营业目标为基准明白工作进度，待处事项是以数目这个维度来分析和检察。比如保险营业员的季度保险额，这个金额数值是营业目标；考核员需要考核保单的数目是待处事项。
（4）了了细分营业 B端产物的营业属性会在工作台有所表现。比如：汇易联，它的产物定位在于帮助企业全流程管控各类用度支出，属于票据治理范畴中用度治理这项细分营业，对应的常见功用有：我的账本和快速提单，它们出现在工作台上，除了帮助用户快速展开工作，削减细钻外，还可以帮助用户识别产物的营业属性。 识别营业性的隐性优点：增强产物记忆点，当用户记着这个产物的焦点营业功用。对于B端产物来说，在细分范畴占据一席之地，现实就是把握了精准客户。
（5）高效获得营业信息 为了方便利用者快速检察，有部份内容需要展现在工作台。比如：汇易联的票据静态功用，就是在帮助用户快速检察自己提交的票据最新静态，无需点开其他页面，在工作台就能快速读取。
3. 利用效能（1）进步治理者的工作效力（为治理者供给计谋决议的帮助） 工作台聚合治理者逐日、每月、每季度需要检察的营业目标，治理者在领会最新的营业完成情况后，对照公司营业目标可以调剂计谋决议。比如第一季度方针是完成付出金额10w+，前三周只完成2分之一，营业数据面板帮助治理者完成工作。 这里能够有同学会问了：那为什么不用数据看板去看呢？数据看板看起来更清楚。 我的回答是：工作台仅展现最新的焦点营业数据，点击“更多”可以跳转到数据看板页检察更多具体信息。 （2）削减合作者的相同时候 治理者下发的使命会间接展现在合作者工作台的待处事项，天天上班翻开工作台，第一时候领会明天的工作使命，方便合作者快速展开工作。 （3）增强部合作作协同效能 比如汇易联票据状态，可以看到流程今朝流转到具体哪位操纵人。OA平台中，用户当前审批状态外置在工作台，也是可以方便用户第一时候检察。
4. 常见的工作台范例因B端产物复杂且多样，以下仅对常见工作台范例举例分析： （1）工具类产物 特点：工具类的工作台由于功用周全，具有普适性。由于不但功用多而全，还可以按照分歧的利用诉求自界说工作台，由此提升用户的工作效力和满足用户的本性化利用习惯。 举例：常见的有飞书、语雀、钉钉的工作台。
（2）营业功用类 特点：强营业属性，通常是“量身定制”型的存在。 第一种情况：B端产物营业壁垒性高、细分范畴邃密化的特点，很难做到一个工作台适配多种利用脚色的利用诉求。这时就需要按照每个用户的利用习惯、常勤奋用、典型数据去设想分歧的工作台。举例：比如汇易联分为：销售部员工版本、销售部治理者版本、人事财政治理者版本三种工作台。天猫工作台也会分店长、老板、美工、客服能多种利用脚色的工作台版本。
第二种情况：平台内包括多类营业，营业之间没有必定联系，可以拆分营业功用卖给分歧的客户，这个时辰，就需要按照营业属性设想多个工作台。比如保险焦点营业中续保营业和理赔营业便可以拆分卖出，配套两个工作台，理赔中心工作台、续保中心工作台。 （3）营业数据类 特点：与营业功用分歧的地方在于营业数据作为重要组成部分占据工作台顶部卡片模块，而营业功用类的工作台并不是都含有营业数据的。营业数据类的工作台以检察营业数据为焦点功用。 比如：微盟、淘宝、天猫工作台，对用户最重要的部分就是营业数据，检察店肆的销售额、业绩目标等等。
因B端产物复杂且多样，以上举例仅作常用工作台的分析，并不确保可以涵盖一切工作台的范例，接待大师留言补充，帮助自己和他人拓展眼界。 4. 工作台根基组成工作台的根基组成与之前讲过的常勤奋用有区分也有反复，根基组成不代表全数都需要展现在工作台上，搭配组合皆是为了满足利用需要。
快速功用常勤奋用：快速展开工作或快速跳转至常用页面，无需在导航上一步步下钻，节省时候，进步效力。
消息告诉：一般包括系统消息、营业停顿、功用信息三类。系统信息包括功用迭代和产物更新；营业最新停顿包括最新营业数据更新；功用信息：包括营业流转进度和高低级提交考核和被考核的停顿。可按照重要水平挑选能否展现在工作台。 小我信息：当身份识别为焦点功用不时出现，比如利用分歧脚色的账号登陆天猫店肆工作台，对应的功用是分歧的，偶然同一个账户兼职两种身份，为了识别身份需要展现小我信息；可是在强营业属性工作台（理赔与续签）时无需出现，由于在账号登录时就已经识别了账号权限，展现具体营业的内容。所以还需具体情况具体分析。 新手指导帮助中心：当用户初次登录时，新手指导负责向用户先容营业模块及对应功用，用户可以【一键跳过】，但当用户需要的时辰，必须有一个【进口】方便快速找到。当用户重新手转化为常用用户时，新手指导也就切换成为了帮助中心。
5. 工作台功用模块自界说由于工作台的营业属性、利用脚色、利用诉求都有所分歧，组成模块可以按照需要停止展现和隐藏。今朝有很多成熟的产物已经支持工作台内容模块自界说，分享三个具有自界说工作台功用且可免得费试用的产物，方便大师参考： （1）Pingcode：拆合作作台功用模块的体验杰出，可供参考
（2）ClickUp：国际化版本工作台自界说模块可参考
（3）汇易联：设备可见模块，拖拽即可自界说结构
二、工作台体验升级的方针拆解B端工作台的设想难点，在于体验设想师对于产物营业的领会水平。不但要满足产物需求出UI图、出交互逻辑，还需要在产物贸易代价、客户代价、用户代价上做到平衡。 1. 贸易代价、客户代价、用户代价的区分产物贸易代价：产物功用满足市场需求，延续为企业带来好处，也就是赢利，而且要赚久长的钱。 B端产物的采办者是客户，也就是公司的老板，可是现实利用的用户是企业的员工。 客户代价：我们的产物可以帮助企业降本增效，也就是帮客户省钱，比如节省人力本钱、资本本钱等等，对客户来说就是有代价的。 用户代价：那末可以进步用户利用的体验，帮助他们在工作中用的流利，节省工作时候、提升工作效力，可以让他们早放工，这对用户来说就是有代价的。
假如没有做到实在的领会用户，是没法子提升对应的代价点的。 2. 获得客户代价、用户代价的渠道若何领会产物用户的代价需求呢？这里跟大师分享两个方式，一个是用户调研，一个是竞品分析。 用户调研有两种成果范例，定性分析和定量分析，搭配利用获得更多、更周全、更有用的用户数据。 竞品分析是去领会同类竞品的功用点、体验设想优异的部分，从更周全的角度分析用户到底需要的是什么，由于有的时辰用户是做不到正确表达自己的需求的。比如在建造交通工具的例子上，开初用户描写的需求：想要一匹会飞的马。可是我们要洞悉出用户的实在需求是：想要更快速度的交通工具。 看看竞品都在什么功用上“用力”，B端产物不做模仿，要在标准功用的根本上做差别化，差别化代价才是我们的“卖点”。
3. 用户角度：洞察题目产物在0-1的成长阶段时，工作台常常没有实在的利用用户，只能按照产物逻辑和营业思维去建立。但当产物成长到一定阶段，堆集了用户群，我们就需要聚焦典型用户的利用习惯，打造出符适用户需要的工作台。由于客户和用户是两类人群，所以我们还要有分辨真伪需求、排列优先级的才能。 用户调研可以帮助我们深入各脚色的利用处景，分析其营业重心和痛点，领会各个脚色对于产物的期望。 用户调研： 产物用户可以分为三类：新手用户、中级用户、专家级用户。
我们的做用户调研的终极方针是拿到典型用户画像和用户旅程图。这两方面的内容会帮助我们分析用户功用利用的优先级。 在做工作台用户调研经常用的方式：
这些用户调研方式也可以按照优化方针和优化时候段来分别。 4. 版本优化前后：可用性测试（1）优化前：定位需求 优化前方针：观察用户能否依照我们预设好的线路操纵。 方式：召集10-15位方针用户，利用基于产物逻辑的原型图demo停止操纵，观察他们完成使命的进程，记录完成使命所需时候。拿到数据后，分析与事前设想的产物逻辑误差水平，停止迭代调剂。
（2）优化后：考证方针能否告竣 比如我们的方针是提升用户的操纵效力。利用可用性测试，观察用户能否快速在工作台上定位自己想要的功用并完成工作，对照改版前后的利用时候，来确认能否告竣优化方针。
5. 汇集用户需求：调研问卷、可用性测试（1）调研问卷 由于B端SaaS产物的用户都是付用度户，付用度户有同一保护群，我们可以把调研发卷发放到客户群里，也由因而付用度户他们也更愿意试用并反应，有用帮助我们定期收集客户的利用反应。 （2）可用性测试 预定客户体验新功用，经过可用性测试获得用户需求是具有针对性的，可以快速定位到功用模块，助于我们收集用户需求，展开迭代优化。
6. 界说用户画像：现场观察、调研问卷、用户访谈（1）现场观察 有条件的话一定要到实在的利用现场去观察，不要做任何判定、不要措辞，就纯真观察。 （2）调研问卷 这个方式能拿到比力多的用户样本，让用户画像更加清楚。 （3）用户访谈 用户访谈会按照利用脚色分类，有针对性的制定访谈计划。本钱虽高，确是界说用户画像的好帮手。 本篇文章首要针对工作台体验设想优化的案例带练，以上内容就不再过量赘述，感爱好的伙伴可以留言～有机遇为大师更系统的讲授。 7. 借助竞品：聚焦冲破B端产物的竞品找起来是有很浩劫度的，是较为复杂的课题，这里仅从工作台相关角度找寻竞品并举例分析，先分享几个找B端竞品的小技能。 找B端竞品的3个技能：
假如找不到同类范畴的工作台参考也不用焦急，由于自己营业属性、产物定位的分歧，就不成能只拿一个竞品抄一抄对付了事。也正是由于这个特点，我们把工作台拆分红份歧的模块后，每个模块都能找到可以参考的竞品。 8. 拆分功用模块的竞品分析拆合作作台的焦点功用。以营业模块的功用导向去寻觅优异的竞品，仅对功用点停止参考。 这里你能够会问：“哪些竞品值得我们鉴戒呢？”下面我根据工作台常用的五个营业模块、一项特点功用做举例分析： （1）待处事项模块：对应项目治理专业软件办事商 HRM系统：典型的项目治理/待处事项功用，可以作为我们在做工作台待处事项时的参考。不要被“间接”竞品四个字约束住，只如果同类功用都具有一定的参考代价。
（2）营业数据模块：对应BI系统、数据类开源组件库 数据看板在工作台上占有“一席之地”，想做好工作台上的数据模块，固然要：专业的工作向专业的“人”就教。AntV、ECharts是国内可视化组件库中的佼佼者。虽然它们“其貌不扬”，可是焦点功用点是很“精美”的，经得起斟酌。我们可以鉴戒功用框架，在此根本上优化视觉，前端工程师还可以间接操纵可视化组件库中的代码停止改写，不但节省设想时候，还有用提升开辟实现的效力。
（3）常勤奋用模块 工作台中的常勤奋用一般利用icon+笔墨的形式展现，功用icon承载了表示产物视觉品牌质感的义务，我们按照B端产物的营业属性去设想。
（4）消息告诉模块：消息中心 消息告诉若需展现在工作台，可参考网页类产物的消息中心设想，按照消息属性和告诉优先级停止分类展现。
（5）新手指导帮助中心模块 新手指导凡是以模态气泡卡片款式+高亮指定地区出现，我在体验汇易联产物时，感遭到两点可以鉴戒的偏向，供大师参考：1.功用先容的话术精炼，浅显易懂 2.模态可封闭也可快速找到，方便快速有用。
以上举例仅作参考，大师要学会发散思维，不要被“竞品”二次约束。 9. 差别化调剂有些内容没法间接拿过来照抄，下面我们看看若何差别化调剂，做到“抄”的不留痕迹。 只鉴戒”灵魂“，不鉴戒“肉身”。 灵魂指功用框架，肉身指视觉结果。功用有类似的部分，用我们需要的逻辑去展现。视觉结果上充实发挥自己产物的品牌调性，操纵好品牌的特点。 比如：展现用户需要录入信息的内容分类，在功用上它仅仅是步调条，用根基组件就能表示。但我们想给用户更好的体验，就需要无穷接近用户的“心理预期”，做到一方面削减用户的录入负担，另一方面让其对内容有根本认知。
定位方针：关联营业目标 设想优化计划所定位的方针若能与营业目标相关联则可发挥最大代价。 营业目标与代价强关联，贸易代价指“真金白银”续费。比如SaaS产物按照用户的诉求，不竭完善产物标准化，进步签约率和续费率，为企业赢利。 客户代价与用户代价需借助专业的怀抱标准，其中UES模子利用处景较为合适B端产物。 10. 三步实现假如设想师的计划跟营业目标相关联时，更轻易获得团队的认可，推动的也会加倍顺遂。固然这不是一件简单的事，在工作台的设想中，可以经过以下三步实现数据怀抱支持设想改版： （1）明白体验题目 了了产物成长方针，点对点冲破（设想不要自嗨）。以提升操纵效力为主，提升相关营业效能为辅。力图每个体验优化点都能处理现实题目。比如本次改版工作台要进步治理员下发使命的效力、工作台易用性、客户满足度，效力这个可以用时候怀抱，易用性和满足度需借助怀抱模子。
使命页效力（下发效力）：指下发功用经过步调简单化、削减下钻、下降了解难度，从而提升效力。 易用性：指功用对用户来说难度水平凹凸，比如功用进口能否易识别，可以快速找到；操纵步调能否符适用户利用习惯；阅读内容时可以快速阅读和了解；不得当操纵时能否有提醒和限制；毛病操纵时能否有提醒，提醒后用户可以继续完成使命等。 满足度：工作台在满足功用的情况下，对用户有吸引力、产物界面友爱给人舒适感、专业性高；当用户需要帮助和指导时可以满足他们的需求；用户对品牌有赞美、能信赖、愿意延续利用等。 （2）借助怀抱模子大概工具 UES：UES是阿里云中心基于易用性去扩大而成的怀抱模子，焦点维度包括易用性、分歧性、满足度、使命页效力、性能。易用性是B端产物的重要属性，他的背后就是易用性量表的标准，与常规的易用性量表对照来说更加成熟和邃密化。
（3）获得数据考证 SUS系统可用性怀抱表：SUS是评价产物可用性的一个花费少，但非常有用的工具。该量表包括了10条定向题目，每个题目均为5分，按激烈否决（1分）到很是赞成（5分）评分。
系统可用性量表终极算出的评分到达70分左右，便可以比市道上一半产物可用性要好，也就是说这个产物的用户体验算是及格了。（列位感爱好的伙伴可自行网上查询可用性量表） CES易用性怀抱表：易用性包括易学性、易操纵性和清楚三个维度。反应产物对用户而言能否易于进修和利用，改版前落后行别离利用易用性怀抱表调研用户利用反应，对照分析能否告竣易用性的提升。 提升易用性可以下降进修本钱，从而提升用户满足度、操纵效力、使命完成率等。
三、工作台体验升级的行动和战略1. 明白利用方针，拆份内容优先级经过前期的竞品分析、用户调研，我们已经拿到了用户画像，对每个脚色对应的工作台功用已经有所领会。下面我们利用矩阵法，拆份内容模块的优先级。 矩阵法：按照利用频次和重要水平，分析和分别营业模块优先级。矩阵法望文生义，X轴Y轴别离代表利用频次和重要水平，右上角为重要水和蔼利用频次更高的营业功用模块，那末越靠近右上角的功用则优先级越高。
出格是在单一工作台不能满足多个利用脚色时，矩阵法可以帮助我们快速分辨功用优先级。 2. 栅格系统助力模块分别栅格系统（Grid Systems）：最早来历于平面设想中的网格系统，互联网成长以后，界面设想将这一概念借用过来，简易的了解栅格就是一种有法则的参考线。 栅格系统首要由列、水槽、边距三个根基元素组成。
3. 栅格的感化
常见的两种删格：12栅格、24栅格 12删格： 举例：屏幕宽度1440px、左侧导航宽度256px、两个间距16px，残剩宽度为12*列宽+11*槽宽 特点：栏数较少，合适营业简单的工作台利用，由于简单的营业会不出现麋集的信息，所以利用12栅格足以。
24删格： 举例：屏幕宽度1440px、左侧导航宽度256px、两个间距16px，残剩宽度为24*列宽+11*槽宽 特点：栏数更多，当工作台模块多且复杂时适用，由于栏数越多，分出的模块越细致，可以承载更多复杂的内容，也是今朝B端产物常用的删格列数。
栅格的两种适配方式：拉伸间距、拉伸边距 拉伸间距：卡片地区宽度牢固，栅格宽度不牢固，卡片与卡片之间的间隔来适配过剩的宽度
拉伸边距：与拉伸间距相反，删格宽度（卡片之间的间隔）是牢固的，卡片宽度适配过剩的宽度。对齐方式有居左（右侧距伸缩适配）和居中（左右侧距同步适配伸缩），居中的对齐方式更加常用。
4. 倡议挑选：栅格牢固，拉伸内容拉伸间距和拉伸边距经常见的两种拉伸方式，可是城市紧缩我们的展现空间，所以采用了一种全新的适配方式：即栅格牢固，拉伸内容。 简单来说就是，边距和间距都采用牢固值，适配的进程中会采用分歧的缩放战略对卡片内容停止伸缩，用卡片来适配过剩的宽度（或高度），这样我们的展现空间就随之变宽，可以承载更多内容。 上风：采用自动添补结构可以有用提升内容占比，提升屏效。
5. 优化视觉气概，提升品牌质感关于工作台的体验升级战略，前面讲到拆分营业功用优先级和栅格系统助力模块分别，最初一步才是优化视觉气概。B端产物始终以营业功用办事用户为导向，视觉设想仅为帮助。下面有三点可以帮助我们做B端工作台的视觉体验升级： （1）帮助/指导/接待插画 插画设想在B端产物中出现的机遇较少，一般在工作台以感情化转达出现，期望与用户建立密切关系，图片相较于笔墨转达效力更高，提升用户对内容的掌控感和品牌信赖度。
（2）常勤奋用图标 B端产物表现视觉设想感的地方比力少，图标设想为其中之一，将品牌质感融入图标设想中，表现品牌调性，比如科技、金融、创新、友爱的关键词都能经过图标设想去展现。
（3）营业数据 数据可视化的设想点在于用单一卡片模块展现较多的营业数据，让用户在工作台就能对最新数占有一个领会，这里就不能以视觉结果为主了，要以功用简单好用为重点，适当表示产物气概即可。
四、案例拆解1. 需求与题目随着工作台横向营业不定期的需求输入，营业治理平台的功用办事量级的慢慢增加，催生设想师思考：若何用设想上的最优解，来搭建买卖治理工作台的体验框架？这个题目，在共建进程中我们建立了2个焦点设想方针：清楚、高效。 题目描写：治理员的首页工作台信息过于简单，查找信息低效，分发才能差，难以完成【快速识别营业停顿】【治理部属的工作内容】的利用诉求。
2. 用户画像与利用方针经过前期用户调研建立的用户模子，即用户画像（人物模子）帮助我们肯定哪些使命重要，缘由何在，再提炼出焦点利用处景并界说需求，最初优化页面框架。 利用方针： 治理员：检察最新营业数据、考核员工作完成情况、审批员工申请 营业模块： 触及到的营业模块有：身份信息、待处事项、数据概览、买卖列表、常勤奋用、买卖列表（营业强相关）等 3. 定位改版方针从利用题目动身，找到利用诉求与工作台现状的差别点，明白改版后工作台需要具有的才能，即为本次设想改版方针。
4. 功用拆解与模块分别矩阵法：区分功用优先级 利用矩阵法，区分营业功用的利用频次和重要水平，重新分别营业模块。聚焦治理者关注的焦点功用，削减高频功用的操纵下钻。
24栅格：功用模块重构 利用24栅格系统为工作台重新结构，标准化内容地区。清楚明白的操纵主线可以削减用户的了解本钱，让用户快速正确地依照预期获得信息，提升用户利用体验。 遵守阅读动线，优化信息结构和视觉比例，突出焦点数据。遵守【清楚】的设想原则，明白的结构结构决议用户的阅读动线，帮助治理员高效便利的获得信息。
模块化设想，还可以为后续营业拓展：新增模块、功用时供给便当。 5. 视觉质感，体验细节（1）强化色彩聚焦 经过色彩对照，夸大重点信息，第一眼透传，聚焦用户留意力。
（2）提升信息对照 经过笔墨巨细的对照，突出焦点信息。
（3）信息降噪 当页面内容过量时，弱化帮助信息，为页面降噪。
6. 拿到反应，延续迭代我们体验设想师的方针是帮助产物在体验设想的角度上不竭进步，帮助产物完成标准化的沉淀，从而“卖给”更多的方针客户，赚取更多的“真金白银”，这样才能表现设想师的才能与代价。 总之，不管是SaaS产物标准化，还是托付项目帮助产物标准化，都需要不竭的迭代和优化，版本迭代上线后，拿到改版前后的数据对照分析，考证设想计划或找到对应题目标反应，继续钻研迭代下去。 五、文章总结这篇文章不但帮助新手B端设想师领会工作台若何设想和优化，还以全局的角度分解了页面改版的“心酸过程”。 工作台的体验优化升级之路难点在于要贴适用户的利用诉求，捉住用户、客户的心里代价点，其他视觉层面的升级仅为帮助。 设想B端工作台的方式简化起来很简单，可总结为3点
本文由 @EllieOne 原创公布于大家都是产物司理，未经答应，制止转载 题图来自Unsplash，基于CC0协议。 |
