理財(cái)APP的視覺(jué)重構(gòu) 隨手記發(fā)力扁平化
泡泡網(wǎng)手機(jī)頻道12月3日 在APP應(yīng)用流行初期,從PC端延續(xù)而來(lái)的模擬實(shí)物的視覺(jué)設(shè)計(jì)和交互體驗(yàn),讓用戶不用抽象的理解就可以直觀的認(rèn)知和使用,曾一度盛行。
當(dāng)智能手機(jī)大面積普及,APP應(yīng)用進(jìn)入爆發(fā)式增長(zhǎng)后,在市場(chǎng)認(rèn)知體系已趨于成熟的環(huán)境下,碎片化,及時(shí)性,高頻次,多樣化的信息接觸環(huán)境讓用戶的關(guān)注度被打散,耐心在降低。濫用形式模仿主義已經(jīng)對(duì)用戶在使用上造成困惑。突出視覺(jué)核心的極簡(jiǎn)主義扁平化設(shè)計(jì)風(fēng)格正在成為新的潮流。
理財(cái)APP的UI設(shè)計(jì)一直是一個(gè)難點(diǎn),作為以數(shù)字顯示為核心,直接產(chǎn)生數(shù)據(jù),通過(guò)多維度的財(cái)務(wù)報(bào)表幫助用戶整理財(cái)務(wù)的APP品類,在提供財(cái)務(wù)決策依據(jù)的過(guò)程中既要生動(dòng)形象避免枯燥乏味,又要清晰直觀展現(xiàn)數(shù)據(jù)維度。用戶的習(xí)慣正在向輕量化變革,該如何把握這兩者的平衡呢?隨手記用一個(gè)革命大版做出了清晰的詮釋。
去繁就簡(jiǎn) 讓視覺(jué)回歸數(shù)字
扁平化設(shè)計(jì)風(fēng)格本質(zhì)上就是把良好的體驗(yàn)給了用戶,把挑戰(zhàn)留給了開(kāi)發(fā)團(tuán)隊(duì)自己。隨手記的V9.2革命版,采用了全新的扁平化風(fēng)格UI設(shè)計(jì),放棄了諸如陰影,透視,漸變等能做出 3D 效果的裝飾元素。所有元素的邊界都干凈利落,沒(méi)有任何羽化和陰影。
通過(guò)類扁平化,隨手記因此變得簡(jiǎn)單,但在視覺(jué)上變得非常有吸引力。整個(gè)界面的配色平均會(huì)采用到6-8種顏色,有著鮮明的視覺(jué)體驗(yàn),頁(yè)面效果更加絢麗、明亮。它所使用的元素之間有著清晰的層次和布局,這使得用戶在使用隨手記中能直觀的了解每個(gè)元素的作用以及交互方式。整個(gè)實(shí)現(xiàn)過(guò)程的背后,隨手記團(tuán)隊(duì)在色彩平衡和底層實(shí)現(xiàn)上經(jīng)歷了嚴(yán)峻的考驗(yàn)。
與其它品類APP相比,個(gè)人財(cái)務(wù)管理APP在界面內(nèi)需要展現(xiàn)多維度的數(shù)字和強(qiáng)大的信息流。隨手記新版帶來(lái)全新扁平化簡(jiǎn)約清新風(fēng)格,具備優(yōu)秀的組織和展現(xiàn)信息的能力,可以讓用戶最大程度地減少學(xué)習(xí)使用成本。僅僅憑借直覺(jué)就大概能夠明白每個(gè)對(duì)象、按鈕的作用。
在UI細(xì)節(jié)上隨手記對(duì)流水功能做了進(jìn)一步優(yōu)化。流水承擔(dān)著查賬、對(duì)賬、統(tǒng)計(jì)的功能,新版的流水界面,將篩選和搜索合并成了搜索,放在了右上角,騰出了更多的空間給流水本身。金額上有細(xì)線圖表,可以即時(shí)對(duì)比。并且還加入了手勢(shì)操作,用戶可以上下拉動(dòng)切換前一段、后一段時(shí)間的流水,比較方便。
豐富精美的分類圖表一直隨手記的一大特色,然而光有好看并能清楚表達(dá)圖表給用戶記賬時(shí)帶來(lái)的溫暖感受。本次改版隨手記設(shè)計(jì)師團(tuán)隊(duì)通過(guò)數(shù)十個(gè)晝夜的挑燈夜戰(zhàn),幾乎將所有的圖表進(jìn)行重繪,全部實(shí)現(xiàn)扁平化,讓圖表好看,耐看,易用。
65項(xiàng)交互優(yōu)化與全能搜索
擁有超過(guò)6000萬(wàn)用戶的隨手記老版功能已經(jīng)非常全面,目前國(guó)內(nèi)還沒(méi)有另外一款記賬APP能出其右。但是此前過(guò)于追求功能的全面也帶來(lái)了一些體驗(yàn)上的問(wèn)題。部分界面的交互過(guò)于繁瑣,或者不統(tǒng)一。本次改版交互優(yōu)化也是目標(biāo)之一,最終優(yōu)化的交互體驗(yàn)達(dá)到65項(xiàng),匹配扁平化的風(fēng)格,實(shí)現(xiàn)了操控體驗(yàn)的全面提升。
通過(guò)多年對(duì)記賬用戶使用APP習(xí)慣的跟蹤和分析,隨手記產(chǎn)品團(tuán)隊(duì)發(fā)現(xiàn)用戶經(jīng)常通過(guò)搜索財(cái)務(wù)流水記錄來(lái)回顧和整理個(gè)人生活記錄。本次新版也對(duì)搜索功能進(jìn)行了重要的內(nèi)化升級(jí)。新版將流水的篩選和搜索進(jìn)行了合并,用戶可以進(jìn)行關(guān)鍵字快捷搜索,即搜即現(xiàn),也可以使用高級(jí)搜索,篩選更符合需求的流水信息。通過(guò)搜索性能的優(yōu)化,實(shí)現(xiàn)了更高效率的展現(xiàn)。
全面瘦身的隨手記加入自動(dòng)同步
目前,用戶的智能手機(jī)中安裝數(shù)十個(gè)以上的APP是標(biāo)準(zhǔn)動(dòng)作,熱衷新奇的年輕用戶群體安裝的APP數(shù)量甚至已過(guò)百。許多APP通過(guò)功能模塊的簡(jiǎn)單疊加追求功能涉及面的大而全,安裝包越做越大,多數(shù)已超過(guò)10M以上。用戶手機(jī)的內(nèi)存空間被大量安裝包擠占,逐漸影響到智能手機(jī)在多任務(wù)運(yùn)行中的效率。
隨手記新版的扁平化優(yōu)化也考慮到了用戶智能手機(jī)運(yùn)營(yíng)環(huán)境,重構(gòu)優(yōu)化了80%以上的代碼,通過(guò)扁平化的設(shè)計(jì)圖片資源由原來(lái)的200多個(gè),變成了130多個(gè)。這一系列的努力最終讓隨手記得包大小縮減至不到4M,在所有功能全面的原生客戶端記賬理財(cái)APP中,做到了最小,幫助用戶騰出更多的手機(jī)內(nèi)存空間,輔助提升運(yùn)行效率。
不僅如此,新版隨手記還響應(yīng)了眾多用戶的要求,加入自動(dòng)同步功能。用戶記賬后不用再點(diǎn)同步按鈕,后臺(tái)將自動(dòng)為用戶同步備份更新數(shù)據(jù),避免用戶在因遺忘、手機(jī)丟失、隨意刷機(jī)等各種特殊情況中導(dǎo)致記賬數(shù)據(jù)丟失的麻煩。
在移動(dòng)應(yīng)用APP開(kāi)始全面進(jìn)入扁平化的階段,一場(chǎng)為觸摸優(yōu)化而進(jìn)行的視覺(jué)和觸控交互體驗(yàn)上的競(jìng)爭(zhēng)已經(jīng)拉開(kāi)序幕。一向在產(chǎn)品端反應(yīng)靈敏的隨手記,又一次在眾多APP產(chǎn)品的猶豫不覺(jué)中,實(shí)現(xiàn)了“搶跑”。目前,APP產(chǎn)品端的競(jìng)爭(zhēng)已經(jīng)高度白熱化,敢于在用戶體驗(yàn)提升上自我革命的一小步,也許就是決定性的一大步?!?/P>
關(guān)注我們
