華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)

華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)

html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì)

html前端 | 交互設(shè)計(jì) | 視覺設(shè)計(jì)

北京華晨陽通信技術(shù)有限責(zé)任公作為國內(nèi)領(lǐng)先的通信行業(yè)網(wǎng)管軟件產(chǎn)品開發(fā)及服務(wù)提供商,歷經(jīng)多年發(fā)展,華晨陽在通信行業(yè)網(wǎng)管軟件和自動(dòng)化運(yùn)維領(lǐng)域積累了豐富的行業(yè)經(jīng)驗(yàn),形成了突出的行業(yè)軟件開發(fā)與服務(wù)優(yōu)勢。中國電信亞太公司大屏項(xiàng)目華晨陽負(fù)責(zé)軟件開發(fā),藍(lán)藍(lán)設(shè)計(jì)負(fù)責(zé)界面設(shè)計(jì)。中國電信希望在國外演示廳建設(shè)大屏幕系統(tǒng),接待客戶訪問和參觀,對(duì)外展示CTG的全球網(wǎng)絡(luò)覆蓋能力,重點(diǎn)方向帶寬、IDC、云計(jì)算、主要產(chǎn)品介紹......

產(chǎn)品經(jīng)理對(duì)客戶及業(yè)務(wù)有深刻的理解和把握,項(xiàng)目采取了敏捷開發(fā)的形式,避開有些設(shè)計(jì)不能實(shí)現(xiàn)的問題,設(shè)計(jì)后后由產(chǎn)品經(jīng)理決策確認(rèn),開發(fā)后最終客戶確認(rèn)。在AE和html動(dòng)效中采用了一些試驗(yàn)性的嘗試,以較小的資料投入獲得了豐富的視覺交互動(dòng)效體驗(yàn)。

首頁設(shè)計(jì)

首頁的導(dǎo)航方式是比較有趣的方式,默認(rèn)只顯示“+”號(hào),點(diǎn)擊后散開出現(xiàn)各子菜單。

展示目的

由于大屏系統(tǒng)頁面比較多,為了更好的用戶體驗(yàn),在除歡迎頁面、導(dǎo)航頁面意外的其它頁面增加一個(gè)懸浮球效果,該懸浮球可以直接導(dǎo)航至其它頁面,不需要設(shè)計(jì)返回按鈕。

展示內(nèi)容

該懸浮按鈕位于所有頁面的右邊中部位置,點(diǎn)擊后動(dòng)畫效果打開快速導(dǎo)航菜單,包括:海陸纜、帶寬時(shí)延、IDC、CLOUD、產(chǎn)品、企業(yè)介紹、互動(dòng)游戲。

1)該懸浮按鈕只在內(nèi)容頁面顯示,加載頁和導(dǎo)航頁,該按鈕不顯示。

2)進(jìn)入內(nèi)容頁面后,該按鈕處于半隱藏狀態(tài),位于屏幕中部位置.

3)用戶點(diǎn)擊懸浮導(dǎo)航按鈕后,導(dǎo)航展開,再次點(diǎn)擊菜單,則快速切換至目標(biāo)頁面。

4)當(dāng)懸浮導(dǎo)航處于打開狀態(tài),則用戶再次點(diǎn)擊該導(dǎo)航按鈕,則進(jìn)入半隱藏狀態(tài)。

因?yàn)槭褂眠@個(gè)軟件的人是中國電信的工作人員,操作給訪客們看是每天要做的工作,很容易記住每個(gè)圖標(biāo)的含義,所以用圖標(biāo)形式也沒有關(guān)系。

華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)

典型頁設(shè)計(jì)

華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)
華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)
華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)
華晨陽科技中國電信亞太區(qū)展廳大屏界面設(shè)計(jì)-藍(lán)藍(lán)設(shè)計(jì)

  返回