移動應用端中“新人禮”交互界面設計

龔柏茂， 鄧蘇婷

(浙江師范大學 文化創意與傳播學院,浙江 金華 321004)

0 引 言

“新人禮”設計作為移動應用端中的重要組成部分，具有強大的吸引力，它既可以增加用戶量，又可以提升下載流量，是眾多手機應用平臺最喜歡的營銷策略之一.尤其在近幾年，許多手機應用平臺陸續推出了各種形式的“新人禮”運行方案，以求達到推廣其移動應用終端和營銷的目的.但由于目前關于“新人禮”的設計研究尚處于初期，可借鑒的設計理論與實踐經驗較少，學術上僅有的一些相關研究成果也呈現出零散和局部的狀態，這些都導致了目前“新人禮”設計出現同質化現象嚴重、用戶體驗感差及商家推廣效果不佳等一系列問題[1].因此，本研究立足于目前存在的現狀及問題，以移動應用端中的“新人禮”為研究對象，運用調研分析法對“新人禮”用戶體驗開展市場調研，找出用戶體驗感及要求；然后結合調研結果,對“新人禮”設計原則和設計路徑開展詳細分析，進而深入探討“新人禮”設計中視覺因素、交互設計等實施策略及設計要點；最后采用實踐驗證法對“學習俠”APP中的“新人禮”開展設計實踐，通過該實踐進一步驗證該研究的科學性、系統性和可行性.整個研究內容細化了“新人禮”設計中的組成要素；總結了“新人禮”的設計原則；創新了“新人禮”的設計方法等.研究成果為“新人禮”的設計提供系統的理論指導和實踐經驗借鑒，也將增強“新人禮”的用戶體驗感和提升移動應用平臺推廣、銷售等多方效益.

1 “新人禮”設計需求分析

1.1 移動應用軟件激烈競爭引發的“新人禮”設計需求

從智研咨詢發布的《2020—2026年中國手機APP行業市場前景規劃及市場前景趨勢分析報告》[2]數據中可以看出中國各年齡段網民APP的使用情況，15—19歲手機網民群體中，人均手機APP數量多達84個;20—29歲手機網民群體中，人均手機APP數量為65個;60歲及以上手機網民群體中，人均手機APP數量為37個.從這些數據中可以看出，智能手機用戶手機APP下載數量少則幾十個，多達上百個，手機APP應用的需求量非常大.手機APP的大量使用帶動了手機應用軟件市場的激烈競爭，各大互聯網公司開始注重移動應用軟件的研發，移動應用軟件在AR、服務行業、移動電子商務、移動電子政務等各個行業中都具有不可替代的作用.

然而，如何讓自身的應用平臺獲得更高的下載安裝量和市場關注度就成為各大開發平臺亟需考慮和處理的問題.所以，移動平臺營銷師們試著開發新用戶專屬的線上虛擬禮品來吸引用戶使用此應用軟件，并最終探索出以發放“新人禮”的方式擴大手機應用的影響力和知名度.“新人禮”便在這種競爭背景下呼之欲出，且經過近幾年的應用及發展，“新人禮”的應用已被廣大手機軟件開發商所認可，設計需求也逐漸增大.

1.2 從用戶使用的角度分析“新人禮”的發展空間

為了掌握用戶對“新人禮”設計的了解情況，研究團隊專設了一項有關“新人禮”界面設計使用體驗的調研，使用問卷星軟件制作問卷《手機軟件中“新人禮”應用問卷調查》(以下簡稱問卷調查)，問卷內容分為3個部分:第1部分為用戶的基本信息；第2部分為用戶對于現有的“新人禮”界面交互的使用感受；第3部分為用戶對現有“新人禮”設計的反饋與建議.由于問卷主要是通過網絡轉發分享填寫，所以為了數據收集的便捷性與數據的準確性，問卷中設計題型為單選題、多選題和填空題，共16道題.并在有效的時間內共收回問卷102份，有效問卷為100份，有效率為98.04%.

為了能有效地對“新人禮”界面展開更好的設計研究，問卷第3題設置了智能手機用戶對“新人禮”的了解程度，調查結果顯示：64.64%的智能手機用戶(下簡稱“用戶”)對“新人禮”應用有一定的了解；34.34%的用戶根本沒有使用過“新人禮”；僅有1.02%的用戶對“新人禮”的應用比較了解.從這些數據中可以得到：“新人禮”的發展還處于初級階段，發展空間較大；其應用推廣及人性化交互設計將是“新人禮”設計者面臨的新問題、新方向.

