基于節氣養生的在線產品體驗設計研究

2024-12-31 00:00:00祝冰謙

設計 2024年12期

摘要：本文以傳統節氣養生為切入點，圍繞“膳圖”App視覺化表現，對相關元素和表現方法的設計與實踐進行討論。首先，運用調研材料針對App用戶視覺體驗進行分析，得出現有養生App視覺設計中存在的問題。其次，對“膳圖”App的功能和信息內容進行梳理，提出創新點，劃分設計版塊。最后，運用設計手段，實現視覺信息的傳輸。最終產出的節氣養生膳圖App將能夠滿足用戶對健康和生活的需求，為用戶提供更加全面的中醫養生知識和個性化的服務。得出基于節氣養生App設計策略可為相關交互App設計提供參考。

關鍵詞：節氣養生；“膳圖”App；視覺體驗；健康生活；中醫養生

中圖分類號：TB472 文獻標識碼：A文章編號：1003-0069（2024）12-0026-04

Abstract：This paper takes traditional solar terms health preservation as the starting point，discusses the design and practice of related elements and performance methods around the visual performance of the “Meal Map”App. Firstly，the research materials are used to analyze the visual experience of App users，and the problems existing in the visual design of existing health App are obtained. Secondly，the functions and information content of the “Meal Map” App are sorted out，innovative points are proposed，and the design sections are divided. Finally，design means are used to realize visual information transmission. The final produced solar term health preserving diet map app will be able to meet users’ needs for health and life，providing users with more comprehensive knowledge of traditional Chinese medicine health preservation and personalized services. The design strategy based on the seasonal health app can be used as a reference for related interaction App design.

Keywords：Health care for the seasons；“Shanntu” App；Visual experience；Healthy life；Chinese medicine health

引言

中醫藥作為我國三大國粹之一，是我國傳統文化中不可忽視的重要組成部分；二十四節氣以地球在公轉軌道上的位置發生變化為依據，是上古時代人們制定的氣候規律。[1]兩者在內容上都是極為重要的中華傳統養生內容。目前，有一些網絡平臺記載著中醫健身及飲食指導的相關信息，但由于分布平臺和內容雜亂，不能讓大眾系統地了解和學習，甚至更可能因為這類信息層次的雜亂和無認證性而產生認知誤導。市場上雖然也有一些相關出版書籍，但由于電子交互產品的普及，大眾對紙質書籍及其內容的關注度非常低。

隨著社會快速發展，人們獲取信息的媒介與解讀信息的需求不斷升級，信息的表現與傳播途徑也不斷發生變化。在當下盛行圖片與視頻的流量時代，手機等移動媒介的普及和計算機圖像處理技術的發展為信息的表現與傳播提供了多元化發展的可能。經過本項目調研，筆者發現市場上很多App表現形式缺乏深入的視覺導向研究與設計探索，與其說是同類競品，更像是書籍的手機版本：其背后的開發團隊并沒有在視覺表現、可視化信息架構和交互效果等方面進行太多深入研究。本項目結合中醫藥養生和膳食相關的傳統文化內容，著重研究傳統文化的圖形化表達方式與傳播途徑，討論二十四節氣、養身方法、膳食食譜在App中的圖形視覺結構和層次，以及這些內容與交互設計融合的方法與形式，希望所做研究在傳統文化與現代設計傳播形式的結合發展上能夠有所貢獻。

一、社會背景

（一）亞健康現狀不容樂觀，年輕群體中盛行養生潮流

白領亞健康在中國主要一二線城市的比例高達 76%，其中處于過度勞累狀態的比例接近六成，只有3%以下符合真正健康的標準。在亞健康人群中，40歲以下的青壯年占到 75%。隨著社會的發展和生活水平的提高，尤其是2020年始，受世界規模新冠疫情影響，人們對健康的觀念發生了深刻的變化。在亞健康狀態日漸普遍的背景下，大家越來越注重生活質量與身心健康，養生保健逐漸成為時下的熱點和潮流?！吨袊】蹬c養生大數據報告》中提到，18 歲到 35 歲的養生群體占據了 80%的比例，顛覆了只有年長者注重養生的既往認知，充分體現了健康和養生不只是中老年人的專利，越來越多的年輕人意識到健康的重要性，并將其擔憂付諸實踐，主動地解決了現實生活中面臨的各種健康隱患，加強鍛煉、提高身體素質[1]。

