沈悅 吳祐昕

摘要：在睡眠經濟興起的大背景下，探討基于內隱記憶的助眠App用戶界面設計規(guī)律，為助眠舒壓類移動端產品界面設計研究提供更人性化的視角。首先，對內隱記憶理論及其在設計中的應用進行概述，其次，使用觀察法、訪談法及問卷調查法切入，進行目標用戶研究，再者，對三款市場占有率較高的助眠App的視覺風格、布局設計、交互邏輯三方面對比分析，最后，總結基于內隱記憶的助眠App用戶界面設計規(guī)律。提出調動用戶內隱記憶的界面設計三維度：基本意象與民族性意象的UI隱喻，情緒色彩，構成熟悉化的視覺設計；植根用戶認知基模的界面組織；引導用戶行為的隱式交互。內隱記憶理論介入助眠App用戶界面設計，降低了認知負荷，并將用戶的無意識行為映射到設計中，實現用戶潛意識訴求，從而在無形之中高效提升了用戶體驗。

關鍵詞：界面設計；視覺設計；內隱記憶；助眠App；用戶體驗

中圖分類號：TP472 文獻標識碼：A

文章編號：1003-0069（2024）01-0148-04

Abstract：Under the background of the rise of the sleep economy，to explore the design rules of the user interface of sleep aid App based on implicit memory，and to provide a more humane perspective for the research on the interface design of sleep aid and pressure relief mobile terminal products. Firstly，the implicit memory theory and its application in design were summarized. Secondly，the research on target users was carried out by using observation method，interview method and questionnaire survey method. The visual style，layout design and interaction logic of sleep App are compared and analyzed. Finally，the rules of user interface design of sleep aid App based on implicit memory are summarized. Three elements of interface design to mobilize users’ implicit memory are proposed： UI metaphor of basic image and national image，emotional color，constitute familiar visual design；Interface organization rooted in user cognitive model，implicit interactions that guide user behavior. Implicit memory theory is involved in the user interface design of sleep aid App，which reduces the cognitive load，maps the user’s unconscious behavior into the design，realizes the user’s subconscious appeal，and effectively improves the user experience invisibly.

Keywords：Interface design；Visual design；Iimplicit memory；Sleep aid App ；User experience

據中國睡眠研究會報告顯示，我國有超過3億人存在睡眠障礙，其中18-34歲的青年群體占比71.8%。大量的需求催生出“睡眠經濟”，市場上也陸續(xù)出現了數十款助眠App產品。但目前的助眠App尚在發(fā)展階段，大多數強調科技賦能、明星助眠、夢話社交等新概念，卻忽視了用戶最根本的根源性體驗，即用戶的無意識操作和習慣，而這點正與用戶的內隱記憶相關。從一些較為成熟的產品中可以看出，順應用戶的內隱記憶進行設計，能有效降低認知成本，帶來良好的體驗。因此，本文從內隱記憶理論的特征出發(fā)，首先分析其介入設計的方式，再通過調研明晰用戶需求，而后剖析代表性的助眠舒壓App，最后由此總結出基于內隱記憶的助眠App用戶界面設計規(guī)律。

記憶按照“能否被意識到”分為外顯和內隱兩個部分。外顯記憶，指在有意識情況下，過去經驗對當前作業(yè)產生的影響。而內隱記憶則指在你沒有完全意識到的情況下就影響你行為的記憶，包含程序性記憶、知覺啟動、經典條件反射、非聯想性學習等，如圖1（左）。內隱記憶現象是個體經驗自動對當前工作產生影響而表現出來的行為，在生活許多方面發(fā)揮著作用，喬納森·福斯特在《記憶》中，指出內隱記憶的無意識喚起能夠影響人類的感受和行為。[1]我們很多日常行為，包括生活習慣、處事方式、情感歸屬等，都被內隱記憶潛移默化地影響著，如學會駕駛汽車后，在實際場景可以快速上手；學過的語言，在表達時能直接使用等。1987年，在尼森和比勒姆的一個說明內隱記憶產生作用的實驗中，紅、綠、藍、橙的燈基于一定順序規(guī)律閃爍，實驗參與者反復響應閃爍的燈，一定的訓練后，形成了自然的直覺反應。