同時，為了進一步了解用戶對“新人禮”界面設計的使用體驗情況，第6題設置了目前用戶對現有“新人禮”的使用感受，結果只有4.04%的用戶認為目前手機軟件中的“新人禮”設計使用起來比較方便；10.11%的用戶認為目前“新人禮”的設計使用十分不方便；20.21%的用戶認為“新人禮”的設計使用不方便；31.31%的用戶認為“新人禮”的設計只有一部分使用起來較方便；34.33%的用戶認為“新人禮”設計還算方便.由此可見，目前智能手機中“新人禮”設計在滿足用戶體驗方面做得還不夠完善，還存在不符合用戶體驗的人性化、個性化設計.因此，“新人禮”設計開發空間較廣.

綜上所述，用戶對“新人禮”的使用較為頻繁，而對“新人禮”的設計體驗則表現不佳.這是因為“新人禮”的開發者片面地追求禮包效應，卻忽略了對用戶的精準定位和人性化的設計規劃等.因此，如何開展“新人禮”設計便是當前亟需解決的問題.

2 以用戶為中心的“新人禮”設計路徑探析

艾倫·庫伯在《About Face3：交互設計精髓》[3]中強調,“新人禮”設計要以目標用戶為導向，根據用戶的需求與目標進行設計.只有設計出滿足用戶需求的產品，才能將產品推薦給用戶，以提高用戶對“新人禮”的使用率[4].也就是說,“新人禮”的界面設計和交互設計都必須結合目標用戶的基本背景、生活習性和知識儲備等因素.

為此，問卷還對目標用戶需求開展了調查(多選)和排序.調查顯示：87.88%的用戶認為“新人禮”界面設計需要更加注重簡潔性；62.63%的用戶認為“新人禮”操作步驟需減少用戶記憶負擔；53.54%的用戶認為“新人禮”交互設計應按模塊布局排版.其他排序分別是界面設計風格一致、用戶熟悉程度、字體設計清晰明了等.從以上分析可以得出：用戶比較在意“新人禮”設計的簡潔性、邏輯性、習慣性、統一性等.因此，在規劃“新人禮”設計時，也應當充分考慮視覺設計、交互設計中的簡潔性、邏輯性、習慣性和統一性等.

2.1 “新人禮”界面設計路徑分析

視覺設計是界面設計中的重要組成部分，問卷調查從色彩、布局、文字、圖案等視覺設計要素出發進行問卷調研(多選題)，根據收回的有效問卷結果分析發現：90.91%的用戶最重視“新人禮”界面的布局設計；82.83%的用戶注重文字字體設計；74.75%的用戶看中“新人禮”界面中的色彩和圖案設計；還有少數(8.08%)用戶注重“新人禮”界面視覺設計的其他元素.因此，從以上數據可以得出：用戶對“新人禮”界面設計的整體布局、顏色運用、文字字體、圖案形象這些視覺設計方面比較在意.

2.1.1 增強版式設計的定向性

問卷調查中第13題設置為用戶對“新人禮”界面設計的看法，數據顯示(多選)：43.43%的用戶認為“新人禮”界面版式設計自上而下，清晰明了即可；43.43%用戶認為在“新人禮”界面設計中版式需要固定的間距,整體上規矩整齊；43.43%用戶認為在“新人禮”界面版式設計中版式可以自由排列，突出重要的信息即可；還有少數(4.04%)用戶有其他看法.從上述信息中可以總結出手機用戶對“新人禮”界面的版式設計沒有固定要求，只要能夠突出重要內容即可.

依據以上數據分析得出，“新人禮”界面設計要保障用戶可以在短時間內掌握更多的信息，縮短用戶搜尋與思考的時間.因此，“新人禮”的版式設計首先要適應用戶的“速讀”需求，增強定向性，幫助用戶消除干擾,根據自己平臺的定位來規劃“新人禮”的獨特版式[5].其次，“新人禮”在版式設計上要靈活運用“定向”的理念，幫助用戶快速獲得有效內容.內容模塊可以采取卡片式模塊設計的方式，例如,可以選擇表格、色塊等形式，并根據不同的模塊功能把界面劃分為各個功能區域.再次，“新人禮”整體界面設計中所有元素的風格須保持一致，因為風格完整的圖形、符號才能營造出整體氛圍，最終影響用戶對“新人禮”的關注與興趣[5].最后，要規劃大標題、“新人禮”券、領取按鈕、分享按鈕等設計要素，盡量將這些要素按固定的間距排列，形成一個規矩、簡單的形體，可以在不同的“新人禮”之間用圍框加以區分，也可以在四周留白加以區分，使“新人禮”界面清晰明了.例如,在下載量較高的“去哪兒旅行”AAP中,禮券版面的設計采用模塊化版式，使得不同使用規則的禮券之間區分明顯，用戶在瀏覽過程中不容易發生串行、誤讀行為，這是一種方便用戶、突出信息的版面形式(見圖1).

