基于用户体验要素的校园协作APP界面设计研究

吴双 邓鑫 董石羽

摘要：从用户体验要素的角度分析用户需求，探究校园协作类APP的亮点功能和界面的视觉表现。以用户体验要素的五个层面为理论工具，将战略层中的用户细分、问卷调查、用户访谈作为调研切入点，探讨以用户体验要素为基础的校园协作类APP界面的设计原则。将用户体验要素与校园协作的关系以APP交互界面设计的形式呈现出来，从而完成设计的概念性开发。以用户体验要素为出发点的校园协作类APP界面设计，能够在用户协作过程中起引导作用，并为以用户体验要素为背景的校园协作产品在提高合作效率，准确查找目标队友或信息等需求的解决方式提供参考依据。

关键词：用户体验要素校园协作APP界面设计交互设计

中图分类号：TP311

文献标识码：A

文章编号：1003-0069（2021）02-0045-03

引言

当今社会人们正处于一个信息和网络飞速发展的互联网时代，随着智能手机和平板电脑等移动端深入到学生群体学习和生活的各个方面，也为相关校园类APP的开发与设计创造了条件。用户体验的重要性也逐步向用户更加注重使用过程中的便捷性和交互性等方面体现。同时，教育部在《关于加快建设高水平本科教育全面提高人才培养能力的意见》【1】中明确指出：鼓励学生通过参加社会实践、科学研究、创新创业、竞赛活动等获得学分。团队协作相关项目及比赛已经完全渗透到校园课程中，要使高校学生所参加团体活动中的比赛或课程合作达到最高效率，就应规范管理其合作内容，并运用用户体验要素支撑其内容呈现方式。

一、用户体验要素的概述

（一）用户体验

用户体验（UserExperience，UE/UX）一词由用户体验设计师

唐纳德诺曼在20世纪90年代中期提出并推广，是用户在操作和使用产品或服务过程中的动作、思考及感悟，其包括由产品和服务提供给用户的理性价值和感性体验【2】。用户体验关注产品与外界和功能交互的方式，即人在“使用”过程中与产品产生联系并形成合理且系统的整体。

（二）用户体验要素的五个层面

用户体验具有一个自下而上的层级体系，依次为战略层、范围层、结构层、框架层和表现层。基于现有基础总结出适用于APP结构的要素模型，如图1所示。每层之间的联系由下一相邻层来确定，例如表现层由框架层决定，框架层受结构层影响，以此类推。

1.战略层：战略层对产品总体导向的进行控制，用户体验过程中每项展开都基于该层级的工作，并涉及产品目标与用户需求定义【3】，产品目标是指用户想通过产品获得什么，即产品需要满足某项功能才能达到某种目的;用户需求则从用户细分和用户研究两方面切入。

在战略层制订过程中，强调清晰而准确的定位。在产品目标方面，以明确的定义引导整个产品的方向。在用户需求方面，由于用户背景的差异，不同用户对于不同类型的产品功能和界面风格的体验要求有所不同。在用户需求分析过程中，通过用户细分的方法，将大量的用户需求归为几个可管理的部分【4】，同时，用户研究借助问卷调研和用户访谈。为范围层中产品的内容和功能提供依据。

2.范围层：范围层定义产品、系统或服务的功能及描述内容需求的形式，包括产品的内容需求和功能规格4。内容需求是决定产品中需要操作支持的内容信息，如校园协作类APP的核心是大学生协作的项目内容，这些内容不能凭空设计，是产品对内容的需求。功能规格指产品中所包含的功能和流程，是将战略层中对用户需求的描述落实到具体的功能上，进而将其实现。范围层根据战略层中的需求进一步探索产品的特定功能，以便将其从早期的概念转换为特定的功能集合。

从战略层到范围层，是从“为什么”到“要做什么”的转变。在确定功能需求之后，范围层制定功能规范，并添加更具体的实现细节。在此期间，内容需求伴随功能，其规模和质量对后期产品的用户体验成果产生极大影响。

3.结构层：结构层分为两个方面：交互设计和信息架构。确定产品的核心功能后，进入搭建产品信息架构的过程，并在此基础上进行交互设计，它们的关注点是理解用户和用户的思考及思维方式。业务流程图和操作流程图通常为该阶段产物。

4.框架层：框架层是基于结构层交互设计的整体原型设计阶段，包括界面设计、导航设计和信息设计。其作用是对页面的空间进行合理的分割设计，目的是通过这些设计元素优化设置，提高交互体验，方便用户使用和操作，从而提高用户对信息的理解。框架由界面设计决定;导航设计用于呈现信息的界面形式;信息设计旨在提供有效的信息交流。

5.表现层：表现层的作用是展示产品的最终视觉设计方面。是基于框架层并用于补偿框架层中逻辑排列的视觉呈现，是结构、内容、功能性和美学的结合，同时以最终的视觉设计将其他四个层级中的需求和目标整合在一起。表现层的工作内容实质为感知设计。