認知科學家常把人類的記憶系統(tǒng)形容為由編碼（接收或獲得信息）、存儲（信息保留與分類）、提?。ㄓ|發(fā)回想）三者構成的一種信息處理器。但同時，記憶是理性與感性結合的產物，回憶時的主觀體驗也不可忽視。記憶是回憶主體對事件的體驗，而非事件自身，回憶體驗是回憶主體基于特定的時空場景，并認可發(fā)生的事。[2]因此，記憶的提取過程需要圍繞回憶主體展開，見圖1（右）。

用戶界面（User Interface）設計是對界面的視覺效果、信息組織、人機交互等方面進行的整體設計。將內隱記憶理論介入到App的用戶界面設計中，核心是通過對用戶某些行為的洞察，去解決潛意識的需求，而非單純滿足用戶提出的需求。在設計之初，進行信息搜集、分類、整理，然后剖析和利用用戶的下意識反應來簡化操作，做出體驗良好的設計。[3]

（一）內隱記憶引導用戶行為

由于內隱記憶是人類最自然的記憶行為，源自知覺心理和生活行為經驗，隱藏著巨大的用戶需求，因此深入分析用戶內隱記憶，可以挖掘其直覺心理訴求和行為動機。[4]如移動端用戶使用界面時從左上至右下的視覺習慣，與古騰堡法則相關，來源于人類早期閱讀印刷品的生活習慣，現如今也依然被廣泛應用于用戶界面視覺流的安排?？梢娫谟脩艚换ソ缑嬖O計時，易用性一方面體現在成熟的技術上，一方面則體現在對用戶行為和訴求的洞察上。[5]基于內隱記憶的設計本質上不是追求新體驗，而是用設計進行用戶習慣的還原。

（二）內隱記憶預設用戶視覺偏好

隨著互聯網的不斷發(fā)展，大量的同類產品可供用戶選擇，符合用戶預期和偏好的產品往往脫穎而出。而內隱記憶現象中的多看效應（Mere Exposure Effect）正與此相關。扎榮茨（Robert Zajonc）通過圖像實驗證實，人們會對熟悉事物產生好感。如高頻次出現的廣告，由于提前使用戶熟悉產品，用戶就更容易選擇該產品。而在界面設計時，閱讀類產品的界面設計中，常會出現書架的意象、視頻類產品常出現電視、話筒等意象。使用用戶的內隱記憶作為視覺設計切入點，順應了他們的視覺偏好，會形成符合用戶設想的產品視覺設計。

（一）助眠App問卷前期問題設定

探究內隱記憶如何作用于設計，需要先研究該類設計針對的目標人群特征與習慣，即分析內隱記憶作用的回憶主體。因此，探究基于內隱記憶的助眠App用戶界面設計規(guī)律，首先需要對助眠舒壓產品的用戶進行調研。

中醫(yī)理論中將意識水平分為“寤”和“寐”，相應指代覺醒和睡眠。人類意識水平是一個連續(xù)反復的過程，由清醒至睡眠，由動及靜。因而助眠舒壓產品的本質，就是使懸在空中的用戶注意力慢慢落下，從分散到收攏，從躁動到平和，用戶的注意力也回到自身。其常見功能一般包括白噪音、冥想課程、聲音劇場、晚安電臺、手機戒斷，其余附加功能有睡眠檢測、夢話記錄等。調研擬對助眠類App的用戶進行訪談，記錄他們對于助眠App的使用需求、體驗感受、選擇原因，以及他們自身對于睡眠的記憶和理解。再以訪談得出的結論為基礎，通過問卷搜集和分析研究印證結論是否適用于多數用戶。問卷調查研究范圍包括用戶年齡性別、助眠習慣、睡前情境、助眠App選擇、使用頻率、需求層級、視覺偏好等。

