機房合作UI優化
機房合作是我接手的第一個合作專案,也是第一個以文件驅動的專案!我呢,負責UI層、實體、外觀!
本次機房合作是對我們之前已經完成兩版的“機房收費系統”的再次優化!對於這次合作專案,經過我們的討論分析,決定把它做成實際中的網咖收費系統。所以在機房UI設計的時候,還是比較頭疼的,因為我沒怎麼去過網咖,沒關注過現實中正在用的網咖收費系統是長什麼樣的!但是經過的思考,還有查資料,還有去網咖考查!有了這篇機房優化的思路!
困難
最大的困難是什麼呢?就是自己被之前兩版的收費系統所束縛住了!跳不出這個坑了,所以在第一版UI介面的時候,設計出來的還和之前重構的那版系統極為的相似。但是,不能這樣,需要跳出這個坑,所以我在網上搜尋了一些資料,重新設計出來一版介面!
登入介面
網咖的登入介面應該很大氣,並且充滿遊戲的元素。網咖系統開機之後就是登入介面,只有登陸成功之後才能進入電腦桌面,所以登入介面是全屏的,並且在此介面除了關機登入無法進行其他操作!
突然感覺好難啊,在網上找了很多素材,感覺都不太好!所以自己下手P了一個,不管別人感覺怎麼樣, 方正我自己看著挺舒服的!
雖然現在看著有點簡陋,不過後期還會加上一些元素,比如精彩的遊戲CG,還有一些系統公告!
使用者主介面
使用者的主介面,做了很大的修改。
1、摒棄了原來的那種窗體式介面。因為我覺得,對於一個網咖來說,收費系統對使用者來說只是一個輔助,而玩遊戲才是使用者來這裡最主要的,而是來這裡欣賞收費系統的!所以沒有必要把使用者端做的特別大,繁瑣,這樣會讓使用者煩,功能太多也沒必要,還是那句話, 使用者不是來欣賞我們的系統的!
2、摒棄了煩人的彈窗,臨時對話方塊!因為使用者如果有需求的話,看見一堆一堆的彈窗會很煩。而且當使用者正在玩遊戲的時候,彈窗的位置最好不要遮擋使用者的主要螢幕!加入了右下角的動態彈窗!
3、使用者結賬即關機,當使用者點選結賬時,系統會自動關機!這樣的設計比較符合現在的網咖設計。
4、加入了生日祝福,當使用者生日當天登入系統後,會受到來自系統生日祝福!
5、當客戶端貼近螢幕邊緣時,會自動收起。當滑鼠接近時,會自動開啟!類似於QQ客戶端的收起方式!
6、圓角窗體。傳統的窗體的稜角太冷了!圓角窗體看起來更加舒服!
右下角的彈窗
大概就是這個樣子吧!細節還有優化好!不過看起來比之前的好多了!
未完待續……
相關文章
- 機房合作總結
- 【機房合作——類圖生成框架】框架
- Android效能優化(4):UI渲染機制以及優化Android優化UI
- UI效能優化UI優化
- 效能優化(二) UI 繪製優化優化UI
- Android UI優化AndroidUI優化
- Unity UI優化小結UnityUI優化
- Android優化UI規則Android優化UI
- UI技術總結--效能優化UI優化
- Android開發優化之——對介面UI的優化(1)Android優化UI
- Android開發優化之——對介面UI的優化(2)Android優化UI
- Android開發優化之——對介面UI的優化(3)Android優化UI
- 六、Android效能優化之UI卡頓分析之渲染效能優化Android優化UI
- 資料機房假負載的優勢和特點負載
- 機房上機總結
- Flutter UI 1.0.2落地與優化小結FlutterUI優化
- Android UI 優化 使用和 標籤AndroidUI優化
- 恆訊科技介紹:優質的澳洲伺服器機房伺服器
- Android學習之 UI佈局優化AndroidUI優化
- 房房房
- 機房重構總結
- 機房搬遷的流程
- 深入詳解 Jetpack Compose | 優化 UI 構建Jetpack優化UI
- 恆訊科技介紹:優質的奈及利亞伺服器機房伺服器
- 鎖機制優化MySQL優化MySql
- 【機房收費系統】上下機分析
- IDC機房運維心得運維
- 韓國伺服器機房伺服器
- 跨機房ES同步實戰
- 機房建設(資料中心)
- 機房運維的真香定律運維
- 基於 WebGl HTML5 的 3D 視覺化機房WebHTML3D視覺化
- 美人相機啟動優化優化
- 手機網站如何優化網站優化
- 流同步機制優化(二)優化
- 流同步機制優化(一)優化
- 資料中心機房運維 智慧分析與視覺化是重點運維視覺化
- SAP CRM WebClient UI異常的持久化機制WebclientUI持久化