圖1 “去哪兒旅游”“新人禮”禮券版面設計

2.1.2 注重色彩運用的協調性

“新人禮”主要目的是與新用戶發生行為反應，設計師可以通過色彩的變化來簡化用戶感知，讓用戶能利用視覺色彩在界面中主動尋找目標[6].比如法國 Air France 航空公司曾推出的一款名為“music in the sky”的手機APP，用戶若想在法國航班上聽音樂，只需將手機對著天空，在天空中隨機搜索散布的曲目，捉捕后馬上就能試聽，試聽完畢即可領取新人專屬的優惠機票.游戲進行時整個畫面的天空為淺藍色，空中飄浮著黑色的音符，而手指控制的圓圈中心為黃色，用戶通過移動黃色的圓圈收集歌曲，收集到歌曲后畫面從亮跳轉到暗，畫面中歌曲的重要信息依舊是亮黃色.整體畫面顏色十分協調穩定，用戶能夠通過顏色時刻了解自己所處的位置(見圖2).

圖2 “music in the sky”手機APP

因此，“新人禮”在運用色彩設計語言時,要遵循協調性原則,既要注意色彩與其他設計元素的協調性,又要充分考慮色彩自身的協調性.在確定“新人禮”主色調后，根據用戶的交互行為發生變化，穩定中突出文本色彩的變化，使用戶能準確定位自身所處的狀態.

圖3 支付寶“新人禮”禮包圖形設計

2.1.3 重視圖形設計的功能性

美國心理學家唐納德·A·諾曼所著的《設計心理學3：情感設計》[7]指出，現實生活中那些讓我們尷尬、疑惑甚至飽受挫折的設計，不是源于使用者自身的問題，而是源于錯誤的設計.設計最重要的點便是需要表達出“這是什么”“它的用處是什么”[8].為此，設計師要在不同類型的“新人禮”設計中緊扣主題.界面設計的圖形無需復雜，只需將信息最簡潔、明確、清晰地傳遞給用戶,引起用戶的興趣,以便用戶在瀏覽過程中自然而然地接受設計的內容,引發用戶之后的一系列購買行為.例如，支付寶“新人禮”設計運用簡潔的幾何圖形設計成紅包、優惠券、金幣等，外形既不過于跳躍又具有趣味性，同時又突出支付寶手機軟件應用的自身特點，整體造型大氣簡潔，可識別性強(見圖3).

2.1.4 強化字體設計的指向性

“新人禮”界面中的文字導向是引導用戶如何參與“新人禮”活動的重要信息.因此，在“新人禮”文字設計時，首先，應遵循“從左至右、從上至下”的視覺流程來規劃整個界面的設計.其次，可分別將大標題和實用信息等文字展開差別化設計.大標題字體可以設計得更為活躍，色彩對比更加強烈，以醒目的效果來吸引用戶點開“新人禮”.實用信息文字涉及大量說明性文字，在開展字體設計時應盡量選擇辨識度高且簡潔的字體.如宋體、微軟雅黑、楷體等，使用戶一目了然.最后，文字編排也需考慮大標題和實用信息等文字的版式布局，一般而言，大標題文字應依據視覺心理的因素將其擺放在界面的中上部分，也就是黃金分割線的位置為宜；實用信息文字在界面中充當線或點的作用，應在大標題文字的法線約束下擺放在界面的中下或某一角落，以起到界面構圖均衡的視覺效果.值得注意的是，實用信息文字雖沒有大標題醒目，但也需確保其可閱讀性和美觀性等.

2.2 “新人禮”界面交互設計路徑分析

在交互設計要素的問卷調查中(多選)發現，83.84%的用戶認為頁面跳轉的邏輯性最為重要.調查顯示：用戶對交互設計頁面跳轉的流暢度占81.82%，手勢操作慣性占74.75%，提示引導設計占63.64%，頁面轉場動效占59.60%，音效沖擊占35.35%，用戶反饋度占23.23%，其他占3.03%.因此，“新人禮”界面設計中交互設計應重點考慮其邏輯性、合理性、習慣性、意識性等特征.

2.2.1 強調邏輯的合理性

