基于母嬰室服務體驗的App交互設(shè)計

肖琪琪，方曉韓，翁嘉琪，丘 含，張金婷

(廣州新華學院，廣東 東莞 523000)

0 引言

近年來，依據(jù)公安部發(fā)布的《二○二○年全國姓名報告》顯示，截止到2020年12月31日，2020年出生并已經(jīng)到公安機關(guān)進行戶籍登記的新生兒共1 003.5萬人[1]。母嬰人群已經(jīng)成為社會中一個龐大且受關(guān)注的群體。隨著“全面三胎”政策的實施，群眾母乳喂養(yǎng)意識逐步提升，原有政策下的社會服務保障已不足以適配當下的母嬰需求，母嬰室目前是“一室難求”[2]。且當前市面上有關(guān)母嬰室的軟件較少，雖然少數(shù)軟件和公眾號包含尋找附近母嬰室等功能，但在交互設(shè)計等方面仍存在缺陷與問題。在此大環(huán)境下，文章提出一款針對母嬰人群的App，這款App可以使母嬰人群迅速地找到附近的母嬰室，查看母嬰室設(shè)備的使用情況及解決母嬰人群的隱私問題。希望該App的存在能夠彌補市場這一空白并且可以解決母嬰室使用時存在的問題，也可以引起更廣泛的關(guān)注，讓社會對母嬰人群多一分理解和包容。

1 App設(shè)計思路

App設(shè)計主要用UCD即以用戶為中心的設(shè)計為思路展開[3]，基本思想就是將用戶時時刻刻擺在所有過程的首位，在進行產(chǎn)品設(shè)計時從用戶的需求和用戶的感受出發(fā)，以用戶為中心設(shè)計產(chǎn)品。其具體過程如圖1所示。

圖1 UCD以用戶為中心的流程

1.1 研究

App設(shè)計前期研究時多采用訪談法和問卷法獲取用戶對母嬰室的使用情況及建議信息。調(diào)研時共有104人參加了問卷填寫，其中未婚未育年齡階段占比最多，達到了79.81%。問卷共計12個問題，一共有效問卷104份。除此之外，調(diào)研時通過訪談詳細詢問了18位媽媽們關(guān)于母嬰室詳細的使用體驗。通過數(shù)據(jù)總結(jié)得出結(jié)論：大部分人對母嬰室是有概念與需求的，并且媽媽們對母嬰室的衛(wèi)生、隱私性、安全性很擔憂，并且覺得母嬰室數(shù)量少，不夠普及。

1.2 建模

研究對調(diào)研數(shù)據(jù)進行統(tǒng)計后，將數(shù)據(jù)分類并梳理主要人物模型及應用場景，然后據(jù)此進行人物情境建模，如圖2所示。

圖2 人物模型示例

1.3 需求

本研究依據(jù)整理的產(chǎn)品調(diào)研進行需求分析，主要內(nèi)容為定義用戶、業(yè)務及技術(shù)面需求。需求分析如圖3所示。

圖3 需求分析思維導圖

1.3.1 項目需求及可行性分析

(1)對母嬰室使用及存在問題的采訪調(diào)查及問卷調(diào)查；(2)對母嬰室需求的市場調(diào)研；(3)對母嬰室的配置需求的問卷調(diào)查；(4)對母嬰App的競品分析。

1.3.2 使用人群范圍

對母嬰室有需求的哺乳期媽媽們及新手父母。

1.3.3 產(chǎn)品目標

本款App主要是為了方便哺乳期的媽媽們完成日常對于母嬰室的需求。

1.3.4 功能定位

本款App主要解決母嬰室導航問題，為此筆者提供了地圖定位、設(shè)施提醒、使用情況說明、推薦最短路徑選擇、其他母嬰人群使用評價留言。

1.3.5 產(chǎn)品的主要功能

產(chǎn)品的主要功能包括母嬰室定位、設(shè)施一覽、隱私監(jiān)護、交流平臺。

(1)母嬰室定位。

利用GPS定位系統(tǒng)定位各母嬰室地址及個人位置，重塑地圖，弱化一般地標建筑，著重突出母嬰室地標及有關(guān)母嬰建筑。

(2)設(shè)施一覽。

利用VR—3D環(huán)繞技術(shù)，實時觀看母嬰室內(nèi)環(huán)境及設(shè)施條件。

(3)隱私監(jiān)護。

利用紅外線系統(tǒng)及WiFi系統(tǒng)檢測母嬰室內(nèi)是否有攝像機等。

(4)交流平臺。

利用互聯(lián)網(wǎng)建立母嬰線上交流平臺，讓新手父母們可以在其中分享自己和寶寶的日常，交流帶娃經(jīng)驗。

1.3.6 產(chǎn)品的核心功能

產(chǎn)品的核心功能包括母嬰室定位、設(shè)施監(jiān)控、隱私監(jiān)護。

1.4 框架

定義設(shè)計結(jié)構(gòu)和流程。具體設(shè)計流程如圖4所示。

圖4 設(shè)計流程

1.4.1 產(chǎn)品調(diào)研

