User Interface Design

6. User Interface Design

6.1 Key screens / flows

• Login / account (JWT; biometric unlock on mobile)
• Live teleoperation (WebRTC video + drive controls)
• Session history and 3D tour viewer (3D Tiles streaming)
• Annotation tools and inspection report generation
• Robot fleet status, docking, and alerts (push notifications on mobile)

6.2 Design system

• Theme: dark technical UI — charcoal background, blue accent (#2f81f7), monospace telemetry
• Layout: web = desktop sidebar; mobile = bottom tab bar + thumb-zone controls
• Touch: minimum 44 pt targets; measurements use crosshair + confirm (no hover on mobile)
• Safety: fixed emergency stop on all teleop screens
• Accessibility: high-contrast status badges, readable type at small sizes

Sub-pages

• Mockups