（二）用戶調研問卷實證分析

從百度指數對市場占有率最大的助眠App“蝸牛睡眠”的搜索指數以及TGI數據，得到其核心用戶群體年齡以20-29歲為主，其次為30-39歲。且艾瑞數據對“小睡眠”的搜索指數中，40歲以下的人數達到96.73%，與我國睡眠質量監(jiān)測報告數據基本一致?？梢婐B(yǎng)生年輕化趨勢下，當下都市青年群體對睡眠問題的關注也逐漸增加。[6]故問卷樣本主要集中于上述年齡段。發(fā)放問卷350份，回收有效問卷304份，男性132人，女性172人。

1.助眠App用戶睡眠情況：首熬夜晚睡這一睡眠問題情況，整體年齡集中于18-40歲人群，表1。晚睡原因多為“學業(yè)、工作、交往等外在壓力產生的焦慮”（34.21%）和“手機娛樂活動”（32.24%），表2。對于失眠問題，常用的解決方法有關燈、遮蓋等制造黑暗環(huán)境，使用眼罩、蒸汽眼罩，聽助眠音樂，數數、數羊等腦內重復性動作這4類。外部環(huán)境上，有96.09%的樣本基本使用助眠App場景是在黑暗環(huán)境下，與之前得到的最常用的遮蓋式助眠方法相符。

2.助眠App用戶關注點：將樣本選項數據進行帕累托圖分析，助眠App的視覺界面、交互操作是用戶使用時最關注的點，內容豐富度次之，見圖2?，F代腦科學的研究中指出，視覺信息輸入產生的意識和感受占大腦的75%，有著至關重要的作用，恰當的視覺效果能達到穩(wěn)定情緒，調節(jié)身心的作用。

3.問卷主觀感受總結：針對受訪樣本指出的一些會使其內心平靜或是產生睡眠感覺的場景或是動作，問卷也做了相應求證。關于睡前環(huán)境，有97.70%的問卷樣本贊同“看溫馨，柔和，安靜的事物讓我進入安逸的睡前狀態(tài)”，88.82%的樣本贊同“關燈、雨雪天等較暗的環(huán)境讓人想睡覺”。關于助眠現象，有83.22%的樣本認為水波，雨點等有規(guī)律、律動的東西，容易讓人犯困。68.09%的樣本認為揉眼睛、搖晃等動作會產生要睡著的感覺。問卷調研的結果呈現出用戶對于助眠App設計的多方面的需求與偏好，且主觀感受的陳述大都指向了柔和、低亮度、律動等設計關鍵詞。

用戶界面（User Interface）設計是對軟件界面的視覺效果、信息組織、人機交互等方面進行的整體性設計。結合調研結果，通過查閱行業(yè)報告以及統(tǒng)計App Store、華為應用商城、應用寶等平臺下載量，選取了“蝸牛睡眠”“小睡眠”和“潮汐”這3款具有代表性的助眠App，進行對比分析，見表3。通過調研數據和產品分析，從視覺元素、界面組織和交互設計3個維度，總結出基于內隱記憶的助眠App用戶界面設計規(guī)律。

（一）熟悉化的視覺加工，契合用戶認知

在基于內隱記憶的助眠App界面設計的第一維度-視覺元素的設計上，基于內隱記憶現象中的多看效應，從情緒色彩和UI隱喻兩方面切入。對助眠相關要素進行熟悉化的視覺加工，能夠契合用戶認知，緩解陌生產品帶來的焦慮情緒，從而提升用戶的好感度。

1.符合“睡眠”的情緒色彩：顏色對于人類的視覺有很大影響，在App設計中，色彩的選擇和搭配往往可以直接反映出產品的屬性、基調和風格?？梢赃\用適當的色彩方案與用戶的情緒匹配，讓情緒傳達通道順暢，降低認知錯誤率。如電商類產品常使用激烈的紅色，工具類產品常用冷靜的藍色，健康類產品常用和諧的綠色。色彩具有表情，有象征性，能夠有效引發(fā)人的聯想。[7]

