Skip to main content
UI Coach Logo
Back to challenges
Hard

Home Security Control Center

Design a secure control experience for locks, cameras, alarms, and access events across a connected home.

Mobile, Tablet

The brief

Understand the problem

Background

Connected security devices often come from different vendors and report status in inconsistent ways. A single control surface is useful only if it prevents accidental unlocks and makes failures visible.

User context

Rosa manages her home, a detached garage, and temporary access for a dog walker. While traveling, she receives a door-open alert shortly after the access window should have ended.

Product problem

The interface must prioritize genuine incidents, show device freshness, and add proportionate safeguards to remote actions without slowing every routine check.

Objective

Create a security overview, incident investigation, remote action, and temporary guest access flow.

What to design

Define the experience

Required experience

  • Property status overview
  • Event and camera investigation
  • Protected remote control
  • Temporary access management

Screens and states

  • Security dashboard
  • Incident detail
  • Remote lock confirmation
  • Guest access setup
  • Offline device state

Core user flow

Follow the critical path

  1. 01

    Rosa opens the alert

  2. 02

    She checks the door event and current camera status

  3. 03

    She revokes the guest code

  4. 04

    She locks the door with identity confirmation and receives an audit record

Product rules

Requirements and constraints

Requirements

  • Show when each device last reported
  • Require stronger confirmation for unlock and alarm actions
  • Keep an immutable action history
  • Distinguish device failure from a security event
  • Allow scoped and expiring guest access

Constraints

  • Some devices can be offline
  • Video may load slowly
  • Household members have different permissions
  • Remote actions can fail after being submitted

Reality check

States worth considering

Lock status is unknown
Two household members act at once
A guest code is used outside its window
Camera footage is unavailable
The owner loses account access

Ready-to-use content

Mock data

Use this content to test hierarchy and realistic data states. You can expand it when the concept needs more depth.

Device status

  • Front door locked, checked 20 seconds ago
  • Garage camera offline for 14 minutes
  • Patio sensor open since 21:42
  • Dog walker code expired at 21:30

Finish line

What to deliver

  • Five tablet or mobile screens
  • A permission and confirmation model for high-risk actions

If you want more

Optional extensions

Add a multi-property view
Design a verified emergency contact handoff

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Color palette
#A9A4CE
#05623B
#1F1109
#79829C
#6CBCB4
Font pairing
MerriweatherCabin

Merriweather & Cabin

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Theory to review

UX principles for this brief

Use these as decision lenses, then validate the design with the people and context in the brief.