二、目标用户研究

基于上述用户体验要素的理论基础，由用户操作而呈现的移动应用，首要关注的是准确定位用户与目标【5】。在此类APP的设计计划中，以在校大学生为主要目标用户，老师在团队协作中充当辅导角色，为相关目标用户。用户体验的核心是用户，关键在于关注用户的需求，并根据用户需求进行设计【6】。

（一）用户需求一战略层内容

目标用户的确定和对产品的需求是用户体验要素中战略层的一部分，在战略层中则选取用户细分和用户研究两个方法来提取用户需求。

1.用户细分：用户细分是依据用户的差异性特征，把用户需求划分为不同可管理的部分，如图2所示。用户细分方法之间的根本区别在于细分维度7，目前移动用户细分方法，用户特征通常被用作细分模型的基本维度。用户特征可分为三类：人口统计学特征、行为特征、心理特征。人口统计学特征包含用户显示的外部特征，如年龄、职业、性别、地域等8;行为特征描述用户特定的购买行为，例如购买次数、购买量等;心理特征不仅反映用户的行為，而且包括兴趣、爱好和态度，如消费模式、自我评价等【9】。

本文主要以校园使用背景为依托，根据用户的人口统计学特征和心理特征对用户种类进行划分。将学生用户以大一至研三七个年级进行划分，对各专业类型学生的课程项目和合作特征进行总结。将老师用户以各大类专业类型进行划分，总结老师辅导在团队合作中发挥的作用。细分出两类用户的类型，如图3所示：

学生群体在此阶段的主要需求为规划合作项目，寻找合作队友，获得老师指导，掌握进度和掌握大赛动态。

老师用户在辅导过程中的主要工作为对项目信息的接收、整理和输出。该类工作偏向于对信息的及时性和对内容完整性的获知，注重信息的传递快速性和内容易解读性。老师群体在该阶段有规划项目方向、推荐比赛项目的需求，掌握学生进度并传达指导意见，同时指导多个项目合作团队和协调工作。

2.用户调查：通过具体的调研方法，对前期阶段需求进行验证并挖掘潜在的用户需求，该阶段采用问卷调研和用户访谈的方式得出用户细分阶段未发掘的需求。

（1）问卷调研及分析：问卷通过网络途径发放给学生群体，共发放问卷400份，回收387份。并对问卷结果进行初步分析。调查对象涉及高校各个年级，其中男生人数159人，女生人数228人，参与调研的人群中大四和研一的学生最多，分别为88人和100人，合作频率集中在3～5次和5～8次，这与课程内容和年级学习任务特征有关。

如表1所示，大多数大学生希望在协作过程中能够了解队友的能力和评分和项目经验。

（2）用户访谈分析：访谈结果集中在高校学生在校园协作过程中需要寻找并了解队友，制订明确的计划和合理的分工，及时掌握合作进度并能和各方进行有效交流;老师的角色与期望则是为学生提供方向性指导，及时了解学生协作情况并传达指导信息，同时规划各阶段的指导项目。

通过问卷调研和用户访谈，得出相关痛点。并结合用户细分部分的需求，总结出核心目标用户和相关目标用户的需求。

3.用户行为：通过用户细分对比和前期调研，总结学生和老师两类用户行为的流程，为后续表現层设计提供体验流程的逻辑依据。如图4所示。

学生用户执行三个目的过程中的步骤则为前期用户调研中的痛点，根据“制订计划”、“邀请合作”和“老师修改意见”等痛点确定APP学生端的主要功能。

老师用户的目的行为中，APP要帮助老师解决的方面有及时跟进任务、推荐的信息如何被学生获知和辅导过程中如何及时做出修改以及和学生有效的交流。

本节在研究目标用户的过程中，运用战略层中对用户需求的分析，通过用户细分到用户研究的递进方法总结出符合用户在校园项目协作过程中的行为，并挖掘痛点和机会点，为后文中实际方案的设计提供范围层和结构层的依据，同时也影响了表现层的设计方向。

三、基于用户体验要素的APP设计

体验分为感官的、行为的和反思的3个层次，用户对产品的体验从第一层次的感官到第三层次的反思存在递进关系【10】。产品所展现的第一印象即直觉体验，属于用户体验设计要素中表现层的内容。产品使用过程中带来的感受称为过程体验，其对应于用户体验要素中的结构层和框架层，通过用户与产品之间的交互过程实现。用户在使用产品后所回忆起的使用过程感受称为经历体验，是用户体验要素中范围层所涉及到的内容。

（一）设计定位

以在校大学生及辅导老师为用户，解决高校团队合作过程中寻找队友、了解信息等问题，同时能清晰传达各个功能的作用和意图，以便提高效率。

