Home Works Info
← Back to All Work

VR Maker Navigation — Clearing the View

A spatial redesign of the tour viewer's navigation — every control repositioned around human vision, and a Series feature that turns duplicate panoramas into curated groups.

Role
Lead Product Designer
Navigation architecture · Spatial UI layout · Series feature design
Timeline
4–5 months
Platform
Web (VR Maker viewer)
Team
Web TsaiPlatform Director
Jafee ChoProduct Manager
Jerry LiaoTechnical Manager
Abner WangFront-End Developer
Sam ChenFront-End Developer
Jessie HuBack-End Developer
Product by
Redesigned VR Maker tour navigation
The Problem

The content is the interface — and the interface was covering it.

Business

  • Surface features most users never discovered
  • Modernize the flagship viewer experience

User

  • Key tools buried 3+ taps behind a hamburger
  • Four identical thumbnails for one kitchen

Technical

  • Every existing navigation path must stay intact
  • Feature availability varies per tour
Why This Was Hard
01

Undiscovered features

Users finished entire tours without ever finding iPitch or floor plans.

02

Navigation blocking the view

The panorama bar obscured the immersive content it navigates.

03

Duplicate thumbnails

Same room, four angles, four identical entries in a flat list.

04

No paths broken

Marker tags and floor plans had to keep reaching every panorama.

My Role

I redesigned the viewer's entire control layout — and the logic beneath it.

Owned

  • Navigation Architecture
  • Spatial UI Layout
  • Series Feature Design
  • Interaction Design

Collaborated with

  • Product Manager
  • Platform Director
  • Engineering
Key Decisions

Navigation you barely notice.

01
Decision 01 — UX Strategy

Placed by vision, not convention

Challenge

Bottom bars and corner menus competed with the panorama itself.

Decision

Center stays clear; pano bar moves right; info drops from the title; quick actions sit bottom-right.

Reasoning

Eyes focus center and scan periphery — the layout should obey that.

Outcome

0% of the center viewport blocked; every tool one action away.

VR Maker Navigation — decision 1
VR Maker Navigation — decision 1 detail
02
VR Maker Navigation — decision 2 band
VR Maker Navigation — decision 2 side
Decision 02 — Product Design

Series — curation as navigation

Challenge

Tours showed every captured angle as a flat, repetitive thumbnail list.

Decision

Creators group related panoramas into Series — one thumbnail, with in-group cycling.

Reasoning

Creators get editorial control; viewers get a bar that reads like a floor plan, not a camera roll.

Outcome

Cleaner navigation with every angle still reachable via tags and floor plans.

03
Decision 03 — Information Architecture

The title is the menu

Challenge

Tour metadata hid in nested hamburger menus nobody explored.

Decision

All tour info consolidated into a one-tap dropdown from the tour title.

Reasoning

The tour's name is the most self-evident entry point it has.

Outcome

Path to tour info cut from 3+ taps to one.

VR Maker Navigation — decision 3
VR Maker Navigation — decision 3 detail
Innovation

Vision-based layout

Controls arranged by how eyes actually scan immersive views.

Series grouping

Multiple shooting angles, one meaningful thumbnail.

Contextual quick actions

Only the tools this tour has — one tap away.

Impact
Product
3+→1
Taps to reach any feature, down from the hamburger era
Product
0%
Center viewport blocked by navigation
Product
Series
A long-standing creator frustration resolved
Team
Testing
Strong positive reception in early user testing
Reflection

The trade-off — I moved the pano bar against a decade of convention. Relearning costs existing users a beat, but conventions that block the product's core value are not worth preserving.

What I'd improve — Series creation. Drag-and-drop grouping works, but auto-suggesting groups from shooting positions would remove the setup cost entirely.

Next time — in immersive products, every pixel of UI competes with the reason users came — design navigation to lose that competition gracefully.

Project Showcase
VR Maker Navigation — showcase a
VR Maker Navigation — showcase b