OVERVIEW
Built for Computex 2017, Ranger 360 is a compact action camera with real-time stitching and live streaming. It’s designed for seamless capture, allowing users to share without interruption.
MY ROLE
“As Interaction Design Lead , I drove UX research, facilitated workshops, led hardware and app interaction design, and validated concepts through field and VR testing.”
RESEARCH
We started with secondary research, analyzing consumer trends, product roadmaps, and early use cases of 360° video. From this, three opportunity areas emerged:
- Riding Safety → accident recording and evidence
- Retail Experience → immersive marketing for shops
- Outdoor Sharing → live streaming and lifestyle storytelling
- To validate, we ran 14 interviews with motorcyclists, cyclists, café owners, influencers, and outdoor sports enthusiasts.
INSIGHTS
From the interviews, we uncovered clear design needs:
Need both perspectives → Demand for both first-and third-person views.
Hands in frame → Footage often cluttered with hands and tripods.
- Too long to review → Long recordings were hard to review, creating demand for highlight-tagging features.
SEAMLESS CAPTURE VISION
Building on these insights, I led cross-functional workshops with designers, PMs, and engineers.
A key principle emerged: Capturing should never interrupt the activity. This vision shaped three core features:
Action Dot
Wearable remote for one-hand tagging and recording.
Smart Tags
Manual & auto highlights triggered by smiles, sound, or motion.
- Share Views
- Dual 360 cameras linking first-and third-person perspectives.
Together, these features defined Ranger’s vision:
an action camera that lets users share immersive stories without breaking their flow.
DESIGN & PROTOTYPING
Ranger’s design, inspired by insect compound eyes, emphasized wide-angle vision, durability, and sportiness. The 130g cylindrical body was IP67 water-resistant and capable of real-time stitching and live streaming without a smartphone.
Intuitive Switch
- A tactile ring for powering on and toggling photo/video modes without looking away from the action.
EXPERIENCE PROTOTYPE
Compact, One-Hand Remote Preferred
Tests with bikers, skaters, and VR (diving, surfing) showed a strong preference for compact, single-hand formats, shaping the final ring-style remote.
Smart Tags as a “Game Changer”
Long-session trials proved Smart Tags surfaced highlights in seconds, with participants calling it transformative.
Refined Through Iteration
Field and VR tests refined button placement, grip, and responsiveness, ensuring a reliable user experience.
“Jumping straight to the good stuff is a game changer.”
— Cyclist during prototype trial
APP EXPERIENCE
The Ranger app combined remote operation and media management. Users connected via NFC/Wi-Fi for live preview, mode switching, and capture, or browsed albums to review and share.
Visual Consistency
The app adopted the camera’s hexagonal design language, reinforcing a cohesive identity across hardware and software.
Seamless Interaction
The physical Intuitive Switch was translated into swipe gestures —left for video, right for photo— so operating the app felt just as natural as using the device.
Smart Tags Integration
Tags were placed directly on the video timeline, enabling instant jumps to highlights. Users could also skip forward or backward between tags, making navigation effortless.
EXHIBITION & RECOGNITION
Ranger 360 debuted at Computex 2017, where live demos of real-time stitching and streaming attracted strong attention from visitors and media.
This showcase validated not only the technical innovation but also the user-driven design, confirming the value of seamless controls, compact design, and highlight-sharing features.
PROJECT INFO
— COMPANY
PEGATRON
— ROLE
Interaction Design Lead
— YEAR
2016-2017
In this project, I was responsible for end-to-end UX and interaction design, bridging hardware and software.
I conducted 14 user interviews and led field and VR testing with bikers, surfers, and skaters. I facilitated cross-functional workshops, shaping concepts such as the Action Dot remote and Smart Tags workflow.
On the software side, I designed the companion app’s interaction model, aligning swipe gestures with the Intuitive Switch and embedding Smart Tags into the video timeline.
My role was to ensure Ranger 360 delivered a cohesive, user-validated experience showcased at Computex 2017.