銀豐新融是柯萊特金融集團(tuán)下屬的專門從事反洗錢業(yè)務(wù)的專業(yè)軟件開發(fā)公司,在銀行相關(guān)業(yè)務(wù)中享有盛譽(yù)。此次改版,在原有十多年的軟件產(chǎn)品基礎(chǔ)上,重新開發(fā)出新的軟件產(chǎn)品。新的UI設(shè)計(jì)及交互框架會(huì)在二十多個(gè)產(chǎn)品線,幾百個(gè)項(xiàng)目上使用,需要考慮到各個(gè)軟件產(chǎn)品的通用性、拓展性、統(tǒng)一性。本次項(xiàng)目從一開始的各種問題到最終得到客戶的認(rèn)可和稱贊,其中的付出和收獲或許只有你真正遇到才會(huì)體會(huì)。
過程艱辛,結(jié)果甜蜜。銀豐新融得到一個(gè)公司內(nèi)部和客戶上上下下都很滿意的軟件產(chǎn)品,可以給二十多個(gè)子系統(tǒng),幾百個(gè)項(xiàng)目實(shí)施應(yīng)用。藍(lán)藍(lán)設(shè)計(jì)得到滿意的設(shè)計(jì)作品,一切基于用戶體驗(yàn),顛覆性的重新設(shè)計(jì)、創(chuàng)新、全面、深入的思考,會(huì)創(chuàng)造一個(gè)打擊都滿意的好作品!
首頁設(shè)計(jì)
新豐新融方面由產(chǎn)品副總裁帶隊(duì),與藍(lán)藍(lán)設(shè)計(jì)團(tuán)隊(duì)一起,創(chuàng)新交互方式,借鑒國(guó)內(nèi)外多種產(chǎn)品和組件,嘗試不同的布局和風(fēng)格。首頁進(jìn)行了十次左右的提案,漸漸梳理出思路,首頁的設(shè)計(jì)用了近一個(gè)月的時(shí)間,其后的幾十個(gè)頁面在兩個(gè)月左右完成。此次頁面用到bootstrap框架,首頁拓展性很好,維護(hù)方便,采用色塊來突出快捷菜單,較大的數(shù)字提醒用戶注意到未辦理或當(dāng)前欄目的具體數(shù)值等主要信息,較新穎的折線不會(huì)看起來那么的枯燥,導(dǎo)航和圖標(biāo)劃過點(diǎn)擊的一些交互實(shí)時(shí)反饋給用戶。

原來的界面分析




競(jìng)品分析




首頁的各種布局嘗試




定稿界面






1.功能模塊快捷圖標(biāo)
把重要的使用頻繁的功能設(shè)計(jì)成了快捷圖標(biāo)的形勢(shì)。
2.統(tǒng)計(jì)
不同的欄目統(tǒng)計(jì)采用橫向柱狀圖,采用不同的顏色
區(qū)分,使統(tǒng)計(jì)內(nèi)容更加直觀。
3.公告
不同于以往列表的表現(xiàn)形式,設(shè)計(jì)師突破固有的思
維采用時(shí)間軸的顯示方式。
4.卡片
個(gè)人信息設(shè)計(jì)成了新穎的卡片形式,讓界面更加的
有活力吸引人,對(duì)于不同的內(nèi)容設(shè)計(jì)了三種不同的
卡片樣式。
5.導(dǎo)航
導(dǎo)航設(shè)計(jì)成了抽屜式的,一級(jí)采用圖標(biāo)的形式,可
以展開和收縮。



