基于用户体验的常态化疫情防控下校园点餐APP交互设计研究

摘  要：校园点餐APP交互設计可以提升学生用户的使用体验，增加校园点餐APP使用率，从而为学校制定学生就餐政策，缓解人群聚集，科学有序地安排疫情防控打下基础。采用理论与实践相结合的方法，在对交互设计的发展历史进行梳理的基础上，以菲兹定律、泰思勒定律、米勒定律和接近法则等方法为指导进行了校园点餐APP界面交互设计研究，并根据常态化疫情防控下用户体验需求调研，对相关界面功能进行优化。校园点餐APP交互设计不仅需要按照常规的交互设计原则和方法进行，更加需要融入用户在特殊时期的功能需求和情感需求，从而满足学生用户体验，降低疫情造成的恐慌心理和悲观情绪，主动配合疫情防控工作，实现学习和生活的双丰收。

关键词：交互设计；用户体验；常态化疫情防控；校园点餐APP

基金项目：本文系南京机电职业技术学院院级课题项目（KY202004）；江苏省高校哲学社会科学研究一般项目（2020SJYB0879）研究成果。

当前，我国新冠肺炎疫情防控已经由应急状态逐步转入常态化，随着中小学校陆续开学复课，部分高校学生也开始逐步返校，校园内部的传染性疾病防控措施的制定和落实显得尤为重要。随着网上授课的普及，高校已基本解决课堂人员聚集的问题，但对于高校住宿学生的进餐方式和生活服务，仍需进一步研究。而基于用户体验的校园点餐APP交互设计，有助于为学校制定学生就餐政策，提供多样化的生活服务打下坚实基础。

一、交互设计发展的相关概述

交互设计来源于人类自身，有人的地方，就存在交互。交互设计最初作为应用哲学的一个分支，从人类诞生之初就已产生，并且人和人之间、人和物之间都可以产生交互行为[1]。在工业革命之前，一个物件“能用”，成为了这个物件是否合格、能否生存的准则，而其次才是“好用”这个决定用户体验感受的标准。因此，交互设计作为提升用户使用舒适度的主要手段，在那个时代的发展基本停滞不前[2]。而伴随着工业革命所带来的标准化和工业化大生产，用户体验成为了人们购买产品的主要标准，并由比尔·摩格理吉在1984年首次提出“交互设计”这个概念[3]。时至今日，随着互联网信息技术的不断发展，从传统工业设计中借用的交互设计思想[4]，已在图形化用户界面中得到了深度挖掘和应用，不断优化着用户的使用体验。

通过手机、计算机界面的交互设计进行人体的身体健康、情绪健康监控[5]，优化各类人群的使用感受，是利用人工智能、物联网等新兴技术衍生的交互设计新的发展方向[6]。而在高校常态化疫情防控的背景下，针对基于用户体验的校园点餐APP进行交互设计，有助于提升学生的使用舒适度和使用兴趣，增加使用人群，从而促进学校制定相关防控措施，为学生提供健康、多样的就餐选择和生活服务打下基础。

二、校园点餐APP交互设计

在高校常态化疫情防控下的发展方向

根据针对于高校学生问卷的调查结果，在非疫情期间，学生对于校园点餐功能的需求比例已高达99%[7]。而在常态化疫情防控下，需根据高校学生在特殊时期的功能需求和情感需求，确定校园点餐APP交互设计在高校常态化疫情防控下的发展方向。

（一）适应性的特色功能

在常态化校园疫情防控的状态下，高校通常实施封闭式管理，这样的管理模式一方面降低了疫情传播的风险，但另一方面也部分切断了学生与外界的联系。此时，如果学校不能提供科学合理的学习、生活服务，会造成学生对于疫情的恐慌心理和悲观情绪，因此，基于用户体验的常态化疫情防控下校园点餐APP的适应性特色功能设计，显得尤为重要。例如，在常规的点餐APP登录、首页、搜索、主页等交互界面设计之中，可加入“好想吃”功能，使食堂工作人员根据学生的留言，针对性地丰富、替换菜品种类；可加入“网红产品”功能，使超市工作人员根据学生的点赞次数，引进校园外的流行食品；可加入“主人我来了”功能，使校园内部餐饮也配备送餐服务，减少食堂的人员聚集；可加入“下次见”功能，通过对于学生需求留言的整理，经学校后勤部门审核，不定期以摆摊的形式引进学生们最需要的生活类服务等。以上在校园点餐APP交互界面设计中加入的适应性特色功能，均可以使学生在封闭的校园中体验到丰富的生活服务，既满足了学生的功能需求，也缓解了学生的心理情绪，对于维持校园生活秩序的稳定具有积极意义。