調研結果指出，助眠App的使用場景特征有夜晚、黑暗、安靜等，用戶偏好關鍵詞有柔和、溫馨等。分析助眠App用戶熟悉的環(huán)境色，和色彩背后的情緒，從色相、純度和明度這3種顏色的重要屬性入手。色相上會選擇較為平靜的藍紫色系，并在藍紫色系基礎上進行低純度的色彩調整。與電商類頁面吸引用戶注意力不同，助眠App作為工具產品，較之C端產品的注意力抓取，更傾向于賦予用戶長久的注意力，不阻斷用戶心流。因而，無論是單色還是多色界面，整體純度對比都會弱化，降低視覺沖擊，形成適應睡前習慣的較為柔和平衡的色彩方案?！熬〇|”的電商圖標欄與“小睡眠”和“潮汐”的圖標欄對比，顯得更有視覺沖突感，見圖3。“小睡眠”的主圖標采用了低純度高明度的多色面形設計，形成自然輕快的感受。“潮汐”使用了色重最輕的白色作為控件主色，圖標背景透明，線性圖案簡潔明了，與底圖和諧平衡。觸控時通過調節(jié)控件透明度和灰度來顯示狀態(tài)的改變，整體設計營造出輕盈的禪意感。

2.熟悉意象的UI隱喻：除了情緒色彩，使用用戶的熟悉意象來建立視覺隱喻，包括基礎意象與民族性意象，也是喚起用戶內隱記憶的有效方式。視覺隱喻由用戶經驗逐步構建，再形成結構性的系統(tǒng)設計。[8]人類的視覺記憶往往會將日常認識到的事物簡化識別為必要的基本輪廓，在助眠App界面的圖標設計時，通過概括、歸納和隱喻，將復雜抽象的信息通過熟悉的意象簡單明了地表達出來，從而讓用戶在更短的時間內認知信息。在基礎意象方面，“蝸牛睡眠”和“潮汐”的睡眠功能圖標，都使用了月亮的概括意象和象征鼾聲的Z字圖形，諸多被神經科學家認可的催眠圖像，其常用意象也有黑夜、月亮、星光、河水等一些常見的睡眠相關的環(huán)境意象。

而在民族性熟悉意象的UI隱喻方面，在2018年無印良品旗下的放松助眠產品muji to relax中，就嘗試將日本各地收錄的聲音，制成富有民族文化內核的UI隱喻圖標，見圖4（左）。關于民族性意象，榮格曾提出，一定數量的人群在經年累月中形成的習俗或經驗，成為集體無意識。如中國人對于小吃吆喝，木魚敲擊，江上笛聲、和尚念經等場景感到放松和熟悉，這是與別的民族不同的文化形成的集體無意識?！靶∷摺痹诎自胍暨@一板塊的圖標根據國人的集體無意識進行了視覺設計，把握住了用戶群體更深層的文化內核，見圖4（右）。在細致地搜集到一定數量的民族性聲音的基礎上，將其轉化為可視的圖形語言，在感性層面上對icon進行熟悉化加工，帶來視聽結合的共振體驗。

（二）植根用戶認知基模的界面組織，達成直覺化操作

在基于內隱記憶的助眠App界面設計的第二維度-界面組織上，用戶先前經驗形成的認知基模，指導著界面組件的整體性組織。認知基模與內隱記憶緊密相關，上20世紀70年代，國際象棋大師曾使用一種高效的記憶方式，即將棋盤視作有機的整體，而非單個棋子的組合?；趯υ摲椒ǖ难芯浚吞乩靥岢觥祟悡碛幸惶渍J知基模，是一種記憶的整體性組織框架。該框架由先前實踐經驗逐步組織搭建形成，并引導用戶對于同類事物的相關操作預期。認知基?；镜韧谌藗兂Ｕf的認知框架，包含大量內在知識與意義結構。[9]是由信息整合的，自我形成的。當人們接觸到一件新事物時，由于認知基模影響著人們對新信息的編碼，也影響著他們的態(tài)度或行為反應，因此，在設計時順應用戶的認知基模，更易達成直覺化的操作行為。

