1、前沿与动态INDUSTRIAL DESIGN 工业设计 /095基于用户体验的直播电商平台 B 端界面设计THE B-END INTERFACE DESIGN OF THE LIVE STREAMING E-COMMERCE PLATFORM BASED ON USER EXPERIENCE西华大学美术与设计学院李沛芸李娟（通信作者）周慧敏进行综合性的设计考虑，在人机交互设计发展过程中具有重要的地位。用户体验具体是指用户在使用某个产品的过程中，在使用前、中、后建立起的主观心理感受，及由此产生的生理反应2。如图 1 所示，用户体验要素分为战略层、范围层、结构层、框架层、表现层，通过自下而上的对各
2、层要素进行梳理及设计，可构建出一款符合用户实际体验及使用需求的设计方案。而在产品的整体设计过程中，各要素层级的设计步骤都需要设计师从体验侧出发，与用户及产研团队进行充分交流，综合考虑完成用户体验设计3。1.2B 端2015 年 7 月 4 日，国务院发布国务院关于积极推进“互联网+”行动的指导意见，促进了实体产业逐步向数字化转型，进一步推动互联网与传统行业的融合，互联网 B 端产品发展进入蓝海阶段4。B 即 Business，是企业、组织的简称，B 端产品即为企业中不同的用户提供系统性服务的互联网解决方案，因为B端产品的客户为具有一定规模的团体，而团体中各部门主要通过协作完成工作，因此B端产品
3、的使用体验会直接影响部门内外合作的工作效率。B 端客户是一个存在多角色用户的多级组织，其中不同角色会绑定不同程度的操作权限，而一位用户可以拥有多种角色，用户作为组织中的个体，并不会独立存在。在核心业务流程中不同角色各司其职，同时其工作行为会与其他层级用户及部门相互影响，进而形成多层组织之间的工作协同。B 端产品所涉及的活动具有两重性，对外有业务及商业活动，对内则为管理及协同活动，并且不同行业之间存在着业务壁垒。1.3直播电商平台 B 端如图 2 所示，将整个直播流程按先后顺序分为直播前、直播中、直播后三个阶段，根据阶段或角色的不同可将整体流程拆分为阶段流程与角色流程，其中阶段流程为众多用户的行
4、为串联构成，各角色独立行为及协同节点相互交织，共同推进直播进程，其间涉及的角色、行为及场景繁琐复杂。直播电商平台 B 端，即基于直播电商业务泳道图，构建的辅助直播 B 侧角色进行直播管理及协同的互联网解决方案，能够有效提升直播团队的整体工作效率。主要参与角色包括运营、场控、主播、客服，在流程中的主要行为分别为：运营负责数据分析及互联网、物联网的高速发展，为新商业模式即直播电商创造了机遇，直播产业发展迎来爆发期。一场直播需要由主播、场控、运营等多个角色协同完成，而直播电商平台作为连接观众与直播的媒介，可以辅助直播团队进行直播全程的管理及配合工作1。随着直播的兴起，出现许多缺乏经验的个人主播，而直
5、播 B 端协同产品的好用与否会直接影响到直播是否成功，因此需要对直播平台 B 端的界面设计及使用流程进行优化，形成基于用户体验的直播解决方案，以此提高直播团队成员之间的合作及整体工作效率。1概念阐述1.1用户体验用户体验，即结合整个流程中不同利益相关者的体验感受，摘要：文章通过优化直播电商 B 端平台的使用流程、功能架构及界面呈现，以提升主播、场控、运营工作人员在直播过程中的协同工作效率。根据用户的行为及需求形成体验地图，基于一致性、可达性、可获性、可控性原则，对直播电商 B 端界面的战略层、范围层、结构层、框架层、表现层进行用户体验设计。由于 B 端各业务之间不具互通性，因此需要结合实际分析
6、，综合考虑不同角色在场景中的使用需求、工作目标及协作状态，才能符合实际的进行用户体验设计。最终构建出直播电商 B 端产品的工作台等页面，实现了不同角色在开始直播之前任务的快速分发，提高了用户工作效率。关键词：用户体验；直播电商；B 端产品；界面设计中图分类号：TB472文献标识码：A文章编号：1672-7053(2023)01-0095-03Abstract：The article optimize the application flow,function structure and interface presentation of b-end platform to improve th
7、e co-working efficiency of host,field control and operation staff in the process of live broadcast.Based on the principles of consistency,accessibility,accessibility and controllability,design the user experience of the strategic layer,the scope layer,the structure layer,the frame layer and the pres
8、entation layer of the B-terminal interface.Since there is no interoperability between the b-end services,it is necessary to combine the actual analysis,considering the use of different roles in the scene,work objectives and cooperation status,in order to meet the actual user experience design.Finall
9、y,the workbench of B-end products of live e-commerce is constructed,which can distribute tasks quickly before the start of live broadcast and improve the work efficiency of users.Key Words：User Experience;Live E-commerce;B-end Products;Interface Design作者简介李沛芸/1997 年生/女/四川泸州人/在读硕士研究生/研究方向为工业设计与研究（四川成
10、都 610000）李娟（通信作者）/1985 年生/女/河北邯郸人/博士/讲师/研究方向为信息交互设计及人机工程学（四川成都 610000）周慧敏/1997 年生/女/四川雅安人/在读硕士研究生/研究方向为工业设计与研究（四川成都 610000）图 1用户体验五要素前沿与动态096/INDUSTRIAL DESIGN 工业设计前期宣传策划，场控负责调度各方及带动气氛、主播负责带货及与观众互动，而客服负责对接观众咨询及处理订单，四种角色各司其职，并相互配合完成一场直播。2基于用户体验的 B 端界面设计原则2.1一致性相似的图形引导及操作行为，可以提升用户对产品功能的认知度与熟悉感，用户可以根据以
11、往的经验对新产品快速学习，进而提升操作效率及使用体验感5。因此在同一产品中，不同页面视觉元素、颜色质感、字体大小、交互方式及各类组件的选择上应保持一致6。而对产品研发团队来说，在多个设计师合作的状态下，界面元素保持一致性可以统一设计风格，塑造产品品牌感，并在产品后续的更新迭代中提升开发效率。2.2可达性用户通过定位元素能够到达并定位其所在位置，因此为加强页面引导的准确度，应配合全局导航合理设计局部导航。各局部导航的功能与使用要点不尽相同，例如面包屑导航可告知用户所处位置，并帮助其返回上级页面，但要注意其每一级都需要页面承载。并且为配合不同局部导航的使用特性，应注意选择合适的交互及跳转方式，来提
12、高用户操作的可达性。2.3可获性页面中的信息及数据展示应该被用户快速获取并易于理解，对数据进行信息降噪，加强图标、图示、文字的意象感，更易用户理解。例如在表格设计中弱化分割线等干扰用户视线的元素，采用对齐等方式形成信息集，引导用户自主对信息进行分类，提高用户获取信息的效率。而图标尽量选择简洁通俗的图形，保证其表意清晰，从而提升用户的信息认知度。2.4可控性在使用界面时，用户需要对所处位置及进程有足够的感知，才能对产品产生信任感，对用户操作的前、中、后进行设计引导，使用户在使用过程中更具安全感7。例如在操作前增加文字及标签等提示，可以降低用户操作失误率，防止二次返工。在操作中即时给予用户当前状态
13、的反馈，例如操作按钮的颜色、图形等细节随着当下操作状态变化，并在重要操作时增加二次确认，让用户对操作结果有预知。而操作后应该对操作结果进行反馈呈现，按照当前操作的工作量级以轻提示、结果页等形式告知用户操作结果，并提供撤销或进行下一步的操作，使用户对整个操作过程具有掌控感8。3设计实践及方案为提升用户体验，设计师需要从产品信息架构、交互方式、视觉呈现等方面进行综合考虑。根据用户体验五要素层级顺序进行体验设计，可以借助用户的视角进行页面优化，以此提高用户对产品的认知度与熟悉感9。3.1战略层调研用户诉求，形成用户画像。直播主要参与角色分为主播、场控、运营，通过用户访谈、行为观察的调研方式观察直播全
14、过程，对不同角色的基本信息、工作场景及工作行为进行记录梳理，重点区分不同角色用户的岗位职责、工作目标、及使用期望，如图 3 所示形成用户画像。1）主播。主播的职责是进行商品讲解与直播互动，在团队开播时更注重与他人之间的协同效率，而在个人单独开播时更期望能够使直播创建流程简易化。2）场控。场控负责在直播全程中调度全场的人、事、物，会同时关注多个屏幕，进而与主播、运营进行多方协作。直播全程对平台界面的操作密度大且繁琐，操作流程复杂会给其工作增负。3）运营。运营在直播前需要根据数据统筹直播活动，编写直播脚本与主播、场控进行任务对接。并提前确定选品，管理商品仓库。会随时查看当天的粉丝流量数据，以方便制
15、定后期的流量及渠道运营计划，希望能够得到多维度数据的直观展现，对分析决策进行帮助，以此来提升直播效能。3.2范围层梳理业务场景，串联用户画像及任务流程形成业务泳道图。将 3 个角色的用户画像及任务流程进行串联构建出业务泳道图，明确整体的直播业务流程。如图 4 所示，构建用户体验地图找出直播核心场景即工作台、直播管理、创建直播、中控台、数据看板，及存在的用户体验问题，明确改版的设计目标。（1）直播创建阶段，核心功能快速触达，协助用户立即开播。建立工作枢纽图 2直播电商业务泳道图图 3用户画像图前沿与动态INDUSTRIAL DESIGN 工业设计 /097即工作台页面，提高不同角色用户的核心操作
16、触达率。并整合高频功能，缩短用户的操作流转链路。最终简化直播创建流程，帮助用户快速高效的开启直播。（2）直播管理阶段，直播全程高效管理，操作体验适配各端。使各端的体验保持一致性，并根据平台特性进行适配。在直播过程中优化场控的调度操作过程，从而提高直播管理效率。（3）直播复盘阶段，选用合适的图表，使数据多维度的直观呈现，能够被用户高效读取，提升用户的数据感知度，助力运营进行数据提炼与决策。并根据用户体验地图分析利益相关者的实际任务协同情况，基于用户痛点得出设计机会点，依据各个业务流程阶段的设计目标提出相应的设计策略。3.3结构层明确产品定位，梳理产品功能及逻辑架构。根据用户需求、痛点以及设计策略，进行产品范围层的逻辑梳理，明确产品定位为全行业全场景提供直播管理解决方案的直播平台。确认产品的功能层级及内容边界，对各个功能之间的架构层级及逻辑关系进行梳理，对产品功能的优先级与包含关系进行排序，得出产品整体的信息及功能架构，为产品后续的交互、视觉及体验设计建立框架基础。3.4框架层产品功能模块集成及布局设计。以工作台页面设计为例，主播、场控、运营为参与直播的主要人员，需要快速进入各自的核心工作
