基于心流理論的孕期運動App 色彩體驗界面設計研究

趙文霞/南京理工大學設計藝術與傳媒學院

0 引言

色彩是界面設計的重要組成部分，不僅具有美化、裝飾的作用，同時還能影響用戶的心理和生理。運動作為非藥物性的生活方式干預，因其低成本、易實施等特點，已經成為孕期保健的重要組成部分。但目前市場上針對孕婦的健身應用程序缺乏對孕期運動的針對性考量和全方位思考，難以滿足孕婦的生理需求及情感體驗。因此，通過色彩的運用讓孕婦使用App 時獲得愉悅的體驗，對改善孕婦的健康和提高生活品質具有重要意義。

1 心流理論概述

心流理論是由美國心理學家米哈里齊克森·米哈里（Mihaly Csikszentmihalyi）在1975 年提出的，“心流”最初是由“FLOW”[1]直譯而來。它是指個體對某一活動表現出濃厚的興趣，并且完全沉浸在某項活動中的一種情緒體驗或狀態。在這種狀態下，人們有時甚至會失去時空概念和對周圍環境的感知[2]，獲得一種深層沉浸體驗，能夠感受到高度的充實感和愉悅感并且完全被所做的事深深吸引，喪失其他不相關的知覺，自我意識開始逐漸消失，感覺時間過得特別快或者特別慢，給人帶來時間的扭曲感。Csikszentmihalyi 將產生心流的表現總結為9 個特征：明確清晰的目標、技能與挑戰的平衡、準確而及時的反饋、行為與意識的融合、注意力高度集中、潛在的控制感、自我意識的喪失、時間扭曲感和發自內心的參與感。Novak 等人又將其歸納為心流產生的條件、體驗、結果三類因素（表1）。

表1 心流體驗的特征

2 色彩在心流體驗中發揮的作用

2.1 傳達準確而及時的反饋

反饋的表現形式包含視覺反饋、聽覺反饋、觸覺反饋和嗅覺反饋等[3]，感官反饋的疊加可加強用戶感知，提升控制感[4]。色彩是通過視覺感知而獲取的視覺印象，具有從精神到心理上的廣泛象征意義，相同的顏色在不同的國家有著不同的文化象征意義。紅色在中國代表著吉祥、喜慶和幸福，在農歷新年，人們會張燈結彩表達對來年的期盼；在美國文化里，紅色往往與暴力、血腥、赤字、警示相聯系。它是一種多功能的顏色，具有積極與消極的含義。因為紅色的光頻率最低、波長最長，所以其衍射能力最強，能夠給人帶來較強的視覺沖擊力。因此，世界各國都用紅色來表示交通信號燈和禁止停車的標志。紅色通常與警告或重要的內容相關，例如在錯誤狀態下紅色與叉形圖標使用，看到紅色就表示出現了問題；在電子商務的應用程序中，“從購物車中刪除”的操作也會結合叉形圖標，或者帶紅色背景的刪除文字表示用戶正在執行無法恢復的操作（圖1）。紅色通常也與愛相聯系，例如“點贊”之類的情感表達中會使用紅色（圖2）。在界面設計中，色彩的合理運用可以準確而及時地傳達圖標代表的內涵以及用戶操作行為帶來的結果。

圖1 京東網頁

圖2 Twitter點贊

2.2 劃分功能模塊，構建簡潔清晰的界面

合理地運用顏色劃分功能模塊，完善信息架構，提高認知效率。簡潔清晰的界面則能夠減少干擾因素，讓用戶在使用的過程中更容易理解、記憶應用程序的功能和操作方式。但是“簡潔”并不意味著減少或者省略，而是對復雜的信息進行整合，將信息呈現的方式簡單化、程序化，盡量不要使用復雜的設計元素，可以通過色彩來強調功能模塊的劃分吸引用戶的注意力。利用顏色區分導航欄、背景、圖標可以使用戶更容易理解界面之間的層級關系，引導用戶更快地進入心流狀態。以京東App為例，在狀態欄、導航欄、標簽欄運用界面主題色進行模塊分割，利用色彩的對比劃分功能模塊，使用戶能夠快速找到所需功能。