（二）多样化的信息呈现

基于用户体验的常态化疫情防控下校园点餐APP设计，不仅需要具有普通点餐APP的外卖功能，更应该成为高校学生提供全方位生活类服务的平台，需具有多样化的信息呈现。比如首页模块设计中，需以高校校园特色的食堂、教超、水果、甜品、打印等进行分类；比如搜索模块设计中，不仅可以查询自己的历史记录和喜好，也需设置自动推出校园内近期网红产品的功能；比如菜品展示模块设计中，不仅需要展示菜品的品种、价格、供餐时段、取餐地址等，还需展示餐厅环境、餐厅卫生状况等；比如流程跟踪模块设计中，需使学生清楚地了解订单的审核过程、送餐员的身体状况、配送的时间和地址等信息。这种多样化的交互界面信息呈现，可以给学生丰富直观的用户体验，最大限度满足学生在校内全方位的功能需求。

（三）精准化的用户需求

不同的人群在使用校园点餐APP时，会有不同的使用需求，因此，精准化的用户定制服务也需要在交互设计时考虑。比如，针对上下午均有课程、中午就餐时间较短的学生，APP交互设计中，需设置自动筛选空闲商家的功能，以缩短此类人群的排队、取号、就餐时间；针对菜品配送问题，需设置选择自行取餐或外卖送餐的服务，外卖送餐中也可根据用户的需求选择普通、快送、专送等；针对有特殊要求的食品，需设置提供如“火辣辣”“消消乐”等定制性的服务，从而对一些食品进行加热、冷冻、切块等处理。校园点餐APP精准化的用户需求交互设计，可以产生多样化的学生愉快的点餐心理状态，增强学生对于学校疫情防控管理的信任度。

三、基于用户体验的校园点餐APP界面交互設计方法

根据常态化疫情防控下的学生实际需求分析和发展方向，将基于用户体验的校园点餐APP功能模块分为四个主要部分，分别为信息展示搜索模块、饭淘模块、饭票模块、我的模块。信息展示搜索模块主要功能为迅速定位点餐产品，并结合常态化疫情防控，加入了定制需求；饭淘模块主要用途是进行商户评价，并基于此开展校友兴趣话题讨论；饭票模块主要是对订单和骑手信息的管理；我的模块主要是进行个人信息的管理。具体信息架构如图1。

（一）基于菲兹定律的校园点餐APP登录界面交互设计方法

菲兹定律是人体工程学中关于人类活动的数学模型，并在人机交互界面设计中产生了尤为深刻的影响，它预测了物体从一个起始位置移动到最终目标所需的时间，是由目标的面积和目标的距离共同决定的[8]。因此，当基于菲兹定律进行登录界面交互设计时，最重要的就是考虑人体尺寸及活动范围与登陆按钮、输入框以及键盘之间的相互关系。其中，登录按钮设计的长度需与输入框接近，高度需与大拇指端接触尺寸相仿，按钮所在的位置无论是唤起键盘或未唤起键盘，需始终都保持在拇指可触的舒适位置，从而根据大拇指活动范围和尺寸设置合适的登录按钮位置和面积，使用户花费最少的时间就能够点击到该区域；两行输入框的长度设置也需远超输入内容的字符，以便于触碰；在此基础之上，在键盘唤起前后，登录按钮需始终保持在输入框下方的合适距离，这主要是因为登录按钮的使用，是在输入框输入完成后的后续任务，因此二者需要保持一定的亲密性。具体登录界面设计可参考图2。

（二）基于泰思勒定律的校园点餐APP搜索界面交互设计方法

