智能音箱应用Luma页面清单
设计理念
LUMA (卢玛) 理由：
- 品牌连贯性：Reflekt (反射) -> Luma (光)。这构建了一个完整的故事：Reflekt 是镜子，Luma 是照亮镜子的光。
- 非刻板印象：Luma 听起来像是一个现代的智能家居品牌，年轻人也会喜欢用。它完全去除了"衰老"的标签。
- 易用性： "Lu-Ma" 两个音节极其简单，开口度大，即使老人没有牙齿或口齿不清，也能发出这个音。
- 隐喻： 光代表希望，代表看清事物（针对视力下降），代表不孤独。 唤醒词设计： • 英文： "Hey Luma"
UI/UX设计注意事项（必须遵守）
核心设计原则：Luma是"可被信任的家庭AI助理"，不是"监控者"
- Safety（安全）：在任何情况下不误导用户，离线时明确告知，紧急时自动升级
- Independence（独立尊严）：强调"帮助您保持独立生活方式"，而非监控
- Trust（信任）：透明、可控、可逆，低认知负荷
- Voice-First（语音优先）：大部分操作通过语音完成，屏幕仅作为辅助入口和紧急状态显示
语音优先交互原则：
- 🎙️ 主要交互：语音唤醒词"Hey Luma"触发所有核心功能
- 👆 辅助入口：屏幕点击仅作为语音无法使用时的备选方案（如设置页面快捷入口）
- 📢 全程反馈：所有操作都有TTS语音反馈，确认用户意图
- 🚨 紧急优先：SOS、跌倒询问等紧急场景可跳过语音直接触发
页面交互入口总览
| 页面类型 | 主要入口 | 辅助入口 | 语音命令示例 |
|---|---|---|---|
| 主界面/待机页 | 设备初始化完成后自动进入 | 点击右上角⚙️进入设置 | "Hey Luma, what's the weather?" |
| 语音交互界面 | "Hey Luma"唤醒 / 点击屏幕 | 物理按键唤醒 | "Hey Luma, call my family" |
| SOS呼叫 | 语音"call family" / SOS物理按键 | 点击屏幕紧急按钮 | "Call my daughter" |
| 跌倒询问弹窗 | 雷达检测到跌倒自动弹出 | 无（紧急自动触发） | - |
| 提醒播报界面 | 后端定时触发 | 点击确认按钮 | "I've taken my medicine" |
| 关怀卡片 | 后端定时触发 | 点击确认按钮 | - |
| 设置页面 | 语音"Hey Luma, open settings" | 主界面右上角⚙️按钮 | "Hey Luma, turn up the volume" |
| 音量/网络设置 | 语音或从设置页进入 | 点击设置项 | "Hey Luma, louder" |
| 锁屏/隐私模式 | 物理静音按钮长按 | 屏幕右下角小按钮 | "Hey Luma, enable privacy mode" |
| 健康数据查询 | 语音查询 | 点击历史数据 | "Hey Luma, how many steps did I walk?" |
| 离线/网络相关 | 状态自动触发 | 无 | - |
关键语音命令清单：
Hey Luma- 唤醒设备，开始语音交互Call my family / Call [联系人名]- 发起SOS呼叫What's the weather? / How's the weather?- 查询天气How many steps did I walk? / What's my heart rate?- 查询健康数据I've taken my medicine- 确认用药提醒Open settings / Turn up the volume- 进入设置/调整音量Enable privacy mode / Lock the screen- 启用隐私模式
目标用户：75岁以上独居美国老人 设计理念：极简交互，遵循高龄用户友好设计原则 设备适配：
- 产品形式：带屏音箱（横屏放置，锁定横屏显示）
- 屏幕尺寸：10.1寸
- 屏幕类型：IPS
- 屏幕分辨率：800×1280 px（横屏）
- 屏幕密度：约 150 dpi
- 设计单位：使用 dp/sp 而非 px，确保在不同密度设备上显示一致
- 安全区域：考虑系统状态栏高度（24-48dp），两侧音箱区域预留
- 横屏布局：UI 采用横屏布局，重要交互元素放置在屏幕中央便于操作区域
- 触摸精度：由于是固定安装设备（非手持），触摸精度要求可适当放宽，但仍需大触摸目标 高龄用户特殊要求：
- 大字体（最小18pt）：字号≥18pt，确保可读性
- 高对比度（深色文字配浅色背景）：深色文字(#1A1A1A)配浅色背景(#FFFFFF)，或浅色文字配深色背景
- 大触摸目标（最小44x44pt，最好60x60pt+）：所有可点击元素≥60x60pt
- 每屏最多3个关键信息元素：遵循渐进式披露原则
- 颜色语义：红色=紧急/停止、黄色=提醒/等待、绿色=确认/成功、蓝色=信息/链接
- 简单的交互模式：避免复杂手势，单一任务流程
- 所有操作都提供语音反馈：确保视力障碍用户也能使用
- 渐进式披露：只展示当前需要的内容，不要一次性展示所有选项
- 语言：页面中显示的按钮、标签、提示等UI文字使用英文，应用描述保持中文
- 无障碍：为视力障碍用户提供语音反馈
- 禁止事项：
- ❌ 未经本地提示，向家人发送通知
- ❌ 内疚感提示（如"女儿没打电话"）
- ❌ 隐藏的行为评分或被武器化的数据
- ❌ 基于恐惧的营销语言
- ❌ 无声升级监控
页面清单
一、设备初始化阶段
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 1 | 配网/绑定二维码页 | 首次上电自动进入 | 屏幕中央显示设备绑定二维码（尺寸≥200x200dp），下方显示"Please use family app to scan and pair"文字说明，底部显示简易指引步骤（1.Open App 2.Scan QR 3.Wait for connection）。顶部显示设备名称/型号 | 首次上电自动进入此页面；二维码包含设备唯一码（UUID）；支持点击"Skip"跳过显示（用于已绑定设备）。等待App扫描连接时显示"Waiting for scan..."动画 | 通过BLE接收App下发的WiFi信息；WebSocket长连接与后端通信；每5秒发送心跳包；BLE配网成功率≥95%（P0指标） | 功能清单：配网模式与二维码 US-05：设备开箱绑定 |
| 2 | WiFi连接引导页 | 自动进入：配网成功后自动进入 | 屏幕显示连接进度动画（大号圆形加载动画），文字提示"Connecting to your WiFi..."，成功后提示"Connected!"并显示已连接WiFi名称。失败时显示错误图标和可操作指引（如"Check your password"） | 接收App通过BLE传入的WiFi SSID和密码；尝试连接WiFi；连接结果实时上报后端。提供"Try Again"和"Change Network"按钮 | 通过BLE接收WiFi配置；HTTP/WebSocket上报连接状态；WiFi连接成功率≥98%（P0指标） | 功能清单：WiFi连接与激活 US-05：设备开箱绑定 |
| 3 | 设备自检页 | 自动进入：WiFi连接成功后自动进入 | 屏幕显示自检进度列表，每项一行：Microphone、Speaker、Screen、Radar、Heartbeat，每项通过后显示绿色对勾(✓)，失败显示红色叉(✗)并显示原因。自检完成后显示汇总结果 | 自检程序自动启动；检测结果实时更新显示；支持单个项目"Retry"；全部通过后显示"Setup Complete"并可进入下一步。任一关键项（麦克风/喇叭/屏幕）失败则阻止进入主界面 | WebSocket上报自检结果到后端；自检通过率≥99%（P0指标） | 功能清单：设备自检 US-05：设备开箱绑定 |
| 4 | 绑定成功与SOS测试引导页 | 自动进入：自检全部通过后自动进入 | 屏幕显示"Congratulations!"成功提示，下方显示"Testing your emergency call"文字。显示SOS测试步骤说明：1.Press the SOS button 2.Say "Call my family"。底部显示"Start Test"大按钮（绿色，≥60x60pt） | 点击"Start Test"后触发SOS模拟事件；显示"Calling..."动画；测试完成后显示"Test Successful"并提示已保存紧急联系人顺序。提供"Done"按钮进入主界面 | WebSocket上报SOS测试事件到后端；后端触发模拟通知流程；SOS测试成功率=100%（P0指标） | 功能清单：设备安装引导流程 US-05：设备开箱绑定 |
二、核心交互阶段
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 5 | 主界面/待机页 | 初始化完成后自动进入；右上角⚙️按钮进入设置 | 屏幕显示时间（大号数字，≥48pt）、日期（18pt）、天气信息（图标+温度，24pt）三块核心信息，底部显示"Hello"问候语和设备名称/昵称。右上角显示网络状态图标（在线/离线）。执行高龄化UI标准：18pt+字体、高对比度、每屏关键信息≤3个 | 显示基础信息；点击屏幕进入语音交互模式；网络状态变化时主动更新显示；支持从右侧滑出快捷设置菜单 | 接收后端下发的主动问候（Magic Morning/Weekly Check-in）并TTS播报；接收后端下发的提醒/关怀指令；WebSocket保持长连接心跳(30秒/次) | 功能清单：屏幕显示 US-16：老人日常与Luma互动 P0核心：设备心跳监控 |
| 6 | 语音交互界面 | 主要：Hey Luma唤醒辅助：点击屏幕/物理按键 | 屏幕显示"Luma is listening..."等待状态（大号文字，36pt），下方显示声波动画。识别到语音后显示识别文本（24pt），处理中显示转圈动画，返回结果时显示文字（24pt）并TTS播报。底部显示"Touch to speak"提示 | 语音唤醒词"Hey Luma"唤醒后进入交互；支持"查询步数/睡眠/心率"、"呼叫家属"、"设置提醒"等关键词识别；医疗问题触发固定免责话术："I'm not able to help with medical questions. Please consult your doctor."；支持物理按键唤醒 | ASR转文本上传后端；接收后端返回的TTS文本；调用TTS服务播报；支持打断（再次说话覆盖前一个请求） | 功能清单：语音唤醒与ASR、TTS文本播报、健康数据查询 US-16：老人日常与Luma互动 |
| 7 | SOS呼叫进行中界面 | 主要：Call my family语音 / SOS物理按键辅助：点击屏幕紧急按钮 | 屏幕显示呼叫中动画（圆形扩散动画）和文字"Contacting your family..."（36pt），下方显示紧急联系人姓名或电话号码。底部显示"Cancel"按钮（红色，≥60x60pt）用于取消呼叫 | 语音触发"call family"或按下SOS物理按键后立即显示；SOS事件通过WebSocket上报后端；显示呼叫倒计时（如30秒等待家人接听）；支持按Home键返回但不中断SOS流程 | WebSocket上报SOS事件到后端；接收后端确认；SOS事件生成红色紧急预警，享受电话+强推送同等触达待遇（P0规则） | 功能清单：语音/按键呼叫家属(SOS) US-11：老人主动发起SOS呼叫 P0核心：通知分级与静默穿透 |
| 8 | 跌倒检测询问弹窗 | 自动触发：雷达检测到跌倒后自动弹出 | 全屏大浮窗形式显示，屏幕中央显示"Are you okay?"（48pt大号文字），配有"YES"和"LATER"两个大触摸按钮（绿色"YES"≥80x80pt、黄色"LATER"≥80x80pt）。底部显示30秒倒计时。颜色语义：绿色=确认安全、黄色=稍后处理 | 收到雷达跌倒事件后自动弹出；启动麦克风监听30秒；用户点击按钮或超时自动升级为红色预警；点击"YES"则上报"用户确认安全"并结束事件；点击"LATER"则延迟处理但保持关注 | WebSocket接收后端下发的跌倒事件；上报用户回应结果（CONFIRM/DELAY/NO_RESPONSE）；超时未响应自动生成红色紧急预警上报后端 | 功能清单：跌倒后主动询问与升级 US-16：老人日常与Luma互动 P0核心：紧急预警自动化闭环 |
| 9 | 红色紧急预警确认界面 | 自动触发：跌倒无回应超时或SOS触发后自动进入 | 全屏红色背景显示紧急状态，顶部显示"Emergency Alert Sent"（36pt），中部显示"Calling your family now..."和联系人姓名。底部显示"Call 911"大按钮（红色边框+文字）和"SOS已触发，家人正在赶来"的语音播报 | 自动进入（跌倒无回应超时或SOS触发后）；显示紧急预警已发送确认；提供直接拨打911按钮作为最后兜底；用户点击任何按钮后返回待机页但保持报警状态 | WebSocket接收后端确认；接收后端下发的预警处理状态更新；持续显示直到家人确认或人工介入 | 功能清单：跌倒后自动升级 P0核心：紧急预警自动化闭环 |
| 10 | 提醒播报界面 | 自动触发：后端定时下发提醒 辅助：语音确认"I've taken it" | 全屏大浮窗形式显示提醒内容文字（≥24pt），顶部显示提醒类型图标（用药/喝水/散步等）。文字颜色使用颜色语义：绿色=日常提醒、黄色=重要提醒、红色=紧急提醒。底部显示"DONE"大按钮（绿色，≥80x80pt）和"Snooze"按钮（黄色） | 收到后端下发的提醒播报指令后立即显示；启动TTS播报提醒内容；用户点击DONE按钮后上报确认结果；点击Snooze则延迟5分钟后再次提醒；未确认时不触发紧急预警（仅记录未确认） | WebSocket接收提醒播报指令；上报用户确认/延后/未确认结果；提醒类型包括：用药提醒、喝水提醒、每日散步、锁门检查、垃圾日等美式生活模板 | 功能清单：模板提醒播报、老人确认 US-16：仪式感与提醒 P1核心：用药遵从关怀 |
| 11 | 关怀卡片/浮窗界面 | 自动触发：后端下发关怀内容 辅助：点击确认按钮 | 全屏或大浮窗形式显示关怀内容，如子女发来的语音留言、天气温馨提示等。显示发送人姓名（24pt）、内容（18pt+）、时间戳。底部显示"Thank you"或"Reply"按钮 | 收到后端下发的关怀指令后立即显示；支持语音回复（点击Reply启动录音）；点击确认关闭；关怀内容使用温暖、非医疗化语言 | WebSocket接收关怀播报指令；支持上报用户回复语音；关怀类型包括：语音明信片、天气提醒、家人动态等 | 功能清单：关怀互动 US-16：连接功能 |
三、主动问候与仪式感
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 12 | Magic Morning主动问候界面 | 自动触发：每日固定时间（如早上8点）后端下发 | 屏幕显示问候内容卡片：顶部"Good morning"（48pt）+ 日期（24pt）+ 天气（图标+温度，24pt），中部显示当日首要提醒（黄色标签），底部显示一句关怀语（如"Your daughter Emily called last night, she loves you"）。底部显示"Thank you"确认按钮（绿色，≥60x60pt） | 每日固定时间（如早上8点）收到后端指令后显示；TTS播报组合信息；用户确认后返回待机页；未操作时5分钟后自动返回待机页但不中断问候语音 | WebSocket接收后端下发的Magic Morning指令；上报用户确认状态；支持配置开关和播报内容模板 | 功能清单：主动问候与提醒 US-16：仪式感设计 MasterPRD：认知障碍锚点 |
| 13 | Weekly Check-in每周关怀界面 | 自动触发：每周日固定时间（如上午10点）后端下发 | 屏幕显示Weekly Check-in内容卡片：顶部"This Week"标题（36pt），中部显示上周亮点简述（如"You had 3 great conversations with family"）和本周安排，底部显示鼓励语（如"You're doing great, keep it up!"）。底部显示"Got it"确认按钮（绿色，≥60x60pt） | 每周日固定时间（如上午10点）收到后端指令后显示；TTS播报组合信息；使用非医疗化、鼓励性语言；用户确认后返回待机页 | WebSocket接收后端下发的Weekly Check-in指令；上报用户确认状态；支持配置开关和播报内容模板 | 功能清单：主动问候与提醒 US-16：仪式感设计 MasterPRD：认知障碍锚点 |
四、离线与容错
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 14 | 离线状态提示界面 | 自动触发：检测到网络断开时自动进入 | 屏幕中央显示"Offline Mode"图标（灰色云朵+断开线，≥80x80dp）和文字"I'm currently offline, but I can still help with your reminders"（24pt）。底部显示"If you need immediate help, please call 911"安全指引（黄色背景条，18pt）。右上角显示离线图标 | 持续检测网络连接（每10秒检测一次）；断网时立即切换到此页面；TTS播报离线提示："I'm currently offline, but I can still help with your reminders"；恢复在线时自动返回待机页 | 本地状态检测，无需API；SOS事件本地缓存（SQLite）；离线期间本地存储的定时提醒仍能通过TTS播报 | 功能清单：网络状态检测与提示、离线提醒播报与安全指引 US-22：离线状态下的安全兜底 P0核心：离线状态下的SOS兜底机制 |
| 15 | 离线SOS兜底界面 | 自动触发：断网状态下按下SOS键 | 断网状态下触发SOS时，屏幕显示红色全屏背景，顶部显示大号911图标和"Please call 911 for emergency help"文字（36pt）。中部显示"Call 911"大按钮（红色背景，白色文字，≥100x100pt）。底部显示"Call Emergency Contact"次级按钮 | 断网时按下SOS立即显示；TTS本地播报："I'm offline. If this is an emergency, please call 911 directly"；点击911按钮调用系统电话拨打；提供紧急联系人备用呼叫；本地记录SOS_OFFLINE事件+时间戳 | 本地事件缓存SQLite；联网后自动补发缓存事件到后端；P1支持本地录音+补传 | 功能清单：离线SOS事件缓存与兜底 US-22：离线状态下的安全兜底 P0核心：离线状态下的SOS兜底机制 |
| 16 | 网络恢复提示界面 | 自动触发：检测到网络恢复时自动显示 | 屏幕显示"Connection Restored"（绿色勾图标+文字，24pt），显示"Back online"提示（18pt）。3秒后自动返回之前页面或待机页。TTS播报："Connection restored. Everything is working now." | 检测到网络从离线恢复在线时显示；自动消失返回之前页面；不阻塞用户操作 | 本地状态检测；恢复后自动补传离线期间缓存的数据和事件 | 功能清单：网络状态检测与提示 US-22：离线状态下的安全兜底 |
五、设置与辅助功能
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 17 | 设备设置页 | 主要：Hey Luma, open settings语音辅助：主界面右上角⚙️按钮 | 屏幕显示设置选项列表（每行一个选项，≥60pt高度）：Volume（音量）、Brightness（亮度）、WiFi Settings（网络设置）、Privacy Mode（隐私模式）、About（关于）、Factory Reset（恢复出厂，红色文字需二次确认）。每个选项显示对应图标 | 点击设置项进入对应调节界面；提供物理Home键+屏幕内设置入口双通道进入设置；支持语音进入设置（如"Hey Luma, turn up the volume"） | 本地设置，无需实时后端API；部分设置项（如WiFi）变更后需同步后端 | 功能清单：设备设置页 US-16：透明、可控、可逆 |
| 18 | 音量调节页 | 主要：Hey Luma, turn up/down the volume语音辅助：从设置页进入 | 屏幕显示三个音量滑块：Media Volume（媒体音量）、Reminder Volume（提醒音量）、Voice Volume（语音音量）。每个滑块≥40dp宽、≥200dp高。滑动时实时调整音量并播放测试音。底部显示"Done"按钮 | 拖动滑块调整音量；支持语音调节（"Hey Luma, louder"）；音量设置本地持久化；支持为不同场景设置不同音量级别 | 本地设置，无需后端API；提醒音量独立于媒体音量，确保重要提醒可闻 | 功能清单：音量调节页 US-16：高龄化UI标准 |
| 19 | 网络设置页 | 主要：Hey Luma, change WiFi语音辅助：从设置页进入 | 屏幕显示当前WiFi状态（已连接网络名称、信号强度）、可用网络列表（点击连接）、"Add Network"按钮（手动输入SSID和密码）。每个网络项显示名称和信号图标 | 点击网络列表中的WiFi连接；需要密码时弹出输入框；手动输入SSID和密码连接新网络；连接结果实时显示 | 通过BLE或AP模式配置WiFi；WiFi配置变更后需重新注册到后端 | 功能清单：网络设置页 US-16：透明沟通 |
| 20 | 锁屏/隐私模式界面 | 主要：Hey Luma, enable privacy mode语音辅助：物理静音按钮长按 | 屏幕显示固定图案（时钟界面或风景图片）或完全变暗，隐藏所有隐私信息。提供物理按钮或屏幕右下角小按钮解锁。解锁时显示"Please swipe or press to unlock"提示 | 提供物理静音按钮长按进入；屏幕右下角小图标点击进入；再次点击或滑动解锁；锁屏期间不显示任何健康数据、SOS记录、对话内容 | 无需API交互；本地状态检测 | 功能清单：一键锁屏（隐私模式） US-16：透明、可控、可逆 |
六、扩展功能
| 序号 | 页面名称 | 交互入口 | 界面排版描述 | 前端交互描述 | 接口交互描述 | 对应需求 |
|---|---|---|---|---|---|---|
| 22 | 健康数据查询响应页 | 主要：Hey Luma, how many steps?/What's my heart rate?语音查询辅助：从语音交互结果进入 | 屏幕显示查询结果卡片，如"You walked 3,200 steps today"（36pt大号数字 + 24pt单位）。显示数据时间范围（如"Today, 8:00 AM - 8:00 PM"）。底部显示"Check Again"和"Back"按钮。颜色语义：绿色=正常、黄色=略低/略高、红色=异常（需说明"建议关注"非诊断） | 用户语音查询步数/睡眠/心率后显示结果；支持点击查看历史数据（周视图）；数据展示使用非医疗化解释文案；个人基线灰带可视化（P1） | 调用后端API获取健康数据；数据源包括：手环（心率/血氧/步数）、雷达（活动量/睡眠）、Luma本地（互动频次） | 功能清单：健康数据查询 US-16：健康数据查询 MasterPRD：趋势图基线 |
设计参考
页面交互流程图
高龄化UI验收检查清单
每个页面设计完成后，必须通过以下检查：
- 字号≥18pt（关键信息≥24pt）
- 高对比度配色（深色文字配浅色背景）
- 触摸目标≥60x60pt
- 每屏关键信息≤3个
- 颜色语义一致（红=紧急/停止、黄=提醒、绿=确认、蓝=信息）
- 所有操作有语音反馈
- 无内疚/羞耻/监控语言
- 非医疗化文案（仅展示数据，不做诊断）
- 支持物理按键和语音双通道交互