傳統的節氣習俗甚至膳食都與養生息息相關。近年來，強調天人合一、順應四時的中醫健康管理模式備受推崇，各種中醫學理論被人們所熟知[2]。本項目以中醫學理論為基礎，依托手機新媒體平臺，將方便接受和學習使用的視覺信息和設計界面作為主體，推廣相對簡單、有效、易行且普適性強的中醫養生及膳食方法，用于亞健康群體的自我保健[3]。

（二）中醫藥文化逐漸被重視，迎來轉型機遇

近年來，中醫藥服務能力顯著提升，中醫藥醫院數量大量增加，中醫藥人才隊伍也得到了大力發展。李克強總理指出，過去5年，我們國家在保障和改善民生、提高公共衛生服務能力等方面取得了實實在在的成效。在防治新型冠狀病毒的艱難過程中，中醫藥也發揮了不容忽視的作用。2022年10月，黨的二十大報告中強調“推動中醫藥繼承和創新發展”，政府以推動中醫藥事業振興發展為出發點，對中醫藥工作的支持力度空前加大，針對中醫藥傳承創新的政策扶持持續升溫。由此中醫藥產業迎來了千載難逢的歷史性發展機遇。目前，我國已建立起制度供給空前豐富的中醫藥發展政策體系[4]。全社會對發展好中醫藥事業的共識空前高漲。

在取得巨大成就的同時，中醫藥事業也面臨著一些不容小覷的挑戰，其中，最嚴峻的考驗莫過于創新力的匱乏。中藥研發與現代醫學的結合仍然不夠緊密，缺乏重要的產品來體現新的醫療需求和新技術的應用。與西藥相比，中醫藥在創新速度上也存在著明顯的差距，創新需求不僅體現在中醫藥內容本身的煥新，更體現在傳播語言的更迭上。作為設計從業者，我們要通過嶄新的視覺表現形式與今非昔比的科技手段讓藏于典籍、藏于古籍、藏于祖國大地、散于社會民間的中醫藥資源“活起來”，肩負起民族重任，采用本行業獨有的方式傳承與弘揚中華優秀傳統文化。

二、用戶視覺體驗

體驗是指我們在實踐中認識事物的過程，從生理層面來說，體驗是對事物或環境的內在反映。我們對一切客觀事物的體驗都會在記憶中留下不同程度的印象，這些記憶會在潛意識中引導我們對未來將要發生的某些事情進行思想上和行為上的預測，并且由于印象的不同，人們也會給出不同的反饋。視覺是人們接受信息的主要方式之一，是人眼在一定波長范圍內接受外界電磁波的刺激，并經過中樞有關部位的編碼加工和分析而得到的主觀感受，人們可以通過視覺感受到顏色、大小、明暗、動態等外界事物的各種屬性。在一個 App 的界面中，通過深度挖掘界面布局、顏色、字體、圖標、可視化圖形等設計元素，可以有效提升用戶對產品的體驗感[5]。

（一）視覺體驗的必要性

從啟動圖標到內頁，從頁面布局到文字色彩，從靜態 ICON 到動態效果，都是通過相似的傳達語言將一個完整的 App 展現給受眾。要想擁有良好的視覺體驗，不僅要把個體的視覺元素運用得當，更要兼顧整體之間的和諧統一，視覺流程、瀏覽喜好和頁面視覺中心等重要方面完美配合，才能帶給目標用戶流暢的視覺體驗。

針對不同用戶群體差異化的功能需求，創造良好視覺體驗的方式各不相同。不僅要考慮到不同年齡層次和性別的用戶，還要考慮到App產品本身的性質和主要功能，并以此來確定引導設計的整體風格以及App界面所要呈現給用戶的視覺感[6]。

（二）膳食養生類App用戶視覺體驗問題分析

目前，App的用戶體驗大部分是由界面的視覺設計和交互作用呈現的，在設計初始階段為了避免一些常見的問題，對相關競品案例進行了有針對性的調研，總結出以下幾點存在的問題。

1.同質化嚴重：市面上大多數膳食養生類App的選題、內容、表現方式同質化嚴重，缺乏文化特色和與之相適應的特性；且視覺呈現方式簡單粗陋，效果毫無設計感可言。開發者及制作團隊大多不太注重App的視覺感受、操作交互和用戶體驗。作為移動媒介，一個健康產品想要滿足所有的用戶養生需求是不現實的，如果沒有主體調性，不能在第一時間突出定位，反而會被本來有需求的人們所忽略。

