Web端输入框较长时,输入字段后面往往大段空白,接着是错误提示,这时候视觉上也存在来回跳跃感;
而移动端屏宽右边显示不了错误提示,所以错误提示常出现在输入框下侧,若网页和移动端设计保持一致时,错误提示就出现在输入框下侧了。
2)左边
错误提示在左侧与用户期望相违背,因为错误提示左侧放置更高输入框的优先级。但事实上用户需要专注于纠正他们的输入,因此输入框应该是更重要的元素。
3)上边
当标签在顶部时,一共存在标签、错误提示、输入框中的文本3个提示,当用户输入错误时,视觉来回在标签、错误提示、输入框之间交换,用户注意力被分散,认知负荷增加。
4)下边
放置下边的错误信息提示,虽然不符合从左到右的阅读习惯,但它确符合从上倒下的阅读流程。
手机屏幕缺少水平空间,把错误信息提示放置在下方是个不错的选择。