设计师 @nitishkmrk 在 X 上发布了一个列表编辑的交互方案。一张支出记录表，每行显示支出类别、支付方式和金额，右侧有一个编辑按钮。用户点击编辑后，这一行就地展开成表单，三个字段从横向排列变成纵向排列，每个字段变成可输入的状态。与此同时，列表里其他内容变淡，但不消失。用户填完后点 Done，表单收回，列表恢复原状。

整个编辑过程没有弹窗，没有页面跳转，也没有遮罩层。编辑像是从列表里长出来的，改完又收回去了。

这个方案值得拆解的地方，并不是酷炫的动画，而在于它处理了一个列表编辑场景里的问题：用户在修改一条数据时，需不需要知道其他数据长什么样？如果需要，那把编辑转场到另一个地方，就意味着用户需要在大脑中记住上下文。而这个方案的精妙之处在于，让编辑发生在原地，让上下文待在视野里。

一. 设计拆解

1. 编辑发生在行的位置，不另开空间