2.視覺元素堆砌，內容呈現形式冗雜：大多數App缺乏完善的規劃，沒有指定性的主題和準確的方向，使得整個頁面看上去寬泛而冗雜；雖然內容多卻無法很好地組織調性，使得這些內容無法被設計手段進行統一和諧的處理。界面內的視覺元素也是雜亂紛呈：圖片幾乎全部采用原始照片，不僅像素較低，還會導致色調不一；背景上堆砌混亂的圖片沒有經過去背處理，極破壞整體觀感；過于濃厚和刻意的古色古香色調運用在一定程度上讓App界面呈現昏暗、臟亂的視覺效果[7]。

總體來說，視頻、照片、卡通等多種展現形式導致App不夠規整，色彩和圖形過多顯得花哨，缺乏時尚化、藝術化、個性化的視覺表達，視覺感受較差，既不能提高用戶的使用欲望和興趣，也無法滿足現代用戶除基本需求之外的附加需求或者其他多元化需求[8]。

3.界面設計繁瑣，層級混亂：如果說信息架構是軟件的骨架，那么界面就好比軟件的臉面，設計師可以通過排版、配色、動效等手段將界面的質感呈現于產品中。然而，大部分App的界面結構不清晰，設計布局過于常規：每個模塊之間的間距和標題內容之間的間距一致，頁面整體看起來沒有節奏感，顯得局促，而且模塊之間劃分也不明確；界面中多個元素堆砌，沒有通過顏色、大小和背景色等手法把頁面中最重要的信息元素突出展示，沒有形成視覺焦點。同時功能層級較深，功能性按鈕的顯示不突出，在操作交互上容易引起誤觸，大大降低了用戶的體驗感。功能層級分布不明確，導致視覺信息繁雜混亂。

4.用戶界限模糊：市面上可搜尋到的膳食養生類App并未對使用人群進行細分。事實上，兒童、青年和老年人在產品整體色調、功能需求、操作互動與使用目的等方面的理解能力存在相當大的差異，多類人群的體驗需求很難被同一模式的 App 所滿足。

5.靜態圖片吸引力不足，操作不便：由于視頻存儲量大，多采用圖片步驟展示運動及食譜過程，一般多圖下拉或者滑動版式，實際在操作中非常不方便。相對靜態圖片來說，動畫和視頻對于App手中具有更強的吸引力和交互性，這也是為什么近年來短視頻App，例如抖音、快手等火爆的原因。相關數據表明，動畫和具有動效的視頻可以使信息內容更易于認知和理解，也更能讓受眾保持專注度[9]。

三、“膳圖”App的設計策略分析

（一）研究目的

本App通過對中醫養生和膳食的內容特點研究，用插畫形式繪制二十四節氣中醫養生方法及食譜并建立圖形數據庫。依據讀圖時代人們利用碎片時間進行信息瀏覽的特點，設計普通大眾易操作的交互體驗程序界面，采用圖形圖繪、視頻、可視化信息圖表進行內容呈現，達到促進科普傳統文化和養生類App創新設計的研究目的。

（二）“膳圖”App用戶功能需求梳理

1.本能需求：本能需求是“膳圖”App的基本屬性，為中醫健身和節氣膳食版塊。市場現有App很少有中醫健身和節氣菜譜結合起來的功能，而這兩者在中醫養生中的內容是密切相關的，實際上都注重節令性。

《中國傳統健身時間節律與人體生物節律關系密切》以“順時養生”的中醫養生理論為依據，講解天人合一、順時養生的思想內涵。如二十四節氣導引，是指在二十四節氣中，根據節氣變化選擇相應的時間進行導引、吐納以及根據人體氣血運行的方向來進行思維的一種氣導引。如果養生操是內在調節，節氣食譜則是環境輔助，以里應外合的方式供給身體充足和正確的營養。

2.情感需求：當代人除了身體健康的需求，還注重心理健康。情感輸入和輸出是維持心理健康的必要選項，中醫養生講究內外兼修，與環境相融才能使身心保持健康，因此，設定交互討論版塊，讓大家根據同樣的養生喜好和習慣進行交流，建立心理疏導和學習推廣的平臺。

3.交互特征：集郵文化是我國20世紀改革開放后形成的一種獨特的文化現象，有著自成體系的廣泛領域和文化內涵，但隨著網絡文化的發展逐漸沒落。傳統養生也是一種文化，靠的是日積月累的堅持。近幾年隨著郵政文創的興起，在“膳圖”App的交互設定中，把“集郵”和“養生”這兩者結合起來，以集郵的方式來進行日常的養生、做操、食譜打卡，即宣揚了傳統養生文化和集郵文化，又提高了人們鍛煉身體的樂趣。

