HOUHOU · 體驗空間

55" 4K Portrait Kiosk — 直立式 2160×3840 UX Redesign Mockup · 2026-05-04 · 禁動 web/ source

⛔ 禁區 Y:0–600 踮腳 / Y:3300–3840 蹲低
⚠ 警告區 Y:600–1100 / Y:2700–3300
✓ 黃金觸控帶 Y:1100–2700 (手腕自然伸出)
UI 模組 (互動元件)
直立螢幕: 698mm×1209mm · 底端距地 ~300mm · Portrait=2160×3840px · scale 0.22
現有佈局 — 手圍在頂/寶石在底/非 kiosk 思維
VS
新設計 — 55" 直立人體工學 Portrait 重排
現有 · kiosk.vue r45 現狀
手圍 Y:0 踮腳 · 寶石群落 Y:1360+ 超過黃金帶
⛔ Y:0–600 踮腳禁區
⚠ Y:600–1100 警告
✓ Y:1100–2700 黃金觸控帶
⚠ Y:2700–3300 警告
⛔ Y:3300–3840 蹲低
手圍輸入 · 緊度選擇
⛔ Y:0–280 踮腳禁區
⬆ 手圍設定在極頂 — 需舉高手臂
3D 手環預覽
⚠ Y:280–1180 尚可觸
水晶
隔珠
吊飾
線材
⚠ 寶石格延伸到警告區
⬇ 寶石延伸到蹲低禁區
⛔ Y:3300+ 蹲低禁區
0
600
1100
1600
2200
2700
3300
3840
手腕 黃金帶 自然手腕 Y:2000 視線 Y:420
新設計 · Portrait 人體工學重排
黃金帶 Y:1100–2700 放 3D 預覽 + 寶石選擇
⛔ Y:0–600 品牌頭 (不觸控)
⚠ Y:600–1100 手圍設定
✓ Y:1100–2700 黃金觸控帶
⚠ Y:2700–3300 CTA 伸手可及
⛔ Y:3300–3840 純裝飾
體驗空間
手圍
16.5
cm
−
+
鬆緊度
設計你的水晶手環
HOUHOU
珠子數量
0 顆
手環周長
— cm
估算價格
NT$0
↺
拖曳旋轉手環
水晶
隔珠
吊飾
線材
⌕
合計
NT$ 0
⚠ Y:3200 — CTA 下界 / 以下為純裝飾禁區
HOUHOU · 體驗空間
QR Code
掃描帶走你的設計
0
600
1100
1600
2200
2700
2900
3200
3300
3840
手腕 黃金帶 自然手腕 視線

設計對照表 — Portrait 2160×3840px 重排

# 模組 現有 Y (問題) 新設計 Y Zone 改變理由
1 品牌 Logo 舊式無 kiosk 頁首 Y:0–600 ⛔ 禁區 (純展示 OK) 無需觸控，純品牌識別，放禁區無妨
2 手圍設定 + 緊度 Y:0–280 踮腳禁區 info-bar sticky top Y:600–1100 ⚠ 警告區 (進場一次設定可接受) 從踮腳禁區下移至視線高度，設定後少動
3 3D 手環預覽 Y:280–1180 可觸但上半偏高 Y:1100–2200 ✓ 黃金帶上半 主視覺置中在眼手協調最佳位置，觸控旋轉省力
4 寶石選擇器 Y:1360–3840 延伸到蹲低禁區 Y:2200–2900 ✓ 黃金帶下半 最高操作頻率移到手腕自然下垂位置，省 80% 手臂力量
5 主 CTA 完成/購物車 Y:1180–1360 夾在 stage/treasure 之間 Y:2900–3200 ⚠ 警告下界 (仍伸手可及) 選完珠自然往下一格按確認，操作流暢
6 品牌 Footer 無 Y:3300–3840 ⛔ 禁區 (純裝飾 OK) QR 掃碼帶走設計，不需觸控，放禁區合理

人體工學依據來源

ADA Standards §308.2.1 最大觸控高度 1219mm · ISO 9241-9 觸控目標 ≥9mm · Spacepole whitepaper 自然上臂觸控上限 ~1500mm · Ideum/KIOSK.com 55"+ 螢幕互動元素應集中螢幕中段 1/3 · 螢幕實體: 698mm×1209mm (55" 16:9) · 底端距地估算 300mm · 頂端 ~1510mm · Portrait 4K = 2160×3840px · scale 0.22 (3840×0.22=844.8px 瀏覽器視窗內)