一個應用產品是否具備合理的邏輯性，可用尼爾森的“10分法則”來衡量.要想讓一個新用戶在短時間內迅速理解設計意圖，并當用戶界面中的圖案、文字等元素消失時迅速找回它們，就應在用戶認知模型中建立正確的邏輯關系.因此，在設計“新人禮”界面交互元素時，首先，要按順序完成點擊、領取、分享等操作步驟；其次，不同類型的禮包要按其自身運行邏輯收納，讓禮券自動收納存放至“個人中心”優惠券區域；最后，新用戶結賬時，只需在結賬界面設計直接勾選優惠券的選項，無須頻繁切換頁面尋找“新人禮”的位置，減少打斷用戶操作的次數，使用戶更快地了解“新人禮”的使用方法.

2.2.2 遵循手勢操作的慣性

據中國互聯網絡信息中心(CNNIC)2021年2月3日發布的第47次《中國互聯網絡發展狀況統計報告》顯示，截至2020年12月，中國網民規模達9.89億，占全球網民的1/5[9].絕大多數用戶已經養成了很多使用習慣，例如收藏時會不假思索地點擊右上角星狀按鈕；搶紅包時也會情不自禁地搖晃手機.這是2種不同的交互行為，但這種思維定勢一定會影響用戶對“新人禮”的操作行為.這是因為“新人禮”在整個移動終端應用中的占比較小，手腦配合的時間效率有限，交互環節就更需要設置合理的手勢操作.因此，在設計不同形式的“新人禮”交互元素時，首先應分析用戶的認知慣性導向，然后要了解“新人禮”呈現形式的特征，最后根據其特征選取合理的手勢操作方式.只有嚴格遵循用戶手勢操作慣性,才能充分發揮“新人禮”交互功能的便利性.

2.2.3 注意頁面轉場的意識性

在“新人禮”應用中，界面的銜接和段落的組合直接關系到用戶的體驗效果.合理的頁面轉場在傳遞重要內容時能夠吸引用戶的注意力，減少用戶的停頓感知，并保持與其他動效的連貫性，使用戶更加清楚“我從哪里來”“現在在哪”等一系列問題.由于在視覺感知中，運動的物體會在人眼視網膜上形成像差，所以在設計轉場跳切時必須符合視覺感知規律.直接跳切的使用率較高，能讓界面之間的銜接快速簡便，因此,想要讓設計元素更符合視覺預期值，應當從右到左、從下往上進場，這樣的頁面轉場設計在視覺感知上會更連貫[10].

2.2.4 提示引導的有效性

由于“新人禮”界面顯示范圍有限，需要設計一些隱藏界面或浮動版塊來完善信息內容.為指引用戶了解界面的整體信息內容，需要設計有效的、簡短的提示信息，引導用戶操作.因此，提示引導設計應該直觀明了，要以用戶認知為基礎，能讓用戶十分清楚下一步的操作，使得交互行為自然進行，從而形成良好的傳播推廣氛圍[11].例如，電商平臺設計的“分享‘新人禮’界面獎勵翻倍”增值模式，用戶可以通過箭頭指示或轉發按鈕隨手將“新人禮”界面分享給微信好友、朋友圈、微博等社交平臺.

3 設計實現——以“學習俠”APP為例的“新人禮”界面設計實踐

3.1 案例背景分析

新冠肺炎疫情期間，在線教育行業的用戶規模大幅增長，用戶約達3.42億人，市場規模約達4 328億元.各在線教育平臺也積極響應相關政策，陸續推出新用戶免費試聽課程、免費直播課程等公益活動.“學習俠”APP作為中小學文化課在線教育的一個應用程序，為了更好地發揮其在線教育功能和激發中小學生的學習興趣，開發者決定在其APP應用中添加“新人禮”禮包，旨在提升“學習俠”APP內在功能的操作性和實用性，助力“學習俠”APP的推廣應用.

3.2 “學習俠”APP“新人禮”界面設計實踐

依據筆者對“新人禮”設計路徑的分析，從設計實踐及應用的角度闡述“學習俠”APP中“新人禮”的設計方案.主要設計內容如下：

圖4 “新人禮”禮包設計在“學習俠”APP中的應用

3.2.1 “學習俠”APP“新人禮”主界面設計

