VIVOCloud Mobile
Home > VIVOCloud Mobile
Overview ｜ Mockup ｜ UI Style Guide ｜ Prototype
Overview
VIVOCloud Mobile is a business security app for Android and iOS devices to monitor things inside and outside in real-time. Like most surveillance apps, it has a simple structure that is easy to understand, including Live View, Playback, and Camera Configuration.
? The Design Goal
1. Optimize and style elements for mobile and tablet
This app supports both mobile and tablet devices of Android and iOS. So, in Graphical User Interface (GUI) design, good screen space optimization is essential for a better user experience.
2. Provide specific designs that fit all camera devices
Our customers may use a spectrum of types of camera devices by VIVOTEK. Moreover, every camera has its configuration options.
? My Role
It is a team project and I am responsible for GUI designs in collaboration with other UI designers.
?️ Project Info
Project Duration：5-year Routine Maintenance
Total functions：32 Functions
Product scale：430+ Screens
Categories：UI Design, Windows, Desktop
Overview ｜ Mockup ｜ UI Style Guide ｜ Prototype
Mockup
I usually test the variances between visual elements on Mockup and provide the final accurate visuals of the product to the product team. This assists immediate understanding between stakeholders on final products.
Overview ｜ Mockup ｜ UI Style Guide ｜ Prototype
UI Style Guide
I have built a UI Style Guide that details all necessary guidelines and organizes UI elements in efforts to achieve efficient communications and collaborations with the product team and ensure the alignment between the products’ looks and feels.
Overview ｜ Mockup ｜ UI Style Guide ｜ Prototype
Prototype
Despite Prototype taking longer to produce than Mockup, they are more beneficial when it comes to helping people visualize what a product is going to look like with ease and receive quick product feedback and suggestions from the team.
主頁（Main page）
帳戶（Account）
