HD Hero2 & Hero3
A refreshing new UX for GoPro's revolutionary action cameras.
TEAM
-
3 UX Designers (incl. Me)
-
1 Visual Designer
-
1 Product Manager
-
Director of Product Development
-
CEO
-
CFO
-
Multiple Development Teams
PROBLEM
GoPro’s HD Hero video camera was a bestseller for many reasons, but its segmented LCD interface was almost unusable. For the HD Hero2 and Hero3, Swim Interaction Design Studio was tasked with designing the best UX possible within these challenging constraints:
-
Output via a postage-stamp sized, bitmapped, monochromatic display
-
Input via two fixed buttons
-
Active users — pros and novices alike — in extreme environments
-
Communicate significant status information (e.g., current mode, state, battery life, data limits) and provide access to a growing number of user-controlled settings
BEFORE: First-generation HD Hero & interface reference guide
DESIGN
My colleagues at Swim completely overhauled the UX, devising a new framework that is readable, extensible, and intuitively controlled by only two buttons. Our visual designer created a rich UI language — including custom icons and text — consisting of four distinct screen types that fully utilized the new bitmap display.
Once this framework was established, I designed detailed behavioral flows for the HD Hero2 and its remote control. Since the majority of the development took place in China, we delivered specs with interlocking visual flow charts and clear graphics, thus decreasing the need for translation. The specs addressed all screens and button behaviors, as well as audio and LED feedback.
We then extended the framework to support the WiFi BacPac and all three versions of the HD Hero3 (each with varying degrees of new functionality). The UX framework Swim devised continued to support subsequent cameras, having a life well beyond the initial project.
The new interface was praised by reviewers and users as “MUCH easier to navigate through” and “[usable] without ever looking at the user manual”. Alongside everything else the Hero cameras offer, the new interface contributed to GoPro’s phenomenal success.
AFTER: HD Hero3
