UX improvements (running list)
Track product UX cleanups here. Mark items done when shipped. Deferred reliability and follow-ups: `docs/PRODUCT_BACKLOG.md`.
Locked decisions (2026-10-16)
One scene, two modes: Edit opens an edit modal; Visit uses focus (blur + slight zoom). Minimal chrome: Visit / Edit / Share. Edit menu holds rename, delete wall, language, setup, etc.
Interaction
- Edit select → open edit modal with fields for that object (not a side inspector).
- Side inspector kept as an archived option (
data-inspector-layout="sidebar"/ CSS archive), not primary. - Visit select → focus mode: blur the rest of the scene, slight zoom on the object (no meaning/detail modal by default).
- Meaning field → removed from UI.
- Size / Layer stay as buttons; Layer = Back / Front stacking.
- Color swatches only for objects that use accent color.
- Catalog is how people pick frame/quote style; post-add editing is lighter.
- Add: clear Catalog/Add; auto-select + open edit; close catalog after one add.
- Guest banner: softer; mainly when trying to Save.
- Layout: modal editing; minimal chrome; scene-first. Mobile: near full-screen edit sheet.
Edit modal fields by object
| Object | Primary | Secondary | Hidden |
|---|---|---|---|
| Artwork | Image, Size | Title, Crop/fit, Delete | Meaning, Color; Layer secondary |
| Quote | Text, Size | Delete | Title optional, Meaning, Color; style via Catalog |
| Note | Title, Text, Size | Color (accent), Delete | Meaning |
| Shelf / plant / lamp / stereo / sprite | Size | Layer, Delete | Title/Text/Meaning; lamp brightness later |
| Music player | Track list, Add track | Size, Layer, Delete | Meaning |
| Folder | Pages (title, text, links) | Size, Layer, Delete | Vision/reminders/mood/image URL |
Visit
- Object focus: blur + zoom.
- Music: play + open track list.
- Folder: simple read view of pages (title, text, links).
Top chrome
- Always: Visit / Edit / Share (plus account as needed).
- Under Edit: rename, delete wall, language, setup, catalog/add, undo/redo, boards tools as appropriate.
Done
1. View vs edit chrome — Visit mode shows only the wall plus a floating Edit/Visit control (and account). 2. Catalog as modal — Catalog opens as a centered dialog over the wall. 3. Edit modal — Selecting an object in Edit opens a centered edit modal; side inspector/palette archived via data-inspector-layout / archived-chrome. 4. Field trim — Meaning removed from UI; per-object primary/secondary fields; accent color only on notes. 5. Visit focus — Blur + slight zoom on the selected object; Back to wall exit. 6. Top chrome — Visit / Edit / Share / Add; Wall menu holds boards, rename, delete, language, setup, undo/redo, import/export/reset. 7. Add flow — Add opens Catalog; add auto-selects and opens edit; catalog closes after one add. 8. Folder + music — Folder pages = title/text/links; Visit music plays + shows track list. 9. Guest banner — Soft copy; shown mainly when Save is pressed. 10. Landscape visit mode — Visit on phones/tablets in landscape: compact top bar, full-wall fit, Fit room / Look closer toolbar with pan in detail view (visit-landscape chrome). 11. Catalogue categories — Category chips (All, Sprites, Content, Decor, Projects, Utility), section ids/subtitles, sticky section heads; classic sprites stay in a collapsed More sprites block.
Next
- Landscape visit mode enhancements — Improve Visit on phones/tablets in landscape: wall framing, safe areas, floating chrome (Visit/Edit/Share, overflow), focus mode, and readability without crowding the scene. Consider pan/zoom parity with Arrange where it helps viewing (not editing).
- Catalogue browsing & categories — Make the Add/Catalog modal easier to scan: clearer sections/categories (object families, design language, smoke-bold vs classic), labels, and navigation on mobile (sticky category headers, search or filters if needed). Reduce scroll fatigue when picking frames, quotes, and sprites.
- Visual language (Option B locked, 2026-10-20): Dial back smoke-bold ornament, promote soft elevated rooms/objects; then selectable windows on soft rooms and catalog depth. Plan:
docs/plans/2026-10-20-feat-option-b-visual-dialback-plan.md.
_Add new UX requests below as they come in._