移動(dòng)互聯(lián)網(wǎng)金融APP的UI界面設(shè)計(jì)及推廣探索

【摘?要】UI界面設(shè)計(jì)指的是軟件的人機(jī)互動(dòng)、界面美觀、操作邏輯的整體設(shè)計(jì)，通過(guò)UI設(shè)計(jì)能夠讓用戶(hù)更為方便的使用和應(yīng)用軟件，讓用戶(hù)的體驗(yàn)更為舒適。UI設(shè)計(jì)作為近些年新興行業(yè)之一正在引起越來(lái)越多人的關(guān)注，互聯(lián)網(wǎng)金融APP作為市面軟件的重要組成部分，同樣需要對(duì)UI界面設(shè)計(jì)予以高度關(guān)注，實(shí)現(xiàn)互聯(lián)網(wǎng)金融軟件的高效應(yīng)用。

【關(guān)鍵詞】互聯(lián)網(wǎng)金融;APP;UI界面設(shè)計(jì);APP推廣應(yīng)用

引言：

隨著近些年來(lái)理財(cái)行業(yè)的快速發(fā)展，人們的理財(cái)意識(shí)得以提升，相比較所希望獲得的更高效益來(lái)說(shuō)，理財(cái)平臺(tái)的規(guī)范性、舒適性更為人們所關(guān)注。據(jù)艾瑞咨詢(xún)發(fā)布的《2019年中國(guó)生活理財(cái)移動(dòng) APP 行業(yè)研究報(bào)告》稱(chēng)，2019年中國(guó)整體網(wǎng)民估計(jì)將達(dá)到 8.7 億，其中移動(dòng)網(wǎng)民將達(dá)到 6.8 億人，金融APP要想占據(jù)移動(dòng)客戶(hù)市場(chǎng)，這更加需要就APP的設(shè)計(jì)與深入研究，通過(guò)UI界面的全方面優(yōu)化，實(shí)現(xiàn)互聯(lián)網(wǎng)金融的進(jìn)一步推動(dòng)，帶給人們更為舒適的 APP使用體驗(yàn)。

一、移動(dòng)互聯(lián)網(wǎng)金融APP的UI界面設(shè)計(jì)

隨著互聯(lián)網(wǎng)技術(shù)的應(yīng)用和推廣，金融已經(jīng)滲透其中因?yàn)槿藗兊睦碡?cái)提供新的思路，帶動(dòng)金融產(chǎn)品滲透群眾生活。APP作為金融理財(cái)產(chǎn)品的重要媒介，更加需要做好UI界面設(shè)計(jì)，帶給受眾群體更好的使用體驗(yàn)。

1. 移動(dòng)互聯(lián)網(wǎng)金融APP信息架構(gòu)與設(shè)計(jì)流程

影響金融APP操控感覺(jué)的因素眾多，而對(duì)產(chǎn)品影響力的大小依照順序排列則為信息結(jié)構(gòu)設(shè)計(jì)、流程設(shè)計(jì)、功能設(shè)計(jì)、交互設(shè)計(jì)、視覺(jué)設(shè)計(jì)。信息結(jié)構(gòu)指的是產(chǎn)品所呈現(xiàn)的信息層級(jí)，通俗點(diǎn)說(shuō)就是產(chǎn)品設(shè)計(jì)之后希望使用者用于做什么。比如理財(cái)金融APP信息架構(gòu)設(shè)計(jì)，則是希望通過(guò)用戶(hù)對(duì)APP的使用獲取適當(dāng)利潤(rùn)，顧客可以使用的APP通過(guò)智能選擇標(biāo)準(zhǔn)循環(huán)貸款、購(gòu)買(mǎi)理財(cái)產(chǎn)品、出售持有理財(cái)產(chǎn)品，對(duì)產(chǎn)品的期限予以確定等，這些功能的使用能夠讓消費(fèi)者清晰了解理財(cái)產(chǎn)品，并對(duì)理財(cái)產(chǎn)品予以選擇，滿(mǎn)足了顧客的理財(cái)需要，也能夠?qū)崿F(xiàn)企業(yè)利潤(rùn)的后臺(tái)呈現(xiàn)。

2. 移動(dòng)互聯(lián)網(wǎng)金融APP功能設(shè)計(jì)

