基于母婴室服务体验的App交互设计

2022-02-16肖琪琪方晓韩翁嘉琪张金婷

无线互联科技 2022年23期

肖琪琪，方晓韩，翁嘉琪，丘含，张金婷

(广州新华学院，广东东莞 523000)

0 引言

近年来，依据公安部发布的《二○二○年全国姓名报告》显示，截止到2020年12月31日，2020年出生并已经到公安机关进行户籍登记的新生儿共1 003.5万人[1]。母婴人群已经成为社会中一个庞大且受关注的群体。随着“全面三胎”政策的实施，群众母乳喂养意识逐步提升，原有政策下的社会服务保障已不足以适配当下的母婴需求，母婴室目前是“一室难求”[2]。且当前市面上有关母婴室的软件较少，虽然少数软件和公众号包含寻找附近母婴室等功能，但在交互设计等方面仍存在缺陷与问题。在此大环境下，文章提出一款针对母婴人群的App，这款App可以使母婴人群迅速地找到附近的母婴室，查看母婴室设备的使用情况及解决母婴人群的隐私问题。希望该App的存在能够弥补市场这一空白并且可以解决母婴室使用时存在的问题，也可以引起更广泛的关注，让社会对母婴人群多一分理解和包容。

1 App设计思路

App设计主要用UCD即以用户为中心的设计为思路展开[3]，基本思想就是将用户时时刻刻摆在所有过程的首位，在进行产品设计时从用户的需求和用户的感受出发，以用户为中心设计产品。其具体过程如图1所示。

图1 UCD以用户为中心的流程

1.1 研究

App设计前期研究时多采用访谈法和问卷法获取用户对母婴室的使用情况及建议信息。调研时共有104人参加了问卷填写，其中未婚未育年龄阶段占比最多，达到了79.81%。问卷共计12个问题，一共有效问卷104份。除此之外，调研时通过访谈详细询问了18位妈妈们关于母婴室详细的使用体验。通过数据总结得出结论：大部分人对母婴室是有概念与需求的，并且妈妈们对母婴室的卫生、隐私性、安全性很担忧，并且觉得母婴室数量少，不够普及。

1.2 建模

研究对调研数据进行统计后，将数据分类并梳理主要人物模型及应用场景，然后据此进行人物情境建模，如图2所示。

图2 人物模型示例

1.3 需求

本研究依据整理的产品调研进行需求分析，主要内容为定义用户、业务及技术面需求。需求分析如图3所示。

图3 需求分析思维导图

1.3.1 项目需求及可行性分析

(1)对母婴室使用及存在问题的采访调查及问卷调查；(2)对母婴室需求的市场调研；(3)对母婴室的配置需求的问卷调查；(4)对母婴App的竞品分析。

1.3.2 使用人群范围

对母婴室有需求的哺乳期妈妈们及新手父母。

1.3.3 产品目标

本款App主要是为了方便哺乳期的妈妈们完成日常对于母婴室的需求。

1.3.4 功能定位

本款App主要解决母婴室导航问题，为此笔者提供了地图定位、设施提醒、使用情况说明、推荐最短路径选择、其他母婴人群使用评价留言。

1.3.5 产品的主要功能

产品的主要功能包括母婴室定位、设施一览、隐私监护、交流平台。

(1)母婴室定位。

利用GPS定位系统定位各母婴室地址及个人位置，重塑地图，弱化一般地标建筑，着重突出母婴室地标及有关母婴建筑。

(2)设施一览。

利用VR—3D环绕技术，实时观看母婴室内环境及设施条件。

(3)隐私监护。

利用红外线系统及WiFi系统检测母婴室内是否有摄像机等。

(4)交流平台。

利用互联网建立母婴线上交流平台，让新手父母们可以在其中分享自己和宝宝的日常，交流带娃经验。

1.3.6 产品的核心功能

产品的核心功能包括母婴室定位、设施监控、隐私监护。

1.4 框架

定义设计结构和流程。具体设计流程如图4所示。

图4 设计流程

1.4.1 产品调研

项目前期基于对专业的理解及文献的查阅，明确项目的背景与研究意义，寻找当前国内外市场存在的问题。

1.4.2 需求分析

研究通过问卷调查、访谈、观察来确定市场需求，并结合马斯洛需求理论、用户动机归纳出用户需求与产品需求[4]。

1.4.3 纸质原型

项目前期阶段，团队成员在进行项目规划时进行一些头脑风暴的会议讨论产品功能，通过手绘的形式直接绘制产品雏形的原型，便于及时修改。

1.4.4 低保真原型

在明确了产品的功能需求及业务需求后，归纳出产品的功能结构、信息结构和详细的功能点，根据以上信息绘制线框图即低保真原型。

1.4.5 高保真原型

为了进一步了解产品的功能及业务需求，需要在低保真的基础上进行配色，插入真实的图片及icon图标，并为相关的元件及页面添加交互事件、配置交互动作为原型增加保真度。

1.4.6 App开发

利用定位系统、红外线检测系统、人工智能图像识别技术、服务器等技术进行App开发。其中，为了App界面的统一和美观，在绘制App交互界面时，需要统一界面设计风格，界定界面设计规范，即定义设计结构。例如：界面尺寸设计规范(界面尺寸设计规范设置如图5所示)、界面色彩规范设置、界面字体设置规范、界面图标设置规范等。

