UX, UI & Interaction Design, Prototyping & Scope documentation
At Ubiquiti I was brought on to bring usability expertise to a team of two mobile designers and three developers based in Los Angeles California. I would introduce Invision to the mobile team, not limited to rapid prototyping and workflow best practices to the company's design and engineering teams. I also contributed to scope writing and documentation, introducing jobs to be done methodology to an agile development process. I also designed some icons that eventually made it into the beta build for both iPad and iOS.
Unifi Video debuted in the App Store with 4.5 rating, stronger than the competitor products by Google (Nest) formerly Dropcam. I produced both UX and UI designs for iPad and Android tablet devices and led the testing efforts during our beta release, met within a 60-day release deadline.
For a sense of how this project came together, let's start with the user.
You're a convenience store owner (or security guard) with three locations distributed across Los Angeles, or perhaps you stock the best natural wine with over two hundred varietals to choose from. Good for you, Unifi Video was designed for your peace of mind. Live stream cameras at your place of business or operations to your iPhone, iPad, Android or browser, review camera footage and export clips to your email, Facebook Messenger or connected applications in emergency situations.
- When an area has motion activity during non-business hours (or within a restricted area)
- Breaking and entering
- Twenty-four hour surveillance (or scheduled)
- Suspicious activity
When a security breach has occurred, security personnel need a means of quickly reviewing past footage so to be able to export selected footage for tasks such as police or company reporting.
Unifi Video has also been designed for bookmarking captured footage for faster retrieval upon a later date.
As a brick & mortar business owner, I need a way to monitor my business for intruders when I'm away so that I may have a piece of mind and best protect it from theft.
When that information is captured, I want full control over where it is stored, because I believe in data autonomy (security is extremely important to me). If an intrusion should occur, I want to be alerted and have a record of that breach, which I would then like to easily export it so to be able to quickly file a Police report. Since I have multiple entrances and locations, it would be great to have access to all cameras in a single app, so that no matter where I am, I can peer in and feel confident that my operation is secure and safe.
Unifi Video for the web was feature ready and the iPhone version was undergoing design and development. I was tasked with working alongside both teams to create the UX, design the UI and prototype Unifi Video beta for iPad.
I performed market research to find Dropcam's existing product to really lack the polish we wanted to bring to Unifi Video. And because we have years under our belt for producing hardware, Unifi Video was already feature rich beyond our competitor's offering.
I leaned on our style guide to quickly design and iterate in Sketch, but for the timeline feature, I moved to pen(cil) and paper given the interaction patterns of pinching and grabbing content footage.
After getting the core views designed, I imported them into Invision and worked closely using Sketch Mirror. It also served as a much better tool for understanding the physical device's orientation for landscape mode, which is primarily how the device would be positioned for a large percentage of our users.
It was also the best way to get feedback since the team was distributed remotely over two time zones.
We would ship a beta of UnifiVideo approximately 60 days after starting the design and usability testing sessions. For an idea of how this turned out, select the prototype hotspots below for a demo of a high-level simulation of Unifi Video for iPad. Or you can download from the AppStore.