UniFi Protect
UniFi Protect is Ubiquiti’s security and surveillance platform, When I had joined this product team we were adding some new hardware with unique interactions. I was given the role of lead designer for this platform and added many new features as well as fixes to the core functionality.
Updated Timelapse
Protect security deployments allow users to store up to weeks of high quality video footage for 20+ cameras, so it was essential to create a user experience that allowed users the ultimate control in selecting their cameras, and using the timelapse feature to scrub back in time, highlighting specific events and moments for easy navigation and control.
Smart Detections
In an effort to provide more detail reduce the effort on users scrubbing through camera feeds, we introduced a machine learning process to identify people, vehicles and other objects to be recognized by the camera. This can make it easy to a user to parse their camera feed and identify and recognize people.
Pan Tilt Zoom Camera
Ubiquiti’s latest powerhouse camera is a steel framed device that can zoom up to 22x, and move-pan-tilt via the user controlled Protect mobile or Web application. We did competitive analysis of many drone controls
We performed a 4 week sprint of testing external participants that represented a non-technical demographic to stress test the protect system. We collected quantitative and qualitative data about the research testing and made fixes and improvements, then retested and found that our system performed markedly better than the previous iteration.
Pan Tilt Zoom Controls (Mobile)
We designed two parallel experiences fo the PTZ Camera controls, one optimized for web controls, incorporating keyboard navigation and hotkeys. We also created a mobile optimized version based on interaction principles best applied for touch controls.
We also wanted the controls to be as minimally intrusive as possible, managing transparencies, as well as self hiding controls after seconds of not using the controls.
Improved Alert Strategy
Based on data collected from our analytics platform we found that alot of users were turning off, or not enabling their alerts and notifications. We tracked this issue to the fact that the users were being “over-notified” about events and hardware changes. We redesigned the alerts to be highly customizable and cross platform.
Reducing Perceived Latency
In an effort to reduce the user’s perception of the roughly 5 second loading time for the Protect application, we simplified the hero image loading screen and put server connection processes in the background. Meanwhile we showed a “lazy loader” to indicate the content on the dashboard, thereby priming the users view and structure of the page before the content loads in.
New Hero Images
I art directed a series of graphics that were created for UniFi Talk. We call them hero images, they represent certain features, services or platforms that weren’t represented by a hardware image. We went with a playful, minimal style to expand the visual vocabulary of the brand, as well as represent the hardware in a simplified way, that future proofed it against model upgrades and changes.
