Shengyi Wang · 膝关节康复系统
The Interface

屏幕，
是反思通道，
不是仪表盘

动作进行中，任何视觉信息都不应是必要的。

看界面 ↓ 亲手试试 Demo →
Eyes-free Paradigm

把注意力还给身体

运动学习研究表明，反馈不必依赖屏幕。术后早期患者因频繁看屏幕而忽略本体感觉，反而延缓恢复——Eyes-free 不只是 UX 选择，而是一种康复手段。

训练中界面：屏幕几乎全空，只有「把手机放下，支具会陪你完成这一组」与急停按钮
What is Eyes-free

训练中的屏幕，
几乎是空的

训练页只剩组次、急停和一句「把手机放下」——动作指令走力反馈与声音，屏幕不承担必要信息。它重塑了整个交互设计：字号与层级按「一瞥可读」设计；关键事件不靠视觉，安全事件四通道齐发；语言只出现在反思窗口——组间休息与训练总结。

务实 Eyes-free
日常使用版
手机移开，手表保留最小可瞥视状态。第一版原型实现这一流派，平衡安全感与专注。
严格 Eyes-free
研究探针的纯净版
手表关、手机移开，所有训练中反馈走力反馈 / 声音 / 触觉。作为未来工作与实验条件。
Information Architecture

先回答「我在哪」，再谈数据

信息架构围绕三阶段框架组织，五个模块各回答患者的一个真实问题——而不是先呈现一堆曲线图。

首页：当前阶段与今日任务
01 · 阶段管理
我现在处于哪里

当前阶段、阶段目标与限制、进阶还差什么。

计划页：每日任务与阶段管理
02 · 训练计划
我今天该做什么

每日任务、动作安排、组次与完成记录。

训练页：实时反馈
03 · 动作反馈
我刚才做得对不对

实时角度、节律提示、错误识别与纠正建议。

进展页：ROM 变化与关键 episode
04 · 进展理解
我有没有变好

ROM 变化、完成率、阶段里程碑与关键 episode。

计划修订：回退调整与原因说明
05 · 计划修订
如果做不到怎么办

疼痛、难度、失败原因分型与调整说明。

Three Layers of Understanding

训练前、中、后，各答一个问题

家庭康复系统最常见的问题不是「没有测量」，而是「不会解释」。动作理解被拆成三层，每层有自己的界面与时机。

训练前：动作说明、为什么是现在、达标标准
Before ·「这个动作是干什么的」

先懂，再练

每个动作页回答四件事：动作目标、当前阶段为什么做这个动作、本次注意事项、达标标准。训练任务与阶段目标连起来，而不是机械执行清单。

组间小结：完成次数、目标角度到位次数、节律对比与下一组重点
During ·「我哪里错了」

一次只纠正一个错误

可瞥视但不依赖。一次只纠正一个主要错误，先给方向、不先给数字——先说问题，再说怎么改。其余反馈走力、触觉与声音，不打断动作。

训练总结：今天完成了什么、最稳的一组、下次重点与主观感受记录
After ·「我今天练得怎么样」

总结，而不是打分

每次训练结束生成简短总结：今天完成了什么、做得最好的一点、最需要改进的一点、下次训练重点。比总分更有指导性，也把单次表现和长期进展连起来。

组间小结的语言局部：完成 8 次，目标角度 7 次到位，节律比上一组更稳定
Reflection, not realtime

语言只在反思窗口出现

屏幕上的文字遵守具体、有数据锚、有路径三原则——不安慰、不夸赞、不用感叹号与 emoji。组间休息与总结时，才回到屏幕回看这一组发生了什么。

✗ 一般系统 · 只翻译数值
「速度过快」
一个结论扔给用户：错在哪、为什么重要、该怎么改，全都没说。
✓ 我们的训练总结 · 实机界面
训练总结实机文案：今天三组都完成了。最稳的是第二组——节律比第一组慢了一点。下一次试试整组都用第二组的速度。
先说事实（三组都完成），再给数据锚（最稳的是第二组），最后给路径（下次试试第二组的速度）。
Plan Revision

失败有四种，回应各不同

「做不到」不该只有一种回应。系统区分原因再调整——并且调整不只发生在后台，前台必须解释「为什么变了」。

太痛
先退一步观察
疼痛上升、训练中断 → 降低目标 ROM、减少组次，提示观察记录。
太难
聚焦一个要点
连续未达标、错误多 → 降阶，一次只关注一个动作要点。
太忙
拆小，别拆掉
多次未完成但主观难度不高 → 拆分任务、缩短单次训练时长。
太轻
适度进阶
稳定达标、主观轻松 → 提高目标区间或训练量。
Design System

一套克制的视觉语言

Tone
非命令、非表演
语言具体、有数据锚、有路径；没有感叹号、emoji 或拟人化称谓。
Density
随阶段递减
早期信息密集、引导强；后期界面淡出，把控制权交还用户。
Hierarchy
卡片化阶段叙事
以 episode 而非仪表盘讲述进展，让用户理解「为什么」。
Live Demo

别听我说，
亲手试试

右边就是完整程序的 Web 预览（Expo），可以直接点按交互：切换阶段、查看计划、走一遍训练流程。

全屏打开 ↗
可交互 · 数据为演示数据