图5 界面尺寸设计规范设置、

基于“母婴”这一主题，App UI界面的主要风格偏向温暖治愈系的扁平化风格。界面主要以黄色为主，搭配白色与橘色，暖色调的颜色会在视觉上给人以放松与舒心的感觉，以减少新手妈妈在遇见问题时的焦虑情绪。以产后妈妈这一群体为主要使用对象(其他用户如新手父母等也同样适用)，同时注重整体的实用性，在设计上更强调功能性，采用简单清晰的设计手法进行界面的排版，让页面更简洁，让用户可更加直观地寻找到自己需要的功能。

1.5 提炼

本模块是对App设计内容、行为及形式的总结。例如：低保真模型图的绘制(低保真示例如图6所示)、高保真模型图的绘制(高保真示例如图7所示)、逻辑跳转图的绘制等。

图6 低保真示例

图7 高保真示例

1.6 支持

开发阶段的要求。即App开发，利用定位系统、红外线检测系统、人工智能图像识别技术、服务器等技术进行App开发。

2 App中主要模块的交互界面设计

本App主要分为“首页、社区、消息、我的”4个主要模块，每个模块分别包含的主要功能如下：

(1)首页。视频教学功能、母婴定位功能、摄像头检测功能、需求搜索框、地图定位功能、今日推荐功能。

(2)社区。好物分享功能、用户交流平台。

(3)消息。接收相关推送的点赞、收藏和回复，获取新增关注、未关注人的消息、好友消息。

(4)我的。用户信息设置及查看功能、用户关注设置功能、用户访客查看功能、用户动态编辑功能、用户动态查看功能。

2.1 摄像头检测功能界面设计

用户进入App完成注册并成功登录后,将会进入App首页，首页中有“摄像头检测”图标，点击该图标可以跳转到摄像头检测界面。用户可以关闭室内灯光，打开手机拍照功能，点击“一键检测”按钮并缓慢环绕母婴室四周，此时App的界面会跳转到“摄像头检测中”界面并开始检测用户所使用的母婴室里是否存在摄像头。检测完成后，界面会显示“扫描完成”，若检测出可疑设备则显示检测结果。该功能主要用于保护用户隐私，让用户能够放心地使用母婴室，增强用户安全感，给予用户良好的产品体验。

2.2 GPS母婴室定位功能界面设计

App中添加了“母婴室定位”功能，让用户在需要使用母婴室时，可以快速找到距离自己所在位置最近的母婴室。用户点击首页中的“母婴室定位”图标可以跳转到“母婴室定位”界面(“母婴室定位”界面如图8所示)。“母婴室定位”界面中还显示了目标母婴室与用户之间的距离，并且添加了打车功能，给予用户更加便捷的出行体验。在“母婴室定位”功能中，用户可以通过线上寻找离自己所在位置最近的母婴室，以便用最快的速度、最短的路程到达目标母婴室。在该界面用户可以定位到附近的母婴室，还可以通过搜索来寻找其他母婴室，且通过点击相应图片跳转“母婴室详情”界面(“母婴室详情”界面如图9所示)，了解目标母婴室的详细信息，如：母婴室的地理位置、设备详情、卫生评分、安全评分、母婴用品、母婴用品的功能及使用方法、用户评分与评价等。用户可以从多方面了解到附近母婴室的详细情况，从而更加安心地使用母婴室及其母婴设施与母婴用品，增强用户体验感。

图8 “母婴室定位”界面

图9 “母婴室详情”界面

2.3 好物分享与交流平台功能界面设计

App中的“好物分享”与“交流平台”功能，提供了一个社区平台让用户进行母婴好物分享与经验交流，如图10—11所示。在此设计中，用户可以分享自己在育儿时使用过的好物或获取到的经验，同样可以看到其他用户分享的内容，也能够对好物分享进行收藏、点击、评论。当用户在育儿时遇到困扰、想要倾诉，可以通过“交流平台”写下自己的烦恼。在“交流平台”界面中，用户可以选择所述内容的标签：“育儿、职场、心理、其他”,并选择期待的收件人标签：“备孕中、怀孕中、育儿中”，点击发送即发送成功。之后，用户会收到相关回信、评论，平台也会针对用户的倾诉，推送相关的内容来舒缓用户的心情，提供可参考的解决方法。

图10 “好物分享”界面

2.4 用户反馈功能界面设计

App中添加了“用户反馈”功能，用来收集用户在使用过程中所遇到的各种问题，并及时做出相应的处理。此功能包括“功能问题、账号问题、社区问题、设备损坏、人工客服、建议”的类型选择按钮，选择相应的类型后，用户可以在输入框中输入详细的反馈信息，并且可以添加照片、文件等相关附件，点击发送即可将反馈信息提交到App后台，由管理员做出相应处理。例如：用户使用母婴室时若发现设备损坏的情况，可在App的用户反馈中选择“设备损坏”并进行相关登记，登记信息会上报到管理平台，平台会派维修人员及时维修。“用户反馈”界面如图12所示。