2.3 引發用戶情感共鳴，增強發自內心的參與感

色彩能夠以非語言的的方式傳達信息、創造特定的情緒，有時甚至可以影響人們做出的決定。人們對顏色的感知是主觀的，但受到歷史文化、地域的影響，某些顏色的效果具有普遍意義。例如光譜中紅色區域可以是以黃色為基礎的顏色，這些被稱為暖色，暖色代表著舒適、溫暖到敵意和憤怒的各種情緒；同時紅色也可以以藍色為基礎，如酒紅色、覆盆子色，這些被稱為冷色，具有平靜的含義，可以讓人感受到嚴肅、冷漠。App 界面的色彩運用從類別上主要分為主色、輔助色和點睛色，其中主色決定了App 的界面設計風格。根據受眾選擇特定的顏色，使其與情感聯系起來，對于大多數人，藍色表現出冷靜與理智，代表著信任、安全和可靠，例如支付寶選用藍色不僅讓人聯想到科技與創新，同時也能帶給用戶安全感。因此，通過界面顏色的視覺感受影響用戶的情緒，與用戶產生情感共鳴，能夠增強用戶的心流體驗。

3 沉浸式色彩體驗應用原則

3.1 迎合目標用戶

色彩是設計中最具有表現力的要素之一，它通過視覺能夠引起用戶一系列的生理和心理感受。色彩學把顏色分為暖色調、冷色調和中性色調。暖色系的色彩被認為會提高心跳次數、增強欲望和食欲，冷色系則有著相反的作用。不同年齡、性別的用戶對色彩的喜好都存在差異，需要對用戶的偏好進行分析，并且分析色彩給用戶帶來的視覺感受以及情緒變化。同時要選擇與App 調性相同，能夠引導相應情感的顏色，例如美團App（圖3）的黃色代表著熱情、溫暖，象征著美團始終堅守“幫助大家吃得更好，生活更好”的使命。考慮到女性在孕期需要放松身心，色彩上，可以選擇柔和、舒適的顏色。粉色經常用來體現女性的溫柔、浪漫、甜美的特性，例如美柚App（圖4）用粉色來凸顯女性化的特點。

圖3 美團

圖4 美柚

3.2 統一性

統一的顏色風格能加強用戶對應用程序的記憶程度，體驗感更加舒適和自然。界面設計中需要確保相同層級、相同功能的色彩元素保持統一，確定好主題色、輔助色、功能狀態色后需要按照規范進行使用，確保界面在視覺層次、設計風格的統一性。大多數情況下，在設計的過程中可以利用界面主題色選用不同明度、純度的小色塊點綴界面，提升界面整體的協調性。用戶可以通過色塊對不同的模塊進行區分，可以降低用戶記憶學習的認知負荷，改善用戶體驗。但統一并不意味著單一，多種色相顏色配色的Arngren 網站界面（圖5）和統一色調的站酷網站界面（圖6）的對比，可以看到在統一顏色下的設計畫面更為和諧，讓人感到整潔、舒適。其次，統一性不僅僅體現在色相上的協調，更加表現在色彩語意與產品內涵的貼合度。例如網易云音樂以紅色為主導色，紅色代表著熱烈、鮮活和向上，與網易云音樂“有溫度、有情感的音樂社區”形象不謀而合。因此，在使用多種顏色的時候除了進行色調的統一，還需要考慮到產品的內容與核心。

圖5 Arngren網站

圖6 站酷

3.3 平衡性

平衡性是指在界面設計中有秩序的色彩搭配。一般情況下，同類色彩的搭配能夠很好地實現色彩的調和，而高純度的互補色或對比色，例如紅綠、藍橙、黃紫，這類顏色適合在比較張揚需要著重突出的場景下使用。由于過于強烈的視覺刺激會使用戶產生視覺疲勞，因此需要控制使用面積，盡量在核心部分使用。另一方面是冷色與暖色關系的平衡，通過冷暖對比使界面不顯單調。色彩的布局可以通過深色與淺色之間的平衡區分產品的內容主次關系，通過色彩的飽和度、明度、對比度之間的差異形成對比，用戶的視覺中心點會自覺地偏向顏色鮮艷或者較深的部分。