在互聯網環(huán)境下的用戶，通過長期使用各類應用，已初步形成針對某類App界面布局的認知基模。因而通過運用現有的高市場占有率產品的布局設計，可以充分調動用戶的相關內隱記憶。助眠App是一種較新型的App類型，但基于前文調研及市場分析，最早形式來源于音樂類App。將“潮汐”“蝸牛睡眠”和“小睡眠”三款App首頁進行對比分析，見圖5，“蝸牛睡眠”右上角的搜索icon布局是常見的該控件布局，且首頁的音頻播放鍵與大部分音樂播放軟件位置基本一致，使用戶操作較為順暢。但“小睡眠”在首頁右下部分未安排音頻播放，而是點擊跳轉到單獨的音頻播放界面，與常規(guī)音頻播放位置相悖，增加了部分認知成本。

“潮汐”的主頁設計初看與二者差別較大，將助眠音播放按鍵放置在手指小幅度伸展可觸范圍內，設計了幾乎全屏的觸控熱曲，點擊主頁屏幕任何位置都可以直接播放白噪音。但基于美國UXmatters 機構報告，用戶常用持握手機方式及點擊范圍，如圖6，綠色、黃色、紅色區(qū)域分別表示手指小幅度伸展可觸碰范圍、手指大幅度伸展觸碰范圍和超出手指范圍。[10]且在此前調研中，睡前手機操作姿勢這一問題設計，樣本選擇“單手操作”的占比最高，為62.50%?？梢姟俺毕敝黜撾m沒有依據常見的產品布局進行設計，但遵循了用戶使用移動設備的更深層次的手勢操作經驗，使用戶無意識地高效觸到了核心功能。

（三）隱式交互，引導用戶行為

在基于內隱記憶的助眠App界面設計的第三維度-交互設計上，以用戶潛在目標為導向的隱式交互，使操作邏輯更加自然合理。隱式交互觀點由阿爾布雷赫特·施密特（Albrecht Schmidt）提出：用戶如今不再關注交互過程本身，也不過多考慮如何使用設備或者系統(tǒng)，而是由設備或者系統(tǒng)主動地、內隱式地識別和理解用戶行為，其核心兩要素是感知和推理。[11]因而基于內隱記憶的交互設計，是通過對用戶無意識的行為感知，來推理相關操作，由此提升產品的易用性，提升用戶的愉悅度。[12]不同于實體產品擁有的傳感器、語音識別等技術，線上產品主要通過線上交互，因此可以通過對用戶生活習慣的洞察來預先感知其行為目標，再實現目標導向的，感性的頁面交互。具體方式有生活體驗、角色設定、虛擬情境等，使線上環(huán)境成為用戶真實生活的延伸。[13]

如上文調研環(huán)節(jié)得到的助眠關鍵詞有“律動”。年幼時，親人的臂彎和搖籃的輕輕搖晃，模擬出胎兒在母親腹中的動態(tài)，有效抑制了大腦中的興奮與恐懼意識。自此“輕柔律動”感受被關聯性地編碼進對于睡眠和安全感的記憶中，形成人類內隱記憶的一部分。在助眠App在界面交互設計上，就出現了重復、擴散、平滑、無盡等低視覺刺激的律動圖形，如“潮汐”的主頁界面背景，制作了隨著白噪音有規(guī)律擴散的圖像，使人情緒放松，見圖7（最左），在音頻播放界面選擇場景背景圖時，也再現了海潮漲落、篝火燃起、云層浮動、細雨連綿等自然規(guī)則動態(tài)。其具有閃爍不定的視幻感，對觀者起到無意識的催眠作用。[14]通過挖掘目標用戶無意識行為的產生原因，可以構建對應的隱式交互規(guī)則。[15]該類設計就是通過推理目的——律動促進助眠，而后進行律動行為的虛擬情境模擬。

