品牌营销就是用这些常用的招数，来推宝，助推知名品牌出名。
用户在填写表格时很可能会犹豫不决，所以作为室内设计师，我们应该尽量简化整个流程。
比较所有表单标签的发展趋势。
2013年8月首次将输入模式改为浮动标签模式。想法很简单——动画块文字把信息显示在logo的输入端，让用户在当今恶劣的环境下不容易迷路。
浮动标签创意的由来——在侧面输入logo。
这种观念随着时间一点一点地改变。logo并没有完全达到目的，非常沮丧的是，因为没有标签，所以不清楚什么是合适的。这个时候logo创意就废了，只有文字设计方案出来了。如今，浮动标签以文本的轻度动画进入界面。当有人进入输入框时，浮动标签会向上动画显示，并改变色调为活动状态。
版本2:浮动标签的文本方法(图片来源:DerekTorsani)
浮动标签作为一种解决方案，将房间空保存在页面房间中，使其看起来清晰简单，又不抛弃其易用性。
顶部对齐标签和浮动标签方法
1.扫描标签上顶部和两端对齐的大量元素。
在上面的顶部和底部对齐中，只有4个字段。但是，如果你扫描表格，你会觉得有许多表格必须填写。这是因为用户必须扫描八种不同的元素。
和标签字段是由空大小写分隔的独立元素。因此，用户可以应用八个独立的视觉效果来解决这个图元。额外的视觉效果让用户有很多扫描仪要做，让他们觉得有很多东西要填写。
2.提交前的最终检查输入。
通过应用顶部和底部对齐标签，最终交叉检查输入不是很快。一定要从标签上下看，看是否相符。空白线和场界阻挡了它们的视觉效果，缓和了它们的流入。
输入字段填充后标签褪色的其他方式也有问题。褪色的标签促使用户回忆起标签的内容。
关于用户提交表单前交叉检查输入的便利性。
应用第三种方法(浮动标签方法)来检查用户输入既快速又简单。标签不容易褪色，也没有视觉障碍，比如一个顶部和两端对齐的报表。反过来，每个字段的固定视觉效果对于标注和输入都是必要的。
样式还可以帮助用户快速检查他们的输入。根据输入文字的粗字号，标签文字较小，用户一眼就能看出来。
3.场焦点
字段的焦点对于移动页面非常重要。这是因为用户在计算机上打字时看到了计算机键盘。在电脑上打字后，他们会回头看看自己在电脑上打了什么，是否打对了地方。
在字段中输入所有三种贴标方法的比较。
这种情况通常以三种方式出现:
在第一种方法中(标签在顶部和两端对齐)，字段被突出显示，但它不是文本标签。
第二种方式(当用户类别变淡时)，字段高亮显示，但文本标签很可能变淡或变暗。
第三种方法(浮动标签)，外框紧紧包围字段，标签和输入高亮显示。
显然，第三种方法(浮动标签)是最强的，因为用户可以随时清楚地看到自己所属的领域和自己在电脑上键入的内容。
4.提交时的错误报告。
如果表单已经填写完毕，但是在表单域的外部或顶部没有标签，所以可以看到，用户必须返回到每个域显示信息描述，以便恢复不正确的信息。
[IMP]:检查您的页面表单。
说实话，大家都讨论过高难度系数的用户体验中的最佳实践、流行趋势和发展趋势，你永远无法确定用户对页面的反应。反应很可能不一样，但其实在于很多主要参数——用户对页面发展趋势的伤害，应用软件类型的应用，以及他们所处的年龄段。最好设计好方案表单的版本号，和用户核对一下，就知道哪个最适合你的名牌。
大家用CanvasFlip查询表单上的热图和用户视频。我相信你也会同样受益。A/B测试对所有决策都很有帮助。
获得所有结果前的测试报告
结果
用户在填写表格时很可能会犹豫不决，所以作为室内设计师，我们应该尽量简化整个流程。标签动态显示的细微变化可以不断提高表单的可用性。可用性测试在表单设计中至关重要。总的来说，只要进行一些测试或简单地指定你的合作伙伴来制作表单的原型，就可以让你非常好地掌握表单的可用性。
作者:CanvasFlip
全文地址:https://uxlanet.org/float-label-pattern-in-UX-form-design-7ab5e33010ab
口译员:SKYUI
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）