金融類(lèi) APP 主要有支付類(lèi)、理財(cái)類(lèi)、記財(cái)類(lèi)，銀行類(lèi)、借貸類(lèi)等APP軟件，以理財(cái)類(lèi)APP功能設(shè)計(jì)來(lái)說(shuō)，為滿(mǎn)足功能需要?jiǎng)t可以在功能結(jié)構(gòu)上進(jìn)行導(dǎo)航、標(biāo)簽、工具等的分欄進(jìn)行頁(yè)面的靈動(dòng)設(shè)計(jì)，并通過(guò)模塊的劃分進(jìn)行功能的類(lèi)別區(qū)分，主要包括首頁(yè)、認(rèn)證、額度預(yù)估、銀行卡綁定、帳單、用戶(hù)頁(yè)面等，每個(gè)界面左右滑動(dòng)切換，也可以點(diǎn)擊對(duì)應(yīng)的標(biāo)簽按鈕進(jìn)行切換。在做界面設(shè)計(jì)之前，最好可以向產(chǎn)品經(jīng)理了解產(chǎn)品需求，必要情況下可以列出需求文檔，將每項(xiàng)功能羅列出來(lái)，以此作為原型設(shè)計(jì)，更能夠?qū)崿F(xiàn)產(chǎn)品功能性的提升。

3. 移動(dòng)互聯(lián)網(wǎng)金融APP交互設(shè)計(jì)

在APP首頁(yè)界面可以設(shè)置信息切換按鈕，用戶(hù)可以結(jié)合自己的喜好進(jìn)行信息選擇，并進(jìn)行信息瀏覽，認(rèn)證與額度與過(guò)等界面就可以根據(jù)需要設(shè)置相應(yīng)標(biāo)題或按鈕進(jìn)入二級(jí)界面就信息進(jìn)行詳細(xì)閱讀，界面還可以設(shè)置提示閱讀，以增加與用戶(hù)的互動(dòng)。界面設(shè)計(jì)要注重圖文結(jié)合，平衡文字和圖片的強(qiáng)弱性，保持視覺(jué)的統(tǒng)一。對(duì)于理財(cái)類(lèi)APP的界面設(shè)計(jì)，與最大程度保證界面的簡(jiǎn)潔性，避免APP的操作造成用戶(hù)反感或疲勞感，這主要是因?yàn)榻鹑贏PP更多是與金錢(qián)交易方面相關(guān)的操作，簡(jiǎn)單簡(jiǎn)化的操作則更能吸引用戶(hù)，也能夠避免用戶(hù)的操作失誤，對(duì)商家來(lái)說(shuō)也能實(shí)現(xiàn)收益的提升。APP 的核心界面則需要借助文字、色彩、加截動(dòng)畫(huà)、圖片、控件等的一致性，并同時(shí)注重交互設(shè)計(jì)的融入，讓客戶(hù)在使用過(guò)程中時(shí)刻保持人機(jī)對(duì)話(huà)，這樣則能夠讓客戶(hù)的參與感更強(qiáng)，也讓客戶(hù)的使用體驗(yàn)感更好。

4. 移動(dòng)互聯(lián)網(wǎng)金融APP視覺(jué)設(shè)計(jì)

為給用戶(hù)帶來(lái)更為舒適的操作和視覺(jué)體驗(yàn)，做好APP主題色彩的選擇就顯得極為重要。一般來(lái)說(shuō)，金融類(lèi)APP都會(huì)選用偏冷暖調(diào)的色彩搭配，能做到能夠帶給人極強(qiáng)的視覺(jué)沖擊力，吸引客戶(hù)的關(guān)注度，也更有利于人對(duì)事物興趣的調(diào)動(dòng)。但對(duì)金錢(qián)操作界面來(lái)說(shuō)可選用冷色調(diào)來(lái)搭配，可以讓客戶(hù)在金錢(qián)支出方面保持冷靜，避免金額操作失誤。APP視覺(jué)設(shè)計(jì)還要注重整體性的統(tǒng)一，從LOGO到ICON都需保持圖標(biāo)的一致性，IOCN 的設(shè)計(jì)主要是以常見(jiàn)的基礎(chǔ)圖形為主，如圓形、方形、三角形等，盡量用簡(jiǎn)潔的方式讓客戶(hù)留下深刻的印象;LOGO 的設(shè)計(jì)也要盡量使用簡(jiǎn)單明了的圖形表達(dá)出品牌的主題，圖文結(jié)合則可以實(shí)現(xiàn)更好的視覺(jué)設(shè)計(jì)效果，也能夠清晰凸顯企業(yè)標(biāo)志。

二、移動(dòng)互聯(lián)網(wǎng)金融APP的推廣策略

移動(dòng)互聯(lián)網(wǎng)金融APP設(shè)計(jì)之后還需要做好推廣使用，只有讓更多的人了解所設(shè)計(jì)的APP，并對(duì)其予以認(rèn)可，才能讓其使用率更高，也才能實(shí)現(xiàn)企業(yè)業(yè)務(wù)的推動(dòng)，讓人們借助移動(dòng)互聯(lián)網(wǎng)金融APP的使用實(shí)現(xiàn)企業(yè)的認(rèn)識(shí)，購(gòu)買(mǎi)企業(yè)業(yè)務(wù)。

1. 安布雷拉 UI 界面設(shè)計(jì)及主形象設(shè)計(jì)