1.功能定位一范围层内容：以前期用户调研中的用户需求为基础，确定校园协作类APP主要功能定位在解决团队项目合作规划问题、队员查找问题、获取项目信息问题、老师辅导问题等。APP的主要功能内容涉及四个方面：项目，发现，消息，我的。通过卡片分析法测试总结出，“项目”用于解决项目合作中的所有问题，是主要核心内容，其他三个功能的内容都以“项目”展开，四个主要功能以界面底端tab的方式呈现。

2.信息框架一结构层内容：根据用户使用习惯和前期调研确定的主要功能优先级顺序，得出结构层大致内容。如图5所示，“项目”通过新建比赛项目，输入比赛链接自动生成项目进程。进行列表中可以查看正在合作中的比赛及详细文件，人员分工，成员合作进度等内容。

“发现”通过搜索栏搜索比赛信息、正在寻找队友的队伍和求组队的队员信息。同时也可以在发现页中查看和取消已发布的招募。

“消息”分为群组消息和个人消息，均可用于接收组队申请或发送组队邀请，此外群组消息还可根据队内成员共同时间，完成通知的功能。

“我的”展现用户项目合作中的相关信息，其中课表可导入教务系统课程同时还可以查看队员对用户进行的评价和进行实名制认证等。

（二）界面设计

高保真交互界面设计一表现层内容

1.项目：如图6所示，项目查看页面可以实时查看正在进行的项目，新建项目时会自动根据项目需求生成该项目每个阶段的时间节点，便于后续合作过程中时间的分配和任务的分工。创建比赛项目，可根据比赛日程添加阶段性任务并编辑成员分工。项目详情以瀑布流的形式呈现，便于实时掌握信息动态及查看进度，同时每段实时消息下方设置“@”和“已读”功能，快速告知和了解队友消息接收进度，便于提高项目合作效率。人员分工界面以表格排版的形式展现，用于组内多人交流与任务进程对比。

2.发现：发现界面可以搜索和查找比赛和正在组队的队伍以及发布招募信息，如图7所示。比赛卡片页面可以查看到老师推荐的比赛，用于学生项目筛选;以“举手”的形式表示学生参加意向，用师生互动的交互形态连接两类用户，为后续师生之间请教交流和组队提供条件。

3.消息：从高效合作的观点出发，消息界面规避生活中杂乱的社交信息，信息发布过程中会呈现队员共同空闲时间，以此作为组长发布任务时间的参考，便于队内组员时间协调和规划阶段性任务。如图8所示。

4.我的：如图9所示，“我的”界面是对用户个人资料和合作信息的整合，包括用户项目信息及个人偏好信息的设置等。其中登录页面中可以对用户身份进行选择，也可进入“我的”界面对老师或学生身份进行认证。同时导入课表后系统可以自动生成队内成员共同时间，以色块形式呈现，更为醒目，从而便于时间规划和行程编辑。

结语

本文通过对用户体验要素五个层级的理解，以及对用户需求和行为的分析，得出校园协作类APP的设计定位和功能定义，同时将用户体验要素的理念融入到APP界面设计中，使其在解决功能需求的基础上更加关注用户的情感和体验，让界面交互与用户之间产生更多的感性化联系。增添校园活动的趣味性，连接各类用户促进合作，丰富合作过程的体验感，提高合作效率。

参考文献

【1】中华人民共和国教育部.教育部关于加快建设高水平本科教育全面提高人才培养能力的意见【EB/OL.ttp：//www.moe.gov.cn/srcsite/A08/s7056/201810/t20181017_351887html.2018;

[2] Lucas Daniel. Understanding user experience [J] . Web Techniques，2000，5（8）：42-43.

【3】陳烨面向用户体验的网页界面优化设计方法研究【D】.重庆：重庆大学，2010.

【4】JesseJamesGarrett.范晓燕译，用户体验要素【M】.北京.机械工业出版社，2011：41.

【5】童芳.“口袋博物馆”的用户体验要素设计【J】.南京艺术学院学报（美术与设计），2016（03）：126-133

【6】兰玉琪，刘湃.基于用户体验的交互产品情感化研究【J】.包装工程，2019，40（12）：23-28.

【7】刘英姿，吴昊.客户细分方法研究综述【J】管理工程学报，2006，20（1）：53-57.

[8] HUGHES A. Strategic Database Marketing：The Master Plan for Starting and Managing a Profitable Customer- based Marketing Program[ M] . NewYork：McGraw-Hill Professional，1994.

[9] ANTHONY B F.Systematic Life Styles for New Product Segmentation [J] . Journal of the Academy of Marketing Science，1982，10（4）：381- 391

【10】唐纳德：诺曼.付秋芳，程进三，译：情感化设计【M】.北京：电子工业出版社，2005.