国产日韩欧美一区二区三区三州_亚洲少妇熟女av_久久久久亚洲av国产精品_波多野结衣网站一区二区_亚洲欧美色片在线91_国产亚洲精品精品国产优播av_日本一区二区三区波多野结衣 _久久国产av不卡

?

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

2022-12-27 01:06龔柏茂鄧蘇婷
關(guān)鍵詞:界面設(shè)計(jì)界面用戶

龔柏茂, 鄧蘇婷

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

0 引 言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一個(gè)應(yīng)用產(chǎn)品是否具備合理的邏輯性,可用尼爾森的“10分法則”來衡量.要想讓一個(gè)新用戶在短時(shí)間內(nèi)迅速理解設(shè)計(jì)意圖,并當(dāng)用戶界面中的圖案、文字等元素消失時(shí)迅速找回它們,就應(yīng)在用戶認(rèn)知模型中建立正確的邏輯關(guān)系.因此,在設(shè)計(jì)“新人禮”界面交互元素時(shí),首先,要按順序完成點(diǎn)擊、領(lǐng)取、分享等操作步驟;其次,不同類型的禮包要按其自身運(yùn)行邏輯收納,讓禮券自動收納存放至“個(gè)人中心”優(yōu)惠券區(qū)域;最后,新用戶結(jié)賬時(shí),只需在結(jié)賬界面設(shè)計(jì)直接勾選優(yōu)惠券的選項(xiàng),無須頻繁切換頁面尋找“新人禮”的位置,減少打斷用戶操作的次數(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)計(jì)報(bào)告》顯示,截至2020年12月,中國網(wǎng)民規(guī)模達(dá)9.89億,占全球網(wǎng)民的1/5[9].絕大多數(shù)用戶已經(jīng)養(yǎng)成了很多使用習(xí)慣,例如收藏時(shí)會不假思索地點(diǎn)擊右上角星狀按鈕;搶紅包時(shí)也會情不自禁地?fù)u晃手機(jī).這是2種不同的交互行為,但這種思維定勢一定會影響用戶對“新人禮”的操作行為.這是因?yàn)椤靶氯硕Y”在整個(gè)移動終端應(yīng)用中的占比較小,手腦配合的時(shí)間效率有限,交互環(huán)節(jié)就更需要設(shè)置合理的手勢操作.因此,在設(shè)計(jì)不同形式的“新人禮”交互元素時(shí),首先應(yīng)分析用戶的認(rèn)知慣性導(dǎo)向,然后要了解“新人禮”呈現(xiàn)形式的特征,最后根據(jù)其特征選取合理的手勢操作方式.只有嚴(yán)格遵循用戶手勢操作慣性,才能充分發(fā)揮“新人禮”交互功能的便利性.

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

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

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

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

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

3.1 案例背景分析

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

4 結(jié) 語

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

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

猜你喜歡
界面設(shè)計(jì)界面用戶
中醫(yī)養(yǎng)生APP界面設(shè)計(jì)
“共享員工”平臺界面設(shè)計(jì)
中國傳統(tǒng)元素在界面設(shè)計(jì)中的應(yīng)用
微重力下兩相控溫型儲液器內(nèi)氣液界面仿真分析
國企黨委前置研究的“四個(gè)界面”
面向智能手機(jī)的UI界面設(shè)計(jì)
一種可用于潮濕界面碳纖維加固配套用底膠的研究
扁平化設(shè)計(jì)在手機(jī)界面中的發(fā)展趨勢
關(guān)注用戶
關(guān)注用戶