（三）“膳圖”App的視覺呈現需求梳理

1. 信息可視化：日本設計大師原研哉說過，設計中的任何東西，對于信息來說，都是一個容器。App也是在用戶需求的基礎上建立的一種或者多種視覺信息載體。信息可視化是依據人的視知覺原理，對經過整理后的有效信息建立邏輯結構，并以圖形設計的形式進行呈現，讓枯燥的文字和數據變得直觀、易于理解和記憶，從而加強信息傳播的速度和精準度。信息可視化可以讓用戶從繁雜瑣碎的信息壓迫和搜索中解脫出來，直接得到自己想要的信息內容，并提高用戶在信息獲取過程中的趣味性和效率。

2.插畫個性化：在前期調研分析中得出，目前現有App的具象呈現形式紛雜，在視覺表現方面不統一，大大降低了App的視覺體驗感。而插畫在現代設計應用中范圍非常廣泛，具有多種表現技法和風格，能夠提高視覺信息可視化的藝術魅力。因此，“膳圖”App將照片、視頻等具象的實物均做統一化的插畫形式處理，配合以靜態和動態表現。“膳圖”App最初的設想是將人們從繁雜的社會生活和思想活動中解放出來，回歸生命的本質。因此，插畫風格采用簡化形態和色彩的個性表達，體現最純粹的用戶需求和設計目的，如圖1。

3.版式結構化：版式在視覺設計應用中非常重要，在App中直接影響界面的視覺效果和使用?，F有一些養生和保健App受眾定位太過寬泛，用戶所需功能不同，功能的復雜性影響了信息梳理和架構，導致信息結構層級分布不明確，界面和版塊內容缺乏引導性。在“膳圖”App的版式設計中，注重用戶認知規律和認知特點，從用戶功能要求、使用習慣等進行深入分析，對功能內容和信息要素的屬性進行分類和級別分層，對其進行邏輯結構的構建。

四、“膳圖” App設計實踐探索

（一）競品分析

在對現有市場上的競品進行分析后，對膳圖App的目標用戶從用戶的期望、年齡、性格特征、教育程度、生活習慣、用戶痛點、用戶目標和用戶動機等各個維度進行總結，具體如圖2所示。目標用戶的特點是具有一定的社交能力和互動意愿，愿意分享自己的養生經驗和獲取他人的建議，有一定的消費能力，關心養生、關心身體健康。

綜合以上幾種產品的優劣勢，如果要設計一款基于節氣養生的App，應該具備以下特點：

1.專業性和實用性相結合：App應該提供權威的中醫養生知識，但同時也應該使這些知識易于理解和應用到用戶的日常生活中。

2.交互體驗友好：App的界面設計應該簡潔美觀，易于用戶操作，同時廣告不應過多影響用戶體驗。

3.多樣性和個性化：App應該包含多種形式的內容，如文章、視頻、音頻等，以滿足不同用戶的需求，同時也應該支持個性化的功能，如用戶偏好設置、定制化的方案等。

4.專家支持和社群互動：App應該與中醫專家或從業者合作，提供咨詢或解答用戶問題的功能，同時應該支持用戶之間的社群互動，如分享經驗、交流等。

由于目前App市場的同質化現象嚴重，視覺表現簡單粗糙，從而效果缺乏設計感。大多數開發人員和生產團隊很少重視應用程序的視覺感知、交互和用戶體驗。因此，我們根據產品的特性，考慮膳圖App的icon及啟動圖時，結合代表健康和平衡元素的瑜伽圖案和代表中醫養生的中草藥的抽象圖案。能夠直觀表明中醫養生、健康養生等的目標。其次，Logo主題采用綠色漸變，代表的是健康、安全的特點，具體如圖3所示。

結合前期的“膳圖”App的視覺呈現需求梳理結果，在App設計前首先明確App的色彩，考慮到產品的核心功能是根據傳統中醫的二十四節氣來推薦食療，來進行中醫養生及通過提供中醫養生的相關咨詢及建立相關的社群，提供目標用戶溝通交流的渠道，因此，在主色調上采用代表健康的綠色和與較多中藥材質具有相同顏色特征的深黃色，再用多種顏色的淡黃色作為輔助色來共同搭建膳圖App如圖4所示。

