NVR System
Home > NVR System
Overview ｜ UI Style Guide ｜ Mockup
Overview
NVR System, or Network Video Recorder System, is a part of an IP video surveillance system for observing an area by a security guard or law enforcement officer. It is used to connect to large numbers of IP cameras or surveillance accessories.
It is an all-in-one embedded system on Linux that includes a software program and a mass storage device. You can plug and play with a monitor, keyboard and mouse.
? The Design Goal
1. Maintain products based on the current UI style
NVR System is used by many and with a long history. Therefore, it is important to use the current user-familiar styles as base as I develop other UIs, or make changes to the current UI element should issues occur.
Some files are at risk of disappearing over time due to unforeseen circumstances, thus inventorying every NVR System screen and having them recreated in Sketch are a must.
2. Overall design visual and functional consistency
As mentioned, it is a product with a long history. Team members come and go, product features change, and technical debts accumulate like other software programs in time. I organize and amend UI components, identify inconsistencies in the interface and address them accordingly. I preserve the consistency of the UI designs for users to have a sense of trust in our product and improve efficiency as the design language evolves.
? 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：102 Functions
Product scale：720+ Screens
Categories：UI Design, Embedded System, Desktop
Overview ｜ UI Style Guide ｜ Mockup
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.