泰思勒定律又被称为复杂性守恒定律，其定义的基本规律为每一个操作流程都有其固有的复杂性，当这个复杂性超过临界点，只能将它从一处转移到另一处，而无法对其简化[9]。因此，当进行复杂界面的交互设计时，其复杂性无法被简化，而只能通过开发侧进行处理，否则其复杂性就会被转移到用户侧。当基于泰思勒定律进行搜索界面交互设计时，可将原本无法容纳在一个界面的复杂的点餐和生活服务类型，以“私人定制”的设计形式呈现，从而减少信息传递和信息选择的时间，迅速满足用户个人的信息需求：如可设置历史搜索模块，利用信息化大数据的功能，记录用户的个人就餐喜好和常用服务，并可用标签形式呈现，便于点击和选择；而设置热搜模块，则可通过物联网功能搜集整个地区近期的网红食品和流行服务，为用户提供更加多样的信息选择。两个模块的结合，将搜索界面的复杂性转移至系统开发侧，而用户的使用界面则简单易读。具体搜索界面设计可参考图3。

（三）基于米勒定律的校园点餐APP首页界面交互设计方法

米勒定律，也被称为“7±2法则”，它是指人在短时间内保持记忆的信息块数量为7（±2）项[10]。因此，当一个界面设计的信息块超过9个，就会导致界面信息过载，用户认知负荷增加。基于米勒定律进行首页界面交互设计时，由于需要呈现的信息较多，因此，首先可以根据首页的信息架构，利用空间留白的方法，将整体界面从上至下分为搜索栏、推荐栏、主导航栏、优惠专区、活动专区和标签栏6个第一层级信息模块。然后在每个信息模块的内部利用颜色、间距、图标形态等再进行第二层级结构的划分：如主导航栏可设置为“7个功能入口＋1个更多分类”的选项组合；标签栏中4个选项块的数量、面积大小、位置的设置，一方面可以根据米勒定律的规则，将信息块规定为9个以内，另一方面也需结合菲兹定律的要求，以降低用户点击标签栏信息块的时间。通过上述的界面交互设计，可以使用户在浏览APP首页时，减少信息阅读的时间，降低记忆工作量，提高使用便捷程度，增强用户体验。具体首页界面设计可参考图4。

（四）基于接近法则的校园点餐APP主页界面交互设计方法

接近法则是格式塔心理学中最常用的理论之一，它在界面交互设计中的主要作用是将关联的信息块进行组合，将不相关的信息块进行分隔，从而引导用户对于整体界面的解读，增强设计的层次感[11]。在进行基于接近法则的主页界面交互设计时，可以利用留白的方式将该界面分为设置、我的钱包、我的订单、推荐工具四个组别，每个信息块的内部也可用分割线的形式对其进行二次空间划分，形成页面内不相关模块的分隔。而每个信息块内部的关联模块则接近设置，形成关联信息块的组合。从而通过主页界面中各级别分组的布局，帮助用户在浏览页面时，迅速地定位自己需要的功能选项，提高阅读的舒适度。具体主页界面设计可参考图5。

四、基于用户需求的常态化疫情防控下

校园点餐APP交互设计功能优化

常态化疫情防控下的的校园点餐APP交互设计，需要在原有基于用户体验的校园点餐APP交互设计方法之上，更加深刻地思考在高校实施封闭式管理的前提下，如何以适应性的特色功能、多样化的信息呈现、精准化的用户需求，为学生设计可以提供各类丰富、便捷的点餐和生活类服务的APP。下面以校园食堂点餐展示模块、校园超市点餐浏览模块和校园点餐快送模块的界面设计为例进行分析。

（一）校园食堂点餐展示模块交互设计功能优化

位于APP首页下分类中的食堂点餐展示模块，其在常态化疫情防控下的交互设计中不仅需要常规的菜品名称、菜品图片、价格、食材组成、收藏、浏览人数等信息，还需要加入一些适应性的特色功能。首先需在食品名称旁边加入供应时间段功能，使有课的学生可以自主选择相应时间段内上架的菜品。在此基础之上，该模块的下方需加入四个标签：设置好想吃功能，由于同样的菜品，经常食用会腻烦，因此，学生可以利用好想吃功能在该食堂商户提供的食品种类范围内，勾选自己喜爱的菜品选项，便于食堂根据大多数学生的要求，每周进行菜品的更新；设置点赞和吐槽菜品功能，从而为其他同学选择该食堂商户的食品，提供建议；设置食堂制作实时速览功能，让学生不去现场也可以了解餐厅环境及卫生现状，从而更加放心地使用APP进行点餐。这样的校园食堂点餐展示模块也同样符合交互设计的易取原则，在该界面只需通过最多两次的点击，就可以读取和使用常态化疫情防控下，点餐展示模块的适应性特色功能，减少操作记忆负荷，增加用户使用的便捷性。