首先，在新用戶打開“學習俠”APP進入首頁之前，先跳出“新人禮”彈窗，給新用戶發放福利.從用戶感知娛樂性原則出發進行設計，“新人禮”紅包以彈出的方式呈現，從無到有、從遠至近的動態效果使用戶在視覺上產生連貫性，生動有趣的動態畫面滿足了用戶收到禮物后內心驚喜的感受，增進了用戶對此APP的喜愛.其次，依據以上探討的色彩協調性，該“新人禮”的色彩采用識別性和動感較強的橙紅色為主，同時以白色為輔助色，在按鈕設計中選擇藍綠色，使界面在統一的視覺風格下引導用戶能快速發現目標.最后，依據以上圖形功能性選擇方法，該“新人禮”圖形采用了簡約的設計風格，摒棄復雜裝飾和寫實紋理設計，用倒角、曲線的圖形語言來突出該“新人禮”的簡潔、實用、活潑、美觀等特點，將禮包信息最清晰地傳遞給用戶(見圖4).

在交互界面設計中，隨著用戶點擊“立即注冊”按鈕，按鈕也隨之轉變為灰色，頁面也將跳轉到注冊界面.新人禮包會由系統自動發放至用戶的個人中心.若用戶不想選擇“新人禮”,則可直接點擊下方“×”圖形關閉，快速進入應用.

3.2.2 “學習俠”APP“新人禮”分享交互界面設計

對于APP應用軟件來說，界面中的文字、圖形、色彩、版式等細節設計是否與整體風格一致，直接影響用戶的體驗感和依賴性.因此，分享界面的色彩應選取與整體顏色相近的色相，在對比度和純度上作出細微差別，再選取亮黃色與深紅色作為輔助色，保證在顏色統一的基礎上帶來良好的視覺感受.圖形上也應該選擇大眾熟悉的簡潔化圖形，比如分享界面的圖形采用大眾最熟悉的信封樣式，該圖形大氣簡潔又兼具功能性，用戶會根據手勢習慣自然點擊該“信封”

圖5 邀請好友領金豆的界面設計

按鈕，打開信封，信封中的內容慢慢上升，既不過于跳躍又具有趣味性.界面中的大標題字體“邀請好友領金豆”采用雅黑16號字體以吸引用戶，引導用戶繼續瀏覽；實用信息的字體要放大,突出“讓利值”等信息，使用戶一目了然，獲取重點.

另外，在信封底部設置了“邀請”按鈕，點擊“立即邀請”按鈕從右到左跳轉到其他應用平臺，符合用戶視覺上的連貫性，以鏈接形式呈現，好友點擊鏈接進入應用下載.用戶若不愿分享“新人禮”界面，也可直接點擊右上方的按鈕返回個人中心界面(見圖5).

3.2.3 “新人禮”禮券設計

禮券設計應采取列表式布局為宜，以滿足用戶的“速讀”習慣.列表式的布局使得界面簡約而不單調，不容易發生串行、誤讀行為，方便用戶.另一方面，通過列表式布局并配合矩形卡片設計來展示優惠券的內容，顯得規范嚴謹，且與“學習俠”的教育定位更為符合.同時，這樣的布局可以讓界面顯得簡潔，能夠將用戶的關注力集中在界面信息內容上(見圖6).

圖6 “新人禮”禮券界面設計

此外，在該“新人禮”優惠券設計中，遵循交互設計的相關規則，將優惠券名稱、優惠內容、有效期及使用規則等信息放置在一起.用戶可以點擊優惠券立即使用，無須頻繁切換頁面尋找禮包的存放位置，減少打斷用戶操作的可能性，讓用戶快速了解和享用該“新人禮”的便捷性.同時，用戶也可直接點擊“分享”按鈕分享給好友、朋友圈、微博等社交平臺，這將有利于“學習俠”APP的推廣和使用.

4 結 語

本文以“新人禮”用戶體驗為基礎，對“新人禮”設計需求、界面視覺設計和交互設計等3方面內容展開了詳細探析.研究得出：“新人禮”需求及價值空間較廣，其設計應朝更加人性化、簡易化的風格發展；“新人禮”界面視覺設計應強化其版式設計的定向性、色彩運用的協調性、圖形設計的功能性、字體設計的指向性等設計原則；“新人禮”交互設計應遵循其邏輯次序、轉場意識、手勢操作慣性、提示引導有效性等規則.最后，通過案例對以上研究結果加以綜合驗證，進一步論證了本研究內容在現實應用中的實用性和可操作性.

隨著數字科技的飛速發展和移動應用端APP的膨脹式涌現，移動應用端中的“新人禮”設計美學提升與價值追求將給研發人員和相關平臺帶來前所未有的挑戰和機遇.因此，如何高效地避免“新人禮”的低質化、同質化，使“新人禮”設計符合用戶需求、滿足用戶體驗和提升應用價值，并在應用市場的角逐中保持競爭力，值得每位移動互聯網從業者與設計師深入探究和思索.