項目前期基于對專業(yè)的理解及文獻的查閱，明確項目的背景與研究意義，尋找當前國內(nèi)外市場存在的問題。

1.4.2 需求分析

研究通過問卷調(diào)查、訪談、觀察來確定市場需求，并結(jié)合馬斯洛需求理論、用戶動機歸納出用戶需求與產(chǎn)品需求[4]。

1.4.3 紙質(zhì)原型

項目前期階段，團隊成員在進行項目規(guī)劃時進行一些頭腦風暴的會議討論產(chǎn)品功能，通過手繪的形式直接繪制產(chǎn)品雛形的原型，便于及時修改。

1.4.4 低保真原型

在明確了產(chǎn)品的功能需求及業(yè)務需求后，歸納出產(chǎn)品的功能結(jié)構(gòu)、信息結(jié)構(gòu)和詳細的功能點，根據(jù)以上信息繪制線框圖即低保真原型。

1.4.5 高保真原型

為了進一步了解產(chǎn)品的功能及業(yè)務需求，需要在低保真的基礎(chǔ)上進行配色，插入真實的圖片及icon圖標，并為相關(guān)的元件及頁面添加交互事件、配置交互動作為原型增加保真度。

1.4.6 App開發(fā)

利用定位系統(tǒng)、紅外線檢測系統(tǒng)、人工智能圖像識別技術(shù)、服務器等技術(shù)進行App開發(fā)。其中，為了App界面的統(tǒng)一和美觀，在繪制App交互界面時，需要統(tǒng)一界面設(shè)計風格，界定界面設(shè)計規(guī)范，即定義設(shè)計結(jié)構(gòu)。例如：界面尺寸設(shè)計規(guī)范(界面尺寸設(shè)計規(guī)范設(shè)置如圖5所示)、界面色彩規(guī)范設(shè)置、界面字體設(shè)置規(guī)范、界面圖標設(shè)置規(guī)范等。

圖5 界面尺寸設(shè)計規(guī)范設(shè)置、

基于“母嬰”這一主題，App UI界面的主要風格偏向溫暖治愈系的扁平化風格。界面主要以黃色為主，搭配白色與橘色，暖色調(diào)的顏色會在視覺上給人以放松與舒心的感覺，以減少新手媽媽在遇見問題時的焦慮情緒。以產(chǎn)后媽媽這一群體為主要使用對象(其他用戶如新手父母等也同樣適用)，同時注重整體的實用性，在設(shè)計上更強調(diào)功能性，采用簡單清晰的設(shè)計手法進行界面的排版，讓頁面更簡潔，讓用戶可更加直觀地尋找到自己需要的功能。

1.5 提煉

本模塊是對App設(shè)計內(nèi)容、行為及形式的總結(jié)。例如：低保真模型圖的繪制(低保真示例如圖6所示)、高保真模型圖的繪制(高保真示例如圖7所示)、邏輯跳轉(zhuǎn)圖的繪制等。

圖6 低保真示例

圖7 高保真示例

1.6 支持

開發(fā)階段的要求。即App開發(fā)，利用定位系統(tǒng)、紅外線檢測系統(tǒng)、人工智能圖像識別技術(shù)、服務器等技術(shù)進行App開發(fā)。

2 App中主要模塊的交互界面設(shè)計

本App主要分為“首頁、社區(qū)、消息、我的”4個主要模塊，每個模塊分別包含的主要功能如下：

(1)首頁。視頻教學功能、母嬰定位功能、攝像頭檢測功能、需求搜索框、地圖定位功能、今日推薦功能。

(2)社區(qū)。好物分享功能、用戶交流平臺。

(3)消息。接收相關(guān)推送的點贊、收藏和回復，獲取新增關(guān)注、未關(guān)注人的消息、好友消息。

(4)我的。用戶信息設(shè)置及查看功能、用戶關(guān)注設(shè)置功能、用戶訪客查看功能、用戶動態(tài)編輯功能、用戶動態(tài)查看功能。

2.1 攝像頭檢測功能界面設(shè)計

用戶進入App完成注冊并成功登錄后,將會進入App首頁，首頁中有“攝像頭檢測”圖標，點擊該圖標可以跳轉(zhuǎn)到攝像頭檢測界面。用戶可以關(guān)閉室內(nèi)燈光，打開手機拍照功能，點擊“一鍵檢測”按鈕并緩慢環(huán)繞母嬰室四周，此時App的界面會跳轉(zhuǎn)到“攝像頭檢測中”界面并開始檢測用戶所使用的母嬰室里是否存在攝像頭。檢測完成后，界面會顯示“掃描完成”，若檢測出可疑設(shè)備則顯示檢測結(jié)果。該功能主要用于保護用戶隱私，讓用戶能夠放心地使用母嬰室，增強用戶安全感，給予用戶良好的產(chǎn)品體驗。

2.2 GPS母嬰室定位功能界面設(shè)計

