移動應(yīng)用端中“新人禮”交互界面設(shè)計

龔柏茂， 鄧蘇婷

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

0 引 言

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

1 “新人禮”設(shè)計需求分析

1.1 移動應(yīng)用軟件激烈競爭引發(fā)的“新人禮”設(shè)計需求

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

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

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

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

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

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

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

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

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

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

2.1 “新人禮”界面設(shè)計路徑分析

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

2.1.1 增強(qiáng)版式設(shè)計的定向性

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

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

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

2.1.2 注重色彩運(yùn)用的協(xié)調(diào)性

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

圖2 “music in the sky”手機(jī)APP

因此，“新人禮”在運(yùn)用色彩設(shè)計語言時,要遵循協(xié)調(diào)性原則,既要注意色彩與其他設(shè)計元素的協(xié)調(diào)性,又要充分考慮色彩自身的協(xié)調(diào)性.在確定“新人禮”主色調(diào)后，根據(jù)用戶的交互行為發(fā)生變化，穩(wěn)定中突出文本色彩的變化，使用戶能準(zhǔn)確定位自身所處的狀態(tài).

圖3 支付寶“新人禮”禮包圖形設(shè)計

2.1.3 重視圖形設(shè)計的功能性

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

2.1.4 強(qiáng)化字體設(shè)計的指向性

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

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

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

2.2.1 強(qiáng)調(diào)邏輯的合理性

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

2.2.2 遵循手勢操作的慣性

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

2.2.3 注意頁面轉(zhuǎn)場的意識性

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

2.2.4 提示引導(dǎo)的有效性

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

3 設(shè)計實現(xiàn)——以“學(xué)習(xí)俠”APP為例的“新人禮”界面設(shè)計實踐

3.1 案例背景分析

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

3.2 “學(xué)習(xí)俠”APP“新人禮”界面設(shè)計實踐

依據(jù)筆者對“新人禮”設(shè)計路徑的分析，從設(shè)計實踐及應(yīng)用的角度闡述“學(xué)習(xí)俠”APP中“新人禮”的設(shè)計方案.主要設(shè)計內(nèi)容如下：

圖4 “新人禮”禮包設(shè)計在“學(xué)習(xí)俠”APP中的應(yīng)用

3.2.1 “學(xué)習(xí)俠”APP“新人禮”主界面設(shè)計

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

在交互界面設(shè)計中，隨著用戶點擊“立即注冊”按鈕，按鈕也隨之轉(zhuǎn)變?yōu)榛疑撁嬉矊⑻D(zhuǎn)到注冊界面.新人禮包會由系統(tǒng)自動發(fā)放至用戶的個人中心.若用戶不想選擇“新人禮”,則可直接點擊下方“×”圖形關(guān)閉，快速進(jìn)入應(yīng)用.

3.2.2 “學(xué)習(xí)俠”APP“新人禮”分享交互界面設(shè)計

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

圖5 邀請好友領(lǐng)金豆的界面設(shè)計

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

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

3.2.3 “新人禮”禮券設(shè)計

禮券設(shè)計應(yīng)采取列表式布局為宜，以滿足用戶的“速讀”習(xí)慣.列表式的布局使得界面簡約而不單調(diào)，不容易發(fā)生串行、誤讀行為，方便用戶.另一方面，通過列表式布局并配合矩形卡片設(shè)計來展示優(yōu)惠券的內(nèi)容，顯得規(guī)范嚴(yán)謹(jǐn)，且與“學(xué)習(xí)俠”的教育定位更為符合.同時，這樣的布局可以讓界面顯得簡潔，能夠?qū)⒂脩舻年P(guān)注力集中在界面信息內(nèi)容上(見圖6).

圖6 “新人禮”禮券界面設(shè)計

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

4 結(jié) 語

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

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