“膳圖”App核心功能設定為宣揚中國傳統文化，致力于緩解當代青年亞健康問題，以二十四節氣為時間流程，人體器官脈絡圖為交互主界面，從海量數據庫中系統整理出不同節氣對應的中醫養生方法和膳食食譜并向用戶進行算法推薦?；ヂ摼W市場現有的養生食譜類App一般功能齊全，涵蓋面廣泛，但也存在設計和使用上的一些弊端。“膳圖”App功能核心不再偏大偏全，而是做到精準定位、個性需求；通過一定范圍的用戶調研，從本能需求和情感需求出發將主要版塊設定為：首頁、調養、資訊、我的，其包含的主要內容有：

在啟動頁中通過膳圖App的icon進行漸變動畫啟動。在首頁的頭部，展示與當前日期最接近的節氣，按照時間順序展示相近的節氣，并根據具體日期提供中醫養生方面的適宜、禁忌和推薦，并提供相關節氣養生的推文及養生小課堂的標簽，引導用戶進入調養界面。通過點擊二十四節氣表的更多能夠進入二十四節氣養生圖譜，膳圖App啟動頁與首頁設計見圖5。在字體設計時，須注意App程序良好的識別能力。選擇視覺清晰且更為醒目的無襯線字體，以提高用戶識別字體的效率與辨識度，避免了用戶在閱讀App程序時的視覺疲勞。由于市面上大多數應用程序界面規劃不完整、沒有具體的主題和精確的方向，頁面雖然內容很多，但缺乏良好的組織協調，App界面中的視覺元素也非?；靵y，圖像元素幾乎總是原始照片，這不僅導致分辨率低，還導致色調不和諧統一，背景中的圖像混亂，沒有經過處理，這嚴重妨礙整體觀感。于是，在膳圖App的視覺風格中，選擇舒適的交互界面設計，并且盡量遵循不了解中醫傳統知識的用戶的認知屬性風格類型，如擬物化、實物圖等。圖標設計應盡可能簡單，以便用戶能夠看到和理解其指代的含義，避免使用可能導致誤解和其他看不懂的抽象圖標。

見圖6，在調養板塊中，分為從癥狀出發和從食材出發，用戶可以選擇與自己相關的癥狀標簽，如：熱門癥狀、一般癥狀、頭頸、胸腹、肌肉骨骼四肢等。除此之外，用戶還可以選擇自己的癥狀來獲取相應的調養步驟與方法。點擊自行調養后獲取食療、運動和外用等3個方面的調養方法，并且能獲得詳情。膳圖App調養板塊推薦藥膳的功能主要專注于用戶的養生。調養板塊每天會定時為目標用戶人群推送多款藥膳供相應的群體參考，用戶可以根據該板塊推送的藥膳方子知識，在家自己制作，簡單方便。

與靜態圖像相比，動畫和視頻對應用程序來說更具吸引力和互動性，因此，近年來抖音和快手等短視頻應用程序非常流行。動畫和動態視頻可以更容易地識別和理解信息內容，并更好地關注觀眾。于是，在資訊板塊的界面設計中，膳圖App能夠以短視頻的方式進行個性化內容的推薦，并且該板塊按照食療、運動、二十四節氣和文章的熱度兩個維度來篩選資訊。在我的板塊中，提供個人對資訊的操作記錄，提供體制和個人信息的修改入口，以及整個App的設置入口，見圖7。

通過以上的設計，基于節氣養生的App將能夠滿足用戶對健康和生活的需求，為用戶提供更加全面的中醫養生知識和個性化的服務，同時也為用戶帶來了更好的用戶體驗和使用體驗[10]。軟件依靠消費者數據庫，通過使用智能手機作為載體，并確保用戶數據的安全，從而降低廣告和紙創建質材料的成本。該膳圖App的所有咨詢功能都是完全免費的，在一定程度上用戶可以節省咨詢醫生的費用。近年來，中醫藥文化App應用不斷發展和優化，在一定程度上幫助了公眾學習并傳承優秀的中醫藥文化，更好地增強了公民對中醫藥文化的信心。根據調查結果表明，絕大多數用戶認為，一個完整內容體系的中醫藥文化平臺可以促進中醫藥文化的繼承與創新，科學和系統的知識進行分類與管理，可以提高對中醫藥文化學習的效率。

結語

手機App的視覺體驗感是決定受眾是否會使用的第一要素。作為從業者，我們不僅要根據用戶的需求和交互框架來設計其主要內容，還要運用美學、用戶心理學等理論知識及多種造型方法等途徑設計出時尚美觀且方便實用的界面，通過與美學、心理學的結合，把視覺體驗感的提升落實在App各個細節上，才能提高產品的美觀度和用戶的接受度，最終讓用戶喜愛，并享受整個信息傳輸與使用的流程。