Memento
随身记录设备与 App 概念设计
独立设计随身记录设备的使用方式与状态反馈，包括按键录音、设备保存和待同步提示；配套完成 App 与官网设计，并通过 Vibe Coding 实现交互演示。
设备概念、App 与官网共用一条记录流程：录制、保存、同步，再到建议确认。
记得一点，就能找回
搜索录音原文，定位到对应时间点，再回听那一段声音。
交互原型 · 示例录音与原文
搜索原话 → 定位录音 → 回听片段
想找回哪一句？
输入记得的词，搜索录音原文。录音原文
4 个片段示例搜索在本地匹配录音原文，回听使用示例朗读。
设计产出
围绕随身记录，完成设备、App 与官网的整体设计
设备概念
配套 App 原型
产品官网
个人概念设计 · 硬件、蓝牙同步与 AI 处理为模拟演示
关键设计判断
怎样把录下、保存和整理的边界讲清楚？
- 设计出发点
- 围绕临时谈话和走动记录的场景，手机未必在手边，因此将录音入口放在设备按键上，并让 App 接续整理与确认。
- 关键取舍
- 选择主动按压与设备优先保存，分别呈现录制、已保存和待同步；AI 建议经确认后才生成后续事项。为可控性保留明确操作，而非把所有步骤自动完成。
- 原型走查
- 交互原型覆盖按键录音、设备保存、App 同步与建议确认，可逐步查看录制、已保存和待同步之间的状态切换。
产品逻辑
设备先保存，App 再接续
我把一次记录拆成设备与 App 的交接：录音先保存在设备，手机接续同步与回顾，后续事项留给用户确认。
设备 · 主动触发
按下开始录音
用明确操作开始，不做持续监听。
设备 · 本地保存
原声保存在设备
区分录制与已保存，交代内容是否留存。
设备 · 等待交接
保留待同步记录
未连接时仍显示设备中的记录数量。
App · 接收记录
连接后同步
呈现连接、同步中与同步完成的状态。
App · 回顾内容
回听与阅读整理
从摘要或逐字稿回到原声核对。
用户 · 决定下一步
确认后续事项
先选择建议，再核对将要创建的事项。
典型界面讲解
一条记录的阅读与确认
我用同一条记录连接原声、整理内容和后续建议，核对依据与确认动作都留在当前详情里。
原声是核对依据
播放与波形保留在详情中，方便回到原话核对。
内容分层阅读
摘要与原文分别组织，先理解重点，再检查细节。
建议需要确认
待办与日程先作为建议呈现，确认后才进入下一步。
随手记录，先保存在设备
临时交谈或走动时，手机未必在手边。我将录音入口放在设备按键上，分别设计录制、保存与待同步反馈；App 接续呈现原声、文字和待办建议。
会议整理与待办确认
同一条会议原声，可以分别成为摘要、逐字稿、待办建议与写入确认；需要核对的原文始终留在同一条记录里。
体验 App- 01摘要
先看结论，回到原声可核对
- 02逐字稿
按说话人区分，保留原声路径
- 03待办建议
先勾选，不会自动执行
- 04写入确认
列明待办与日程，再执行
离线先保留，连接后再同步
未连接时，记录仍保存在设备。连接后显示同一组记录的同步进度，让保存与传输成为两个清楚的状态。
设备与同步能力为概念模拟
离线时保存，连接后同步
手机断连时，已录内容不应被误认为丢失。我在设备页保留本地记录数量，区分未连接、同步中与同步完成，并设计重新连接和继续同步的操作。
体验设备与同步流程断连时，记录仍在设备里
我将本地记录数量与连接状态分开反馈，让用户能判断内容是否已保存，再决定何时重新连接。
同步中，进度与操作一起反馈
我保留同一组记录数量，以百分比反馈传输进度，并区分同步中的按钮状态，避免重复发起同一操作。
官网设计与实现
完成官网的信息架构、页面布局、产品视觉与交互动效，并实现网页。内容围绕设备使用、佩戴场景和 App 演示组织，帮助访客理解这套记录工具的使用方式。
浏览完整官网