打開一家券商的手機(jī)APP時(shí),你是否認(rèn)為這只是最尋常的交易工具,你是否只關(guān)注最常用的幾個(gè)功能,你是否從未注意過,在你眼前的這個(gè)界面上小到每一個(gè)圖標(biāo)的設(shè)計(jì)都隱藏著更豐富的內(nèi)涵?你又是否注意過其實(shí)APP的UI設(shè)計(jì)(即User Interface,用戶界面)的簡(jiǎn)稱,也在不經(jīng)意吸引你。
在傳統(tǒng)證券業(yè)務(wù)同質(zhì)化的形勢(shì)下,越來越多的券商開始重視用戶體驗(yàn),建立自己的產(chǎn)品設(shè)計(jì)語言。從主色調(diào)的選擇,到如何布局功能入口,再到更精細(xì)化、個(gè)性化的金融操作界面設(shè)計(jì)等等,都是各家券商為提升用戶體驗(yàn)的良苦用心。
券商中國搜集了三十多家券商UI(用戶界面)設(shè)計(jì)理念,快來看看你用的APP背后都藏了哪些小心思。
華泰證券:漲樂財(cái)富通APP
漲樂財(cái)富通APP的UI設(shè)計(jì)及每次迭代優(yōu)化均基于線上NPS(用戶體驗(yàn)評(píng)價(jià)系統(tǒng))及滿意度調(diào)研 線下分支機(jī)構(gòu)的用戶深度訪談,定性定量相結(jié)合,對(duì)用戶需求痛點(diǎn)進(jìn)行挖掘,同時(shí)結(jié)合對(duì)現(xiàn)有頁面埋點(diǎn)數(shù)據(jù)的分析,對(duì)UI進(jìn)行迭代優(yōu)化,使其更貼合用戶的使用習(xí)慣,縮減操作時(shí)間及步驟,極大方便用戶的交易及投資理財(cái)需求。
同時(shí),根據(jù)用戶的個(gè)人畫像進(jìn)行標(biāo)簽化管理,運(yùn)用人工智能及大數(shù)據(jù)實(shí)現(xiàn)UI的“千人千面”。此外,漲樂財(cái)富通還構(gòu)建起了一套用戶接觸機(jī)制與體驗(yàn)式設(shè)計(jì),能較好分析影響用戶感知的關(guān)鍵點(diǎn),為版本規(guī)劃及UI創(chuàng)新優(yōu)化提供了機(jī)制保障。
國泰君安:君弘APP
君弘APP提出了“溫度·品質(zhì)”這一核心設(shè)計(jì)理念,并在個(gè)性化和場(chǎng)景化方面有諸多體現(xiàn)。
君弘APP有2500萬注冊(cè)用戶,這些用戶在投資經(jīng)驗(yàn)、資產(chǎn)量級(jí)、理財(cái)偏好等方面存在很大差異,為了滿足不同用戶群體的使用需求,我們從個(gè)性化角度出發(fā),通過數(shù)據(jù)分析,為不同類型的用戶提供針對(duì)性的信息和服務(wù),力求做到千人千面。
同時(shí),我們從場(chǎng)景化入手,仔細(xì)分析了投資前中后、以及交易時(shí)間等多種狀態(tài),總結(jié)了一系列典型場(chǎng)景,并針對(duì)各個(gè)場(chǎng)景做出信息架構(gòu)、界面內(nèi)容的調(diào)整,以此為用戶提供當(dāng)下最有價(jià)值的信息和服務(wù),讓用戶在任何時(shí)候都能得到幫助。
海通證券:e海通財(cái)APP
首頁始終貫徹“以客戶為中心”的設(shè)計(jì)理念。APP首屏內(nèi)容經(jīng)歷多次優(yōu)化,最終定為兩個(gè)要點(diǎn),一是核心業(yè)務(wù)的展現(xiàn),包括:產(chǎn)品商城、資訊等,二是圍繞投資為中心的各種智能應(yīng)用工具,e海通財(cái)從行情、資訊、賬戶等六大維度升級(jí)工具與服務(wù),幫助客戶更快更精準(zhǔn)地做出投資決策。
APP首頁頭部設(shè)置了各項(xiàng)功能的快捷進(jìn)入按鈕,頁面上方的banner區(qū)域,屬于點(diǎn)擊量比較高的位置,通常用來推薦重大活動(dòng)、重大資訊要聞,新功能上線通知以及互動(dòng)話題等。在頁面的底部設(shè)計(jì)了活動(dòng)、學(xué)堂、吐槽三個(gè)入口,活動(dòng)是為了加強(qiáng)與用戶的互動(dòng),吐槽是為了收益反饋意見,提高產(chǎn)品用戶體驗(yàn),學(xué)堂是投資者教育,包括投資相關(guān)的知識(shí)和APP中的功能使用教程等。
中泰證券:齊富通APP
齊富通APP首頁的設(shè)計(jì)思路,旨在幫助用戶更快捷、更直接地找到特色功能和服務(wù)。
一方面,將深藏在APP二級(jí)甚至三級(jí)界面中的功能以顯著的方式展現(xiàn)于首頁,例如智能投顧服務(wù)、增值行情產(chǎn)品。另一方面,直接展示內(nèi)容主體,例如牛人的觀點(diǎn)、直播、投資組合收益情況,比起相對(duì)晦澀難懂的功能入口,可以更好地提升首頁信息對(duì)用戶的吸引力。
此外,我們希望能夠在醒目的位置將好的活動(dòng)、好的內(nèi)容、好的產(chǎn)品推薦給用戶,結(jié)合齊富通智能畫像系統(tǒng),實(shí)現(xiàn)個(gè)性化精準(zhǔn)營銷和服務(wù)——將合適的產(chǎn)品和服務(wù)推薦給適合的人。
平安證券:平安證券APP
平安證券APP 對(duì)首頁信息進(jìn)行梳理,將較少人關(guān)注、運(yùn)營情況較差的冗余信息和模塊重新調(diào)整,為用戶提供清晰明顯的業(yè)務(wù)入口。關(guān)注用戶需要的功能,并對(duì)業(yè)務(wù)模塊都做了可配置的處理,根據(jù)用戶的需求和習(xí)慣來調(diào)整業(yè)務(wù)布局。
視覺方面遵循了傳統(tǒng)證券行業(yè)的紅色,在形式上采用了近兩年非常流行的漸變色,使整個(gè)App更加年輕有活力。Icon和頁面視覺樣式簡(jiǎn)化統(tǒng)一。此外,首頁新增節(jié)日營銷版,增強(qiáng)營銷氛圍,滿足運(yùn)營的營銷要求。
中信建投:中信建投證券APP
中信建投證券app首頁具有創(chuàng)新視角和極簡(jiǎn)扁平化風(fēng)格的設(shè)計(jì),以橘紅色為主色調(diào),藍(lán)色、黃色、紅色為輔助色,熱鬧但簡(jiǎn)潔,給予用戶大量精致靚麗的icon設(shè)計(jì),界面保持簡(jiǎn)潔、創(chuàng)新、火力、高端、專業(yè)的視覺效果,巧妙運(yùn)用元素的布局、圖標(biāo)的設(shè)計(jì)、動(dòng)畫元素的點(diǎn)綴、顏色的搭配,給用戶整齊劃一的美感,大大提升用戶體驗(yàn)舒適感。
申萬宏源:申萬宏源大贏家APP
申萬宏源通過對(duì)目標(biāo)人群的了解及自身業(yè)務(wù)的積累,產(chǎn)品目標(biāo)人群定位于為成熟投資者提供“互聯(lián)網(wǎng)財(cái)富管理”服務(wù)為主要調(diào)性。第一眼進(jìn)入用戶視野的首頁焦點(diǎn)導(dǎo)航以黑色為主,通過紅色icon圖標(biāo)搭配給人帶來理性與財(cái)富上漲的象征;豐富優(yōu)質(zhì)的內(nèi)容呈現(xiàn)提供種類豐富的理財(cái)和決策產(chǎn)品,滿足用戶個(gè)性化的需求,突出了“互聯(lián)網(wǎng)財(cái)富管理”作為申萬宏源的產(chǎn)品核心地位。
采用視頻直播的“贏家Live模塊”,與傳統(tǒng)文字直播相比更“趕潮流”和有效。資訊豐富,分類眾多,塊狀化展示,提供海量信息;產(chǎn)品努力在篩選信息組成不同的新聞?lì)悇e來滿足擁有不同閱讀用戶需求。通過數(shù)據(jù)中心模塊,為用戶提供更多投資參考數(shù)據(jù),用戶可以根據(jù)自己的喜歡選擇不同的數(shù)據(jù)特點(diǎn)參考。
廣發(fā)證券:易淘金APP
我們基于現(xiàn)有的產(chǎn)品定位、人群分析、設(shè)計(jì)趨勢(shì),來升級(jí)我們產(chǎn)品的品牌 : 高端 、品質(zhì) 、輕量。通過這些抽象的詞語給予的靈感,將這些靈感變成一組可視化的符號(hào)傳達(dá)給用戶,從而改變用戶以往的認(rèn)知。
朝氣蓬勃的廣發(fā)藍(lán)象征著斗志激昂的廣發(fā)人。重點(diǎn)區(qū)域使用此藍(lán)色突出了廣發(fā)證券的品牌調(diào)性,也加深了用戶認(rèn)知。簡(jiǎn)潔的圖形化設(shè)計(jì),讓整體風(fēng)格襯托突出主要信息層級(jí),引導(dǎo)用戶輕松獲取關(guān)鍵信息。
東方證券:東方贏家APP
東方贏家APP布局上將核心功能入口布局在用戶目光聚集地最多的第一條橫線區(qū)域,意在起到分流的基礎(chǔ)目的。頁面上方的banner區(qū)域,定位有兩點(diǎn):用戶快速“薅羊毛”的重要陣地和視覺活躍的快餐地(活躍整體頁面風(fēng)格),當(dāng)前方案上線后,從頁面點(diǎn)擊埋點(diǎn)數(shù)據(jù)看,也是點(diǎn)擊量較多的一個(gè)位置,尤其是在非交易日,達(dá)到預(yù)期目的。
首頁首屏內(nèi)容經(jīng)歷多次方案優(yōu)化,最終基于用戶定性研究結(jié)果,將用戶最多關(guān)注的盤中直擊功能展示在頁面第一屏,方便用戶快速查看行情動(dòng)態(tài),同時(shí)快捷展示“智訊”等入口,將APP特色功能-智能資訊-著重展現(xiàn),從上線后數(shù)據(jù)看,18%的用戶在瀏覽首頁時(shí)會(huì)點(diǎn)擊該區(qū)域,較好達(dá)到預(yù)期效果。
光大證券:金陽光APP
金陽光APP是為用戶提供綜合性金融服務(wù)的移動(dòng)端產(chǎn)品。首頁需要滿足兩類用戶的需求,一是滿足目標(biāo)清晰的用戶快速找到自己想要的質(zhì)量高的內(nèi)容,即效率和質(zhì)量;二是滿足目標(biāo)模糊的用戶,首頁有邏輯框架的內(nèi)容可以對(duì)他們進(jìn)行高效的引導(dǎo)和轉(zhuǎn)化,提高這部分用戶的忠誠度。
金陽光首頁從嚴(yán)密的設(shè)計(jì)思維出發(fā),從了解用戶行為、整理信息架構(gòu)、考慮操作的多樣性到呈現(xiàn)產(chǎn)品的視覺美感,每一環(huán)節(jié)都是緊密相扣,使得金陽光app首頁給用戶提供了優(yōu)質(zhì)的體驗(yàn)。
方正證券:小方APP
小方APP在交互體驗(yàn)和UI設(shè)計(jì)始終聚焦在以下理念:功能實(shí)現(xiàn)路徑的清晰簡(jiǎn)潔、界面足夠清晰統(tǒng)一和重點(diǎn)明確并充分符合移動(dòng)設(shè)備的操作特點(diǎn)、與設(shè)備原生體驗(yàn)的匹配度、迎合金融客戶的既有習(xí)慣與偏好甚至潛意識(shí)的傾向等等方面。
具體到不同業(yè)務(wù),小方在顏色、布局、交互會(huì)有一定的側(cè)重,比如交易頁面,主功能區(qū)“大字版”按鈕,層次鮮明結(jié)構(gòu)清晰,核心理念就是方便客戶快捷操作;而到了比如積分頻道,頁面則會(huì)刻意選擇與交易頁面不同的顏色,多選擇明黃,粉紅等鮮艷活潑的顏色,吸引客戶的興趣。
國金證券:傭金寶APP
傭金寶APP突出便利性和個(gè)性化,最終提升投資者效率,這一點(diǎn)在首頁的設(shè)計(jì)上表現(xiàn)尤甚。
1.便利性:將新股申購、理財(cái)商城、咨詢功能、滾動(dòng)資訊等日常常用的功能設(shè)置在最突出的位置,方便客戶快速進(jìn)入,提高效率。
2.個(gè)性化:體現(xiàn)在傭金寶首頁的咨詢服務(wù)功能可以“定制”??蛻酎c(diǎn)擊“全部”進(jìn)入“我的菜單”,點(diǎn)擊右上角“定制”后根據(jù)需求添加、刪減或更換“我的菜單”中的功能,將自己常用、喜歡用的功能放在首頁,提升效率。
興業(yè)證券:優(yōu)理寶APP
打開優(yōu)理寶,交易時(shí)段快速直達(dá)自選股/行情,非交易時(shí)段進(jìn)入首頁瀏覽更多投資理財(cái)咨詢。
在交易時(shí)間,我們引入呼吸燈的展現(xiàn)方式,以最清晰的紅綠漸變來提示用戶個(gè)股實(shí)時(shí)漲跌幅情況;二級(jí)導(dǎo)航欄可一鍵切換至資訊、選股、歷史等功能;自選列表支持橫屏切換,數(shù)據(jù)展示更多更清晰。
推薦首頁突出重要推薦資訊,用大幅板塊配有報(bào)道相關(guān)的一張大圖,突出重大新聞作為視覺重點(diǎn),會(huì)讓用戶集中精力放在重要的新聞上;也利于引導(dǎo)用戶跳轉(zhuǎn)到相關(guān)的詳情界面。在細(xì)節(jié)方面,文字區(qū)域下層有增加黑色漸變蒙版,使文字與主題背景更加融合。
東吳證券:東吳秀財(cái)APP
東吳秀財(cái)APP,以墨藍(lán)色為基調(diào),秉承簡(jiǎn)約 底蘊(yùn)的設(shè)計(jì)理念,將實(shí)用性與濃濃的水墨人文情懷融合。不僅如此,于細(xì)節(jié)之處,更顯匠心。首頁,“銅錢鎖”、水波紋寓意“財(cái)富”;理財(cái)板塊的,“至尊寶”、“如意寶”的設(shè)計(jì)別出心裁;吉祥物“小秀財(cái)”也會(huì)跟你不經(jīng)意的相遇,給您帶個(gè)好彩頭。
東興證券:東興198
東興198的視覺主色調(diào)選擇了紅色,這不僅是熱情、活力、火焰與力量隱喻,也是中國股市上漲的體現(xiàn)。明亮的色彩,營造輕快的感覺,更容易吸引用戶注意力;漸變風(fēng)格,提高色彩明度,讓產(chǎn)品看起來更加輕盈。首頁選擇用色塊圖標(biāo),凸顯視覺效果;更可以完美適配運(yùn)營活動(dòng)需求,定制化設(shè)計(jì)和變化。
我們希望傳遞給用戶智能、快捷、方便的體驗(yàn)。當(dāng)用戶在瀏覽時(shí),體驗(yàn)到沉浸式的感受,如同在閱讀生活消費(fèi)雜志一樣輕松愉悅。在這里,能獲取到各種最智能助手消息,最新動(dòng)態(tài)資訊,最全的熱門數(shù)據(jù),快速方便地獲取到相關(guān)信息,從而輕而易舉買到最好的股票,不知不覺讓選股游刃有余。
安信證券:安信手機(jī)證券APP
安信手機(jī)證券首頁的UI設(shè)計(jì)遵循清晰、簡(jiǎn)單、自然、好用的原則,展現(xiàn)用戶關(guān)心的、想看到的內(nèi)容,滿足用戶關(guān)于投資、理財(cái)相關(guān)的核心需求,讓服務(wù)精準(zhǔn)觸達(dá)每個(gè)用戶,圓用戶一個(gè)財(cái)富之夢(mèng),所以首頁的設(shè)計(jì)就從這3點(diǎn)出發(fā)。
主要以藍(lán)色為主,以橙色為輔色,去延展整個(gè)App的設(shè)計(jì)風(fēng)格。加上紅綠漲跌色需要在不同的場(chǎng)景中使用,以及常用界面和字體的中性灰色。提供“白”與“黑”兩種皮膚模式,用戶可根據(jù)自己的喜好才切換整體App的顏色風(fēng)格。
國信證券:金太陽APP
國信證券一直都很重視官方APP“金太陽”的顏值。國信證券“金太陽”具有統(tǒng)一的視覺設(shè)計(jì)規(guī)范,對(duì)每一個(gè)細(xì)節(jié)點(diǎn)的設(shè)計(jì)都存在幾套不同場(chǎng)景的設(shè)計(jì)元素方案,這些方案包括交互控件、圖標(biāo)、字體、色彩運(yùn)用等等,這些方案匯集在一起形成了包含上千個(gè)要素的“金太陽”視覺設(shè)計(jì)資源庫。
“智能化”是目前券商APP發(fā)展的趨勢(shì)之一,產(chǎn)品中的AI模塊與設(shè)計(jì)的“動(dòng)態(tài)化”結(jié)合將更加凸顯科技感。比如,“智能理財(cái)”模塊的banner圖其實(shí)是動(dòng)畫模式,其中“智”字的右上角會(huì)像“護(hù)目鏡”一樣自動(dòng)旋轉(zhuǎn),背景界面中會(huì)有“流星”劃過深藍(lán)色的夜空,圖中的文字也會(huì)有藍(lán)色的微光不時(shí)掠過,設(shè)計(jì)的科技感很強(qiáng)。
華寶證券:華寶智投APP
華寶智投首頁框架設(shè)計(jì),以用戶場(chǎng)景需求為基礎(chǔ),結(jié)合華寶智投業(yè)務(wù)發(fā)展,有效進(jìn)行功能場(chǎng)景入口的集成;產(chǎn)品特征重點(diǎn)的展現(xiàn);優(yōu)質(zhì)內(nèi)容精準(zhǔn)的推送等。
在首頁的整體體驗(yàn)設(shè)計(jì)上,采用扁平化視覺語言,輕量化設(shè)計(jì),同時(shí)適當(dāng)賦予一定的色彩展現(xiàn),以凸顯場(chǎng)景與業(yè)務(wù)。
東北證券:融e通APP
東北證券注重以體驗(yàn)為核心的設(shè)計(jì)。無論扁平、漸變還是微立體,風(fēng)格潮流一直在變,但是通過視覺傳達(dá),讓用戶清晰、快速、便捷地在app上獲取優(yōu)質(zhì)的服務(wù)、產(chǎn)品、和信息這一設(shè)計(jì)宗旨永遠(yuǎn)不變。
在UI設(shè)計(jì)上,融e通APP采用統(tǒng)一的UI標(biāo)準(zhǔn),在APP整體風(fēng)格上保持一致。每次改版,都以用戶交互更友善、頁面更簡(jiǎn)潔為目標(biāo)。
上海證券:指e通APP
指e通APP的功能區(qū)根據(jù)大數(shù)據(jù)客戶信息采集統(tǒng)計(jì),按用戶點(diǎn)擊率較高的功能進(jìn)行排序分布,方便用戶使用;同時(shí)支持用戶“定制化”,打造個(gè)性化首頁,提升使用效率。
理財(cái)區(qū)著重凸顯年化收益,需凸顯用戶最需感知的數(shù)據(jù),弱化顯示其他同質(zhì)信息;根據(jù)產(chǎn)品熱門度將各類理財(cái)產(chǎn)品進(jìn)行排序,減少用戶點(diǎn)擊,讓用戶一目了然,放心選購;資訊區(qū)把三類點(diǎn)擊率高的資訊欄目放在首頁,更好地幫助用戶決策。
南京證券:金羅盤APP
首頁不僅是金羅盤的入口,也是一個(gè)綜合性的頁面,集中展示了大多數(shù)功能的入口。每天的非交易時(shí)間,用戶打開金羅盤會(huì)直接進(jìn)入首頁。
功能菜單區(qū)是金羅盤首頁的一大亮點(diǎn),用戶可以進(jìn)入“更多”頁面進(jìn)行管理,根據(jù)自己的喜好,自定義首頁的功能菜單,隨心所欲調(diào)整它們的位置,當(dāng)然也可以根據(jù)顏色自己搭配啦。我們也會(huì)根據(jù)用戶的點(diǎn)擊次數(shù)統(tǒng)計(jì),來適時(shí)更換這里的菜單布局。
長(zhǎng)城證券:長(zhǎng)城易APP
長(zhǎng)城易通過客戶的使用日志,動(dòng)態(tài)給客戶展示不同的首頁,首頁支持營業(yè)層面的百人百面,同時(shí)結(jié)合數(shù)據(jù)挖掘技術(shù),在客戶層面給客戶 展示有價(jià)值的、個(gè)性化,合規(guī)的信息。
首頁設(shè)有長(zhǎng)盈寶、理財(cái)商城、業(yè)務(wù)辦理、股票期權(quán)、我的客服、港股通、融資融券、股轉(zhuǎn)交易、滬深交易、場(chǎng)內(nèi)基金、容易融、新股申購、投顧產(chǎn)品、綜合資訊等快捷入口,用戶操作便捷,能快速的找到所需要的服務(wù)。
英雄榜則是全市場(chǎng)高管增持,業(yè)績(jī)預(yù)增,主力凈流入,融資余額增加等指標(biāo)的數(shù)據(jù)匯總。
財(cái)通證券:財(cái)通證券APP
使用財(cái)通證券App的用戶中,95%是股民。為了延續(xù)股民的操作習(xí)慣,我們?cè)谑醉摫A袅藢?dǎo)航為主的布局,方便用戶一鍵直達(dá)。此外,我們也逐步在首頁展示更多的特色功能與業(yè)務(wù),為客戶提供差異化、定制化的資訊與功能。在icon和banner的設(shè)計(jì)上,我們?cè)诓挥绊懕孀R(shí)度的條件下,也在不斷嘗試年輕化設(shè)計(jì),吸引更的年輕用戶。
第一創(chuàng)業(yè)證券:一創(chuàng)智富通APP
1. 卡片式設(shè)計(jì),層次清晰的內(nèi)容展示,視覺邏輯更加有條理。
2. 首頁頭部通屏放置banner(首頁輪播圖)以展示最新的金融咨詢和活動(dòng),有效利用空間,視覺飽滿。
3. 結(jié)合“科技讓投資更輕松”,重點(diǎn)展示智富通特色功能—智能模塊。
4. 主要icon以漸變色塊結(jié)合線條的形式體現(xiàn)AI智能的科技感。
5. 智能模塊面線結(jié)合的設(shè)計(jì)方式以和其他面面結(jié)合的icon相區(qū)分。
6. 整體界面以金色為主色調(diào)更加符合自身的金融屬性,也會(huì)給用戶帶來充滿活力與向上的氛圍感。同時(shí)搭配小面積輔助色,讓界面不至于單調(diào)乏味。
國海證券:金探號(hào)APP
設(shè)計(jì)色調(diào)采用品牌標(biāo)識(shí)色,紅色和灰色,配合白色形成清晰明快的整體風(fēng)格。紅色是熱烈、沖動(dòng)、強(qiáng)有力的色彩,除了具有較佳的明視效果之外,更能表達(dá)有活力、積極、熱誠、溫暖、前進(jìn)的企業(yè)形象與精神,是國海證券金探號(hào)品牌LOGO形象的詮釋,代表奮進(jìn)、向上、財(cái)富和自由。APP首頁集中表現(xiàn)了上述特點(diǎn),讓用戶能夠立刻感受到金探號(hào)APP設(shè)計(jì)的用心之處。
華林證券:華林證券APP
1、 UI設(shè)計(jì):明快的漸變色是和簡(jiǎn)潔的線性icon是當(dāng)下主流設(shè)計(jì)趨勢(shì),“林證券APP” UI設(shè)計(jì)正是緊跟了這個(gè)潮流趨勢(shì),充分靈活運(yùn)用于icon和圖片設(shè)計(jì)上,傳遞出清新明快的風(fēng)格,也更符合當(dāng)下大家碎片化閱讀和客戶高黏性使用的視覺傳達(dá)效果。
2、 頁面設(shè)計(jì):按照業(yè)務(wù)權(quán)重合理進(jìn)行頁面布局設(shè)計(jì),同時(shí)保留快捷入口位,便于用戶快速進(jìn)入具體業(yè)務(wù)功能模塊。采用十字交互的智能投顧部分與豐富的新聞?wù)故九挪荚O(shè)計(jì),通過交互設(shè)計(jì)引導(dǎo)用戶滑動(dòng)操作,提高瀏覽的便捷性。因首頁整體高度增加,合理添加Banner圖片,使頁面富于變化,讓閱讀更有趣。
聯(lián)儲(chǔ)證券:儲(chǔ)寶寶APP
首頁分為“共儲(chǔ)時(shí)刻”和“金融商城”,“共儲(chǔ)時(shí)刻”全部是低風(fēng)險(xiǎn)、保本型產(chǎn)品,有我們的現(xiàn)金寶、收益憑證、國債逆回購、場(chǎng)內(nèi)申贖型貨幣基金、場(chǎng)外貨幣基金,也是突出儲(chǔ)蓄這個(gè)核心思想;“金融商城”則是一些中高風(fēng)險(xiǎn)類型產(chǎn)品的推薦,包括非貨幣性基金以及資管類產(chǎn)品等。
聯(lián)訊證券:聯(lián)訊金融APP
聯(lián)訊金融4.0版本UI設(shè)計(jì)以簡(jiǎn)潔流暢為主,界面減去不必要的裝飾,保證無視覺噪音,便于用戶沉浸式瀏覽。首頁功能設(shè)計(jì)以“便于操作”為主,常用功能入口包括立即開戶、投顧社區(qū)、賬戶分析、新股申購、資訊中心、智能選股、聯(lián)訊學(xué)堂等,滿足客戶股票交易、資產(chǎn)配置需求。
此外,APP首頁設(shè)置多個(gè)快速欄目入口,如理財(cái)推薦“更多”引導(dǎo)用戶快速到達(dá)理財(cái)商城。
民生證券:民生財(cái)富匯APP
民生財(cái)富匯首頁,財(cái)富管理轉(zhuǎn)型的導(dǎo)向十分顯著,在從首頁第一屏開始,就給用戶推薦場(chǎng)景化理財(cái)工具,包括抵御通脹的黃金寶產(chǎn)品;長(zhǎng)期投資的定投寶產(chǎn)品;日常儲(chǔ)蓄的工資寶產(chǎn)品;新用戶理財(cái)?shù)男驴蛯毊a(chǎn)品;資產(chǎn)配置的組合寶產(chǎn)品。
民生證券在積極向財(cái)富管理業(yè)務(wù)轉(zhuǎn)型,金融產(chǎn)品庫越來越豐富,民生財(cái)富匯在APP上打造理財(cái)專區(qū)和金融產(chǎn)品超市,涵蓋收益憑證、銀行理財(cái)、公募基金、活期定期理財(cái)?shù)雀黝惼贩N,并在首頁以較大篇幅進(jìn)行呈現(xiàn)。對(duì)于產(chǎn)品的起購金額、投資期限、業(yè)績(jī)比較基準(zhǔn)、風(fēng)險(xiǎn)等級(jí)等產(chǎn)品要素都有完整的呈現(xiàn),并對(duì)當(dāng)期產(chǎn)品的銷售進(jìn)度用進(jìn)度條來顯示,能給客戶在進(jìn)行理財(cái)產(chǎn)品的選購和搶購中提供很好的輔助作用。
民生財(cái)富匯在APP上早已實(shí)現(xiàn)OTC線上開戶,開戶后的客戶在首頁選購產(chǎn)品,一鍵進(jìn)行購買,整個(gè)流程十分通暢,雖然民生證券還有相當(dāng)規(guī)模的客戶是使用PC端和同花順進(jìn)行股票交易的,但民生證券金融產(chǎn)品銷售量的80%以上都在民生財(cái)富匯這款A(yù)PP上產(chǎn)生,這是民生財(cái)富匯以財(cái)富管理為特色的首頁取得成績(jī)的有力佐證。
湘財(cái)證券:百寶湘APP
百寶湘APP首頁秉承“千人千面,自主定義”的設(shè)計(jì)理念,旨在打造客戶的專屬金融中心。
我們嘗試打造一個(gè)開放式的“應(yīng)用市場(chǎng)”,建立在提供綜合服務(wù)的基礎(chǔ)上,通過各種應(yīng)用來提供大量的服務(wù)產(chǎn)品,豐富投資服務(wù)場(chǎng)景,以匹配并滿足不同用戶的投資需求。同時(shí),充分整合了用戶碎片化時(shí)間的關(guān)注點(diǎn),將資訊、功能及服務(wù)內(nèi)容篩選整合成一個(gè)個(gè)的應(yīng)用卡片作為APP的內(nèi)容組織形式,提供個(gè)性化的資訊定制和推送服務(wù)。
申港證券:申港證券APP
申港證券新版APP整體以藍(lán)白為主基調(diào),其三大設(shè)計(jì)方向如下:
1)路牌標(biāo)題欄:路牌標(biāo)題欄的核心是讓內(nèi)容信息成為頁面的重心。其最大的特點(diǎn)就是放大了標(biāo)題的字號(hào),像在首頁這種聚合了很多內(nèi)容的長(zhǎng)頁面,大標(biāo)題能讓用戶在快速定位所處的位置,讓用戶在最短的時(shí)間理解頁面,把握內(nèi)容核心。 另外采用路牌式的標(biāo)題欄也能快速抓住用戶注意力,區(qū)別于傳統(tǒng)的信息無核堆放頁面;
2)提升文字設(shè)計(jì)層次:首先是利用先后位置建立層次,以路牌標(biāo)題為第一層次,副標(biāo)題為第二層次作為補(bǔ)充介紹,同時(shí)作為該模塊內(nèi)容的主要入口。其次是利用顏色/字號(hào)建立層次,比如首頁的申港資訊,若用戶已點(diǎn)擊閱覽后,則該條資訊標(biāo)題字號(hào)顏色減弱以區(qū)分未讀資訊;
3)增強(qiáng)對(duì)比效果:整個(gè)首頁中,熱門活動(dòng)與申申小課堂以鮮明的色塊進(jìn)行區(qū)分,模塊分明的基礎(chǔ)上用戶上下滑動(dòng)閱覽時(shí)不顯單調(diào)。
太平洋證券:太平洋證券太牛APP
首頁設(shè)計(jì)說明:原首頁使用較為單一的顏色風(fēng)格,功能內(nèi)容也不豐富,隨著現(xiàn)今券商APP的不斷發(fā)展,也隨著太牛功能越來越龐大,慢慢券商APP也在向豐富多彩的設(shè)計(jì)流行趨勢(shì)靠攏。新版首頁解決了原本廣告混亂復(fù)雜的問題,將原來的廣告縮小,以大文字來突出重點(diǎn),統(tǒng)一廣告風(fēng)格,使版面看起來更加統(tǒng)一整齊。
萬聯(lián)證券:萬聯(lián)e萬通APP
首頁精簡(jiǎn)大氣,以紅色為主色調(diào),視覺焦點(diǎn)以最新運(yùn)營活動(dòng)、主要功能按鈕和消息熱點(diǎn)為主,讓廣大股民第一時(shí)間了解萬聯(lián)活動(dòng)和股市動(dòng)態(tài),快速引導(dǎo)用戶找到功能操作按鈕。
西部證券:信天游APP
西部證券信天游的UI設(shè)計(jì)采用了極簡(jiǎn)的表現(xiàn)手法,重點(diǎn)突出了以下幾個(gè)方面:
1. 輕量化和有效化:使用大數(shù)據(jù)進(jìn)行跟蹤分析,充分了解客戶的使用習(xí)慣和需求,針對(duì)性的對(duì)APP結(jié)構(gòu)和快捷入口進(jìn)行了重新規(guī)劃,由注重形式向注重互交體驗(yàn)、使用效率轉(zhuǎn)變。
2. 簡(jiǎn)化首頁布局:使頁面簡(jiǎn)潔而藝術(shù),用戶更容易找到焦點(diǎn)和最需要的功能。
3. 統(tǒng)一色調(diào):配色統(tǒng)一為紅色和深藍(lán)色,與西部證券企業(yè)標(biāo)準(zhǔn)色保持一致,在兼顧用戶視覺感受的同時(shí)達(dá)到企業(yè)識(shí)別的目的。
4. 按鈕簡(jiǎn)潔化:APP中所有icon圖標(biāo)采用最簡(jiǎn)潔的線條形式。
5. 突出智能化功能:使用動(dòng)圖、H5動(dòng)畫、頁面切換效果等多種動(dòng)態(tài)元素,將智能的概念以絢爛方式呈現(xiàn)出來,吸引并引導(dǎo)客戶使用。
中投證券:掌中投APP
掌中投APP首頁增設(shè)了banner廣告位,讓用戶第一時(shí)間了解到重要資訊及活動(dòng)。另外把常用的功能作為快捷入口放在首頁明顯的位置,同時(shí)保留所有功能的入口在頂部欄右上角“導(dǎo)航”中,方便用戶快速找到所需功能,提高軟件操作效率。而快捷入口下方的內(nèi)容板塊就根據(jù)主次層級(jí)排列,使用垂直的視線引導(dǎo)用戶閱讀內(nèi)容信息,使用戶更聚焦于主要操作。
掌中投APP的圖標(biāo)大多采用扁平風(fēng)格。所有的圖標(biāo)根據(jù)不同位置和數(shù)量等因素,設(shè)計(jì)也會(huì)有所不同。例如重要的常見的地方使用的圖標(biāo)元素多為實(shí)心背景帶點(diǎn)折射影的風(fēng)格(首頁快捷入口),頁面圖標(biāo)過多的頁面(如賬戶下面的列表)為了營造視覺輕松感則采用線框類型單色圖標(biāo)。
版權(quán)聲明:本文內(nèi)容由互聯(lián)網(wǎng)用戶自發(fā)貢獻(xiàn),該文觀點(diǎn)僅代表作者本人。本站僅提供信息存儲(chǔ)空間服務(wù),不擁有所有權(quán),不承擔(dān)相關(guān)法律責(zé)任。如發(fā)現(xiàn)本站有涉嫌抄襲侵權(quán)/違法違規(guī)的內(nèi)容, 請(qǐng)發(fā)送郵件至 舉報(bào),一經(jīng)查實(shí),本站將立刻刪除。