（二）校园超市点餐浏览模块交互设计功能优化

位于APP首页下分类中的超市点餐浏览模块，需在此阶段提供更加丰富的超市商品种类定位以及精准化的用户私人定制需求。因此，以第一功能设计为原则，需将模块中的主要功能置顶，并分别设置“网红产品”和“需求产品”两个标签，当用户点击“网红产品”标签后，会以列表的形式呈现校园超市近期引入的市场火热商品，使学生在不离开校园的状态下，也可与社会流行文化接轨；当用户点击“需求产品”的标签后，学生可以在分类列表中对校园超市暂未提供的物品进行选择，当某种物品被多次选择后，它就会被置顶在分类列表的最上端，校园超市的工作人员则根据选择次数，引入学生需求量大的产品，满足学生的日常学习、生活需求。而在该模块的商品浏览部分，需以小图标的形式为用户提供私人定制服务，也是第一功能设计原则中对次要功能的简化设计，如以“消消乐”命名的水果切片服务，以“冰冰凉”命名的冰镇饮料服务，以“火辣辣”命名的粽子、面包等的加热服务等。通过上述的交互设计功能优化，使学生在封闭的校园中也能够拥有多样化的用户体验，主动配合疫情防控工作。

（三）校园点餐快送模块交互设计功能优化

利用校园点餐APP进行食品乃至各类商品的快送服务，是常态化疫情防控下，解决校园食堂就餐人群聚集、维持校园生活秩序稳定的关键方法之一。因此，校园点餐快送模块的交互设计功能优化显得尤为重要。当学生确定了自己需要购买的商品（这里的商品不仅包括食物，还包括快递包裹、复印打印等生活类服务），进入快送模块之后，根据典型用户设计原则，将常态化疫情防控期间学生主要的快送需求体现在交互界面设计之中，设置自行取餐、定点取餐和送餐上门三种快送方式，根据学生选择的送货方式、送货地点及送货时间的不同，支付相应的快送费用。并且，在该界面将会常态化出现送餐员的体温情况、消毒情况，以及学生兼职快送员的注册按钮等。从而以校园点餐快送模块的功能优化，提高快送环节的安全性和便捷性，减少高校公共场合的人员聚集。

五、结语

常态化疫情防控下校园点餐APP交互设计，不仅需要利用常规的交互设计方法和原则进行各界面设计，更加需要根据特殊时期用户的功能需求和情感需求融入特色的界面体验，才能够增加学生用户使用率，降低疫情期间校园封闭所带来的抗拒心理，为学校制定合理的就餐政策，缓解公共场合人群聚集，科学有序地安排疫情防控提供理论和实践帮助。在此基础上，基于用户体验的常态化疫情防控下校园点餐APP交互设计，还需根据设置信息架构的内容，针对每个界面进行交互设计和功能优化，为点餐APP融入更多功能应用在更多特色化的场合之中打下基础。

参考文献：

[1]朱自瑛.基于耦合仿生的多模态交互设计方法研究[J].包装工程，2020（12）：99-105.

[2]徐兴，李敏敏，李炫霏，等.交互设计方法的分类研究及其可视化[J].包装工程，2020（04）：43-54.

[3]蔡霞.可用性设计的应用与发展趋势[J].包装工程，2017（22）：184-191.

[4]陈志刚，鲁晓波.大数据背景下信息与交互设计的变革和发展[J].包装工程，2015（8）：6-9.

[5]郭媛媛.防治老年人阿尔茨海默症的情感关怀交互产品设计研究[J].包装工程，2018（24）：210-214.

[6]唐海兵.基于目标导向设计的高校学生服务类APP设计研究[D].西安：西安工程大学，2017.

[7]覃京燕.人工智能对交互设计的影响研究[J].包装工程，2017（20）：27-31.

[8]康凱.大空间三维笔式交互界面关键问题研究[D].长春：吉林大学，2019.

[9]邬楚凡.构建万事泰品牌情感体验的交互设计研究[D].广州：广东工业大学，2015.

[10]郑磊.基于三维网页技术的Unity3D教学管理系统的设计与实现[D].上海：上海交通大学，2013.

[11]邵婷.基于格式塔心理学的移动端购物界面的设计研究[D].西安：西安工程大学，2016.

作者简介：阮雪君，硕士，南京机电职业技术学院职称讲师。研究方向：工业设计。

编辑：宋国栋