4 App 中主要模塊的界面設計

App 設計前期研究采用了訪談法和問卷法獲取用戶在孕期時的健康、運動狀況和建議信息。調研共有65 人參與了問卷填寫，有效問卷填寫65 份。通過對運動需求和建議的調研和數據分析，得出結論：大部分孕媽在孕期會有身體不適的狀況，并且會選擇通過運動來輔助緩解身體的不適，但同時又擔心運動會對胎兒產生不良的影響。

4.1 用戶模型及用戶旅程圖

建立具有代表性的用戶模型，賦予其基本的信息及人物性格，可以更好地了解用戶的功能需求。孕婦在不同的階段生理及心理的狀態都有所不同，基于以用戶為中心的設計理念，對孕婦的心理特征、特殊需求、活動軌跡進行研究，從而挖掘出孕期運動App 的設計機會點。

綜合前期的調研結果，將孕婦的行為按照時間維度歸納為一條完整的運動行為路線，發現孕婦的功能需求及情感需求點，同時梳理出用戶在運動過程中的機會點，最終以可視化的圖表展現（圖8）。

圖8 用戶旅程圖

4.2 界面色彩設計與框架結構

4.2.1 界面色彩

色彩是能引起用戶心理上共同的審美愉悅的形式要素。用戶在使用App 時，顏色在留給用戶第一印象的同時，還能夠展現產品的內涵、品質、概念等。由于生理、心理、年齡、文化等差異，不同人群對于色彩的偏好有所不同，需要科學地認知受眾群體對于色彩的需求，為他們提供更加人性化的設計。相對于男性而言，女性更喜歡柔和的色調，例如粉色、黃綠等帶有溫柔意向的顏色，特別是對于處在孕產分娩、生理期等特殊時期的女性，飽和度低、明度高的顏色給視覺、心理帶來的刺激相對較小，更受到女性的偏愛。因此，在孕期運動App 的界面設計中選擇了以綠色為主色調，紫色、藍色為輔助色。綠色屬于中性色調，從視覺角度來看，綠色是最寧靜、最放松的顏色之一，代表著健康、自然、希望，象征著起點與成長，與女性孕育生命的意義不謀而合。

4.2.2 框架結構

孕期運動App 分為“首頁、廣場、消息、我的”四個主要模塊（圖9），每個模塊的主要功能如下。

圖9 界面設計

首頁：每日推薦、搜索欄、直播課、塑身課、減脂課等與前期調研目標相符合的課程推薦；廣場：經驗交流、運動圈打卡；消息：接受相關的推送、獲取好友的消息及點贊回復；我的：用戶的信息設置、身體狀態的監測、獎勵的獲取、重新設置運動目標。

綜上，色彩上，使用柔和、舒適的顏色，通過簡單和直觀的設計，讓用戶可以輕松地找到所需的信息和功能。功能上，在進入應用程序后會對用戶的身體狀況和運動目標進行調研，后續根據孕婦的孕期、有無疾病史、目標等要素推薦相關課程，確保挑戰與技能的平衡；其次，在視頻跟練的過程中可以調整自己的進度，并且依靠傳感設備對身體狀況進行監測，確保運動的安全性。在應用程序的設置中，用戶可以靈活地設置自己的運動計劃，自由地調整計劃的時間、內容和強度，從而更加方便地適應用戶的生活和身體狀況；最后，在完成運動計劃后，可以獲取經驗，通過獎勵機制來激勵用戶，使用戶感受到成就感，增強用戶活躍度。

5 結語

隨著全民健身理念的發展，運動類移動應用程序也迎來了新的發展機遇，但同時也面臨著同質化、用戶體驗感不佳的困境。文章在心流理論的指導下，探究孕期運動類App 沉浸式色彩體驗的方法，為設計實踐提供了可靠依據，證明心流理論與孕期運動應用程序結合的重要意義。希望今后在孕婦運動的問題上，能夠給孕婦提供實質性的幫助，為孕婦提供更加愉悅的運動體驗，提高孕婦群體的生活質量。