James R. Eads的助眠插畫作品中，針對助眠的目標，采用了生活體驗的方式，用擁抱、安撫等行為圖像，來重現觀者的睡前習慣，被科學證實有助眠的效用，見圖7（中間）。在“小睡眠”界面設計中，睡眠功能頁面將核心按鈕設計成一種睡前熄燈的行為復現，首先用一扇的窗來示意真實居家環(huán)境，然后窗戶在夜間亮起燈，伴隨著“星空下”“夜深了”等文案，提醒用戶進入睡前狀態(tài)，最后用戶輕觸窗戶按鈕來關閉燈光，開啟睡眠模式，見圖7（最右）。不過，由于窗戶組件缺乏引導，可供性較弱，該組件模塊在新版本的“小睡眠”中，已被取消。可見，在App界面設計中，使用戶產生無意識操作的隱式交互，仍有較大的發(fā)展空間。

互聯網時代下，如今用戶對于工具類產品的要求不斷提高，良好的用戶界面設計成為關系到用戶留存與收益的重要一環(huán)。用戶體驗的最終目標是達到無意識認知。[16]基于內隱記憶的助眠App用戶界面設計規(guī)律，考慮到用戶的無意識認知，為助眠舒壓類移動端產品提供了新的設計視角，同時，助眠App是誕生于新消費時代需求的產品，因而在前期對用戶行為與偏好的調研時，應注意到感性數據與理性數據的結合，將用戶需求視為變量，持續(xù)進行優(yōu)化。

基金項目：2021年度國家社科基金后期資助項目立項《場景交互設計理論》，項目編號：21FYSB049

參考文獻

[1]（澳）喬納森·福斯特.劉嘉譯.記憶（牛津通識讀本）[M]南京：譯林出版社，2016.55-56.

[2]（美）丹尼爾·夏克特.張夢潔譯.探尋記憶的蹤跡：大腦、心靈與往事.[M]北京：機械工業(yè)出版社，2021.16-17.

[3]宋奕勤，余佳琳.論無意識設計和情感化設計對App設計的提升與優(yōu)化[J].設計，2021，34（05）：65-67.

[4]張建淳.由隱性記憶引導的交互設計研究[J].藝術與設計（理論），2014（06）：111-113.

[5]王晶瑜，徐力.內隱記憶引導下的交互界面設計研究[J].設計，2018（21）：136-137.

[6]張浩男.睡眠醫(yī)學科普知識微信小程序的交互設計探索與實踐[D].北京服裝學院，2019.

[7]高玉嬌，覃京燕，陶晉.手機App交互設計中動態(tài)色彩的視知覺研究[J].包裝工程，2016，37（08）：134-137.

[8]楊潔.智能手機App用戶界面設計的行為邏輯思維[J].包裝工程，2018，39（22）：241-245.

[9]郭小安，滕金達.衍生與融合：框架理論研究的跨學科對話[J].現代傳播（中國傳媒大學學報），2018，40（07）：46-53.

[10]莊宇寧，張志賢.融媒體新聞客戶端界面設計研究[J].包裝工程，2021，42（02）：202-209.

[11]Schmidt A.Implicit human computer interaction through context[J].Personal Technologies，2000，4（2 /3）：191-199.

[12]李振華，樓向雄.基于內隱記憶的菜譜類App交互設計[J].包裝工程，2018，39（02）：149-153.

[13]孟沛，王毅.網絡交互界面隱喻設計模式研究[J].裝飾，2011，（03）：107-108.

[14]于斯淼，張耿.疫情后基于視覺心理效應的大眾化藝術治療設計研究[J].設計，2020，33（11）：55-57.

[15]鄧力源，蔣曉.基于行為邏輯的隱式交互設計研究[J].裝飾，2019，314（06）：87-89.

[16]謝偉，辛向陽.基于無意識認知的交互設計研究[J].現代電子技術，2016，39（12）：22-25+31.