機房合作UI優化

曹祥銘-Charles發表於2018-11-03

機房合作是我接手的第一個合作專案,也是第一個以文件驅動的專案!我呢,負責UI層、實體、外觀!
本次機房合作是對我們之前已經完成兩版的“機房收費系統”的再次優化!對於這次合作專案,經過我們的討論分析,決定把它做成實際中的網咖收費系統。所以在機房UI設計的時候,還是比較頭疼的,因為我沒怎麼去過網咖,沒關注過現實中正在用的網咖收費系統是長什麼樣的!但是經過的思考,還有查資料,還有去網咖考查!有了這篇機房優化的思路!

困難

最大的困難是什麼呢?就是自己被之前兩版的收費系統所束縛住了!跳不出這個坑了,所以在第一版UI介面的時候,設計出來的還和之前重構的那版系統極為的相似。但是,不能這樣,需要跳出這個坑,所以我在網上搜尋了一些資料,重新設計出來一版介面!

登入介面

網咖的登入介面應該很大氣,並且充滿遊戲的元素。網咖系統開機之後就是登入介面,只有登陸成功之後才能進入電腦桌面,所以登入介面是全屏的,並且在此介面除了關機登入無法進行其他操作!
突然感覺好難啊,在網上找了很多素材,感覺都不太好!所以自己下手P了一個,不管別人感覺怎麼樣, 方正我自己看著挺舒服的!
在這裡插入圖片描述雖然現在看著有點簡陋,不過後期還會加上一些元素,比如精彩的遊戲CG,還有一些系統公告!

使用者主介面

使用者的主介面,做了很大的修改。
1、摒棄了原來的那種窗體式介面。因為我覺得,對於一個網咖來說,收費系統對使用者來說只是一個輔助,而玩遊戲才是使用者來這裡最主要的,而是來這裡欣賞收費系統的!所以沒有必要把使用者端做的特別大,繁瑣,這樣會讓使用者煩,功能太多也沒必要,還是那句話, 使用者不是來欣賞我們的系統的!
2、摒棄了煩人的彈窗,臨時對話方塊!因為使用者如果有需求的話,看見一堆一堆的彈窗會很煩。而且當使用者正在玩遊戲的時候,彈窗的位置最好不要遮擋使用者的主要螢幕!加入了右下角的動態彈窗!
3、使用者結賬即關機,當使用者點選結賬時,系統會自動關機!這樣的設計比較符合現在的網咖設計。
4、加入了生日祝福,當使用者生日當天登入系統後,會受到來自系統生日祝福!
5、當客戶端貼近螢幕邊緣時,會自動收起。當滑鼠接近時,會自動開啟!類似於QQ客戶端的收起方式!
6、圓角窗體。傳統的窗體的稜角太冷了!圓角窗體看起來更加舒服!
在這裡插入圖片描述右下角的彈窗
在這裡插入圖片描述大概就是這個樣子吧!細節還有優化好!不過看起來比之前的好多了!
未完待續……

相關文章