“安布雷拉”取名為 umbrella 的音譯，是通過(guò)移動(dòng)互聯(lián)網(wǎng)理財(cái)注冊(cè)方式結(jié)合用戶(hù)需要有針對(duì)性的進(jìn)行活動(dòng)推送，讓用戶(hù)進(jìn)行互聯(lián)網(wǎng)理財(cái)產(chǎn)品的選擇。推廣系統(tǒng)有自己的頁(yè)面設(shè)置，用戶(hù)可以結(jié)合需要來(lái)進(jìn)行內(nèi)容填寫(xiě)并進(jìn)行視覺(jué)方案設(shè)置，用戶(hù)可以通過(guò)此系統(tǒng)推廣的方式獲得推廣費(fèi)用。

2. 線下廣告及周邊設(shè)計(jì)

線下廣告對(duì)于推廣金融APP也具有重要作用和影響，地鐵、公交等交通工具為載體的廣告設(shè)計(jì)不僅在生活中應(yīng)用十分廣泛，而且能達(dá)到較好的廣告效果。比如雙11、國(guó)慶節(jié)、中秋節(jié)前后在地鐵投放廣告，能夠?qū)崿F(xiàn)受眾群體擴(kuò)大和延伸的效果，加上公共交通主體大多為18～40歲之間人群，接受教育程度較高，具有一定經(jīng)濟(jì)實(shí)力，也更傾向于理財(cái)產(chǎn)品的購(gòu)買(mǎi)，目標(biāo)定位更為明確，移動(dòng)互聯(lián)網(wǎng)金融APP推廣效果更為顯著。線下推廣的開(kāi)展更需要做好宣傳設(shè)計(jì)，廣告創(chuàng)意可以“靠譜理財(cái)”為概念幫助群體建立理財(cái)理念，讓有理財(cái)意愿的群眾優(yōu)先選擇移動(dòng)互聯(lián)網(wǎng)金融APP來(lái)進(jìn)行理財(cái)，帶動(dòng)互聯(lián)網(wǎng)金融APP的應(yīng)用。

三、結(jié)束語(yǔ)

時(shí)代的進(jìn)步和發(fā)展讓互聯(lián)網(wǎng)金融進(jìn)入人們生活，并成為影響人們理財(cái)觀念、金融認(rèn)知的重要方式，也在悄然改變著人們的生活習(xí)慣。金融APP的使用也需要隨著時(shí)代的進(jìn)步進(jìn)行優(yōu)化和改進(jìn)，借助UI界面設(shè)計(jì)讓人們的移動(dòng)端口操作更為便捷，讓人們可以通過(guò)移動(dòng)互聯(lián)網(wǎng) APP的操控便可感受金融世界。相信UI界面的設(shè)計(jì)優(yōu)化都會(huì)引領(lǐng)移動(dòng)互聯(lián)網(wǎng)市場(chǎng)的新發(fā)展，也將會(huì)帶動(dòng)移動(dòng)互聯(lián)網(wǎng)邁上新的征程。

參考文獻(xiàn)：

[1]石瑋靚. 百度金融貸款管理平臺(tái)移動(dòng)端界面改版設(shè)計(jì)[D]. 湖南大學(xué)，2019.

[2]溫源. 移動(dòng)互聯(lián)網(wǎng)軟件產(chǎn)品的"UI"設(shè)計(jì)研究[D]. 山東大學(xué)，2013.

[3]劉春雷，韓雪. 關(guān)于移動(dòng)APP界面設(shè)計(jì)的研究[J]. 絲路視野，2018，000（010）：109.

[4]李琛. 移動(dòng)互聯(lián)網(wǎng)時(shí)代購(gòu)物APP交互界面設(shè)計(jì)研究[D]. 河南大學(xué)，2015.

[5]張藝弋. 移動(dòng)互聯(lián)網(wǎng)UI設(shè)計(jì)中視覺(jué)界面的應(yīng)用設(shè)計(jì)研究[J]. 藝術(shù)品鑒，2019，000（02X）：P.312-313.

作者簡(jiǎn)介：

高海燕，1978.5，女，漢，安徽省滁州市，講師，碩士研究生研究方向：界面設(shè)計(jì)、動(dòng)畫(huà)設(shè)計(jì)。

基金項(xiàng)目：

項(xiàng)目一：2019年 安徽工商職業(yè)學(xué)院項(xiàng)目 移動(dòng)互聯(lián)網(wǎng)背景下的手機(jī)APP界面設(shè)計(jì)（UI）教學(xué)研究與探索（2019xjjyxm18）

項(xiàng)目二：2020 年度安徽省職業(yè)與成人教育學(xué)會(huì)教育教學(xué)研究規(guī)劃課題一般項(xiàng)目職業(yè)教育“1+X”證書(shū)制度下的教師、教材、教法 “三教”改 革模式探索——以界面設(shè)計(jì)為例（azcg1503）

（作者單位：安徽工商職業(yè)學(xué)院）