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

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

html前端 | 交互設計 | 視覺設計

html前端 | 交互設計 | 視覺設計

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

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

首頁設計

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

展示目的

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

展示內容

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

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

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

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

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

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

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

典型頁設計

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

  返回