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

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

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

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

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

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

首頁設(shè)計

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

展示目的

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

展示內(nèi)容

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

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

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

3)用戶點擊懸浮導航按鈕后,導航展開,再次點擊菜單,則快速切換至目標頁面。

4)當懸浮導航處于打開狀態(tài),則用戶再次點擊該導航按鈕,則進入半隱藏狀態(tài)。

因為使用這個軟件的人是中國電信的工作人員,操作給訪客們看是每天要做的工作,很容易記住每個圖標的含義,所以用圖標形式也沒有關(guān)系。

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

典型頁設(shè)計

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

  返回