image.png

一、决问题

在设计软件中经常会遇到调整元素尺寸的情况，当在输入元素调整数值后并不能马上知道元素改变情况。例如：一个圆形尺寸为40，当把尺寸调整为80的时候，我在确认前并不清楚确认后的圆形是已圆心放大的还是已某个点放大的，放大方向是向上延展还是向下延展呢？只有按下回车键后才知道结果。

二、核心流程

当元素尺寸发生改变时
用线框实时显示元素改变后的大小与位置
当确认数值确认后，元素发生改变

三、新路说

这是一个典型的前馈交互，提前反馈交互结果。
这个交互本身是2个互相改变的属性在发生变化，一个是页面中的元素，一个是元素的数值。但是当数值属性发生变化后需要经过确认元素属性才会发生变化。为了能让2个元素的变化更直观的让用户感知到。在属性变化的中间有增加了一个衡量属性。
类似的案例让我想到了水笼头上有温度显示，水龙头的冷暖调节与水温是两个相关联变化的属性，在水龙头调节的时候很难确定水温，所以通过增加衡量属性（温度显示）来直观显示变化范围。类似的交互还有遥控器调整音量大小