App中添加了“母嬰室定位”功能，讓用戶在需要使用母嬰室時，可以快速找到距離自己所在位置最近的母嬰室。用戶點擊首頁中的“母嬰室定位”圖標可以跳轉(zhuǎn)到“母嬰室定位”界面(“母嬰室定位”界面如圖8所示)?！澳笅胧叶ㄎ弧苯缑嬷羞€顯示了目標母嬰室與用戶之間的距離，并且添加了打車功能，給予用戶更加便捷的出行體驗。在“母嬰室定位”功能中，用戶可以通過線上尋找離自己所在位置最近的母嬰室，以便用最快的速度、最短的路程到達目標母嬰室。在該界面用戶可以定位到附近的母嬰室，還可以通過搜索來尋找其他母嬰室，且通過點擊相應圖片跳轉(zhuǎn)“母嬰室詳情”界面(“母嬰室詳情”界面如圖9所示)，了解目標母嬰室的詳細信息，如：母嬰室的地理位置、設(shè)備詳情、衛(wèi)生評分、安全評分、母嬰用品、母嬰用品的功能及使用方法、用戶評分與評價等。用戶可以從多方面了解到附近母嬰室的詳細情況，從而更加安心地使用母嬰室及其母嬰設(shè)施與母嬰用品，增強用戶體驗感。

圖8 “母嬰室定位”界面

圖9 “母嬰室詳情”界面

2.3 好物分享與交流平臺功能界面設(shè)計

App中的“好物分享”與“交流平臺”功能，提供了一個社區(qū)平臺讓用戶進行母嬰好物分享與經(jīng)驗交流，如圖10—11所示。在此設(shè)計中，用戶可以分享自己在育兒時使用過的好物或獲取到的經(jīng)驗，同樣可以看到其他用戶分享的內(nèi)容，也能夠?qū)梦锓窒磉M行收藏、點擊、評論。當用戶在育兒時遇到困擾、想要傾訴，可以通過“交流平臺”寫下自己的煩惱。在“交流平臺”界面中，用戶可以選擇所述內(nèi)容的標簽：“育兒、職場、心理、其他”,并選擇期待的收件人標簽：“備孕中、懷孕中、育兒中”，點擊發(fā)送即發(fā)送成功。之后，用戶會收到相關(guān)回信、評論，平臺也會針對用戶的傾訴，推送相關(guān)的內(nèi)容來舒緩用戶的心情，提供可參考的解決方法。

圖10 “好物分享”界面

2.4 用戶反饋功能界面設(shè)計

App中添加了“用戶反饋”功能，用來收集用戶在使用過程中所遇到的各種問題，并及時做出相應的處理。此功能包括“功能問題、賬號問題、社區(qū)問題、設(shè)備損壞、人工客服、建議”的類型選擇按鈕，選擇相應的類型后，用戶可以在輸入框中輸入詳細的反饋信息，并且可以添加照片、文件等相關(guān)附件，點擊發(fā)送即可將反饋信息提交到App后臺，由管理員做出相應處理。例如：用戶使用母嬰室時若發(fā)現(xiàn)設(shè)備損壞的情況，可在App的用戶反饋中選擇“設(shè)備損壞”并進行相關(guān)登記，登記信息會上報到管理平臺，平臺會派維修人員及時維修?！坝脩舴答仭苯缑嫒鐖D12所示。

圖11 “交流平臺”界面

圖12 “用戶反饋”界面

3 App中主要功能模塊的實驗測試情況及應用效果

本次檢測主要是對App中主要功能模塊的功能性、邏輯性及操作可行性的檢測。主要檢測內(nèi)容為攝像頭檢測功能是否順利進行及檢測結(jié)果查看，母嬰室定位功能是否順利進行及定位結(jié)果查看，快捷鍵與相應頁面是否相對應跳轉(zhuǎn)及頁面消息編輯發(fā)送是否成功。其檢測結(jié)果如表1所示。

表1 App中主要功能模塊的檢測結(jié)果

4 結(jié)語

經(jīng)過近些年母嬰室的普及與推廣，母嬰室普及事業(yè)較之以往雖然得到了更多關(guān)注，但是仍存在不少問題。設(shè)計此類App的意義在于，它能夠緩解或解決一些當下較為突出的問題，引發(fā)人們對母嬰室的關(guān)注。精準的母嬰室定位及路線查詢都為在戶外的母嬰人群大大節(jié)省了時間和精力，極大地方便了對突發(fā)情況的處理。

精準的母嬰室定位及路線查詢能夠為用戶節(jié)省大量時間和精力，通過查看母嬰室中的設(shè)備及使用情況等功能，幫助哺乳期媽媽們選擇一個合適舒心的母嬰室。添加攝像頭監(jiān)測功能，能夠解決安全隱患問題，提高使用群體的安全感[5]。

本款App的設(shè)計與實現(xiàn)，不僅可以體現(xiàn)對婦女、兒童的尊重和關(guān)愛，更是公共服務理念人性化的彰顯，是一個國家文明進步的重要標志。希望它能夠為母嬰人群帶來切實有效的幫助，為母嬰事業(yè)的普及和社會公共服務的發(fā)展貢獻綿薄之力。