格式塔理论中的接近法则示意图
这里密密麻麻的感受还有另一个理论基础「米勒定律」,因为人同时处理信息大约是「7±2」条信息,当信息量超出这个数量后出现,本能上一定是先排斥的,大家回想下如果你要填写一个复杂表单时候的场景,就是这样的感觉。
米勒定律的示意图
我们对比下「提醒事项APP」中的日历选择,间距处理保证了日期距离是比外面小的,日历看起来就是一个整体可操作的控件状态,如果拿「格式塔理论」和「米勒定律」来看的话都是在合理范围内,事实感受也是这样
「日历APP」和「提醒事项APP」日历进行对比
对比2:上下层级关系处理
「时间控件」是通过点击展开的,如果这个简单控件,仅展开动效足以让用户理解,只是这「时间控件」中包含5个功能占了 1/2 的屏幕,动效解决不了,加上「对比1」的日历间距问题,信息量巨大且复杂。控件里面除了标题做了「文字加粗」处理去表现层级,在「上下衔接 or 左右递进 or 背景颜色」都没做很多工作。
和上一级样式是在太接近,没有能明显区分开,和上一层级融合到一起后,界面看起来从一行行就变成点击后一下子增加「爆发式」的信息出现,观感复杂 信息量变大。如果处理合适「理想中的层级关系」应该是图片右边这样的,用户一眼看到的是一块块而不是一个个。
日历APP 时间控件展开后感觉是「碎裂」,理想应该右侧这样块状的层级结构展开。
再来对比「提醒事项APP」中的层级关系,整个「时间控件」左右都有缩进,左上和上一级的衔接处分割线也做了处理,加上上一级日期标题前有个「日历ICON」,很自然在视觉上就出现了上下层级关系出现,内容一样看起来清晰简洁很多。