作者:KATIESHERWIN
译者:ITsCrystal
本文由一个像素设计翻译小组整理,转载请注明出处。
概要
表单中的占位符文字是的用户难以记住输入框中的信息应该填什么,只能通过反复检查操作来发现错误。这就给用户视觉和认知上造成了额外的负担。
通过文案描述或提示语可以帮助用户明确每个表单输入框应当填什么内容,并且能够促进表单输入完成和提高转化率。其实有很多方法可以提供这样的提示。一种常用的方法就是在表单输入框内填入默认说明文案。然而经过多次用户可用性测试发现,输入框内的占位符提示文案不但不能帮助用户反而降低了可用性。
标签与占位符标签能够告诉用户需要在表框中输入什么样的信息,通常是在输入框外。而占位符文本,则是在表框内,是一种附加的提示、描述、甚至是填写在输入框内的示例语句,当用户在输入区键入时,这些提示则会消失。
占位符替代标签有些表单设计将输入框内的占位符文字替代了标签,以求页面空间更整洁,虽然这种方法的初衷是好的,但是我们的调研发现这种方法有很多负面影响。
最糟糕的是:在此例中,占位符直接替代了标签
以下列举了不应当用占位符文本来替代输入框标签的七大理由:
、会消失的占位符文本会带给用户短时记忆负担当用户填写比较长的表格时,如果用户忘记了提示,就不得不删掉他原本输入了部分的内容,或者点击它处来查看占位符提示。在理想状态下,我们希望用户能够专注于填写每一个表格。而事实上,用户通常是多任务状态。他们可能开了不同的标签页,或者他们可能突然收到一封邮件或事接到一个电话。对于复杂的任务,他们有可能会停下来去检查个文件或者订单号。通过对移动端可用性的调研,我们发现手机用户在设备使用过程中也很容易被打扰分心。因此,当用户回到刚才中断掉的地方,我们需要帮助用户尽快连接起来。
对于只有一两个输入框的简单、常见的,比如搜索框或者登录表单,这种短时记忆负担就比复杂类的表单少得多。这是因为简单熟悉的表格,用户通常都能猜到应当输入什么。尽管这样,没有标签的简单登录框,用户还是可能疑惑,因为他们可能不知道该输入邮箱号还是用户名。
2、没有标签,用户在提交表单时都不能检查填写内容缺少标签用户就不能一眼浏览表单是否填写错误。同样地,及时被输入了错误的信息浏览器也默认完成表单输入。如果没有标签,或者特殊提示看不见了,用户只能一个一个地删除输入框内的内容能查看占位符提示,以确认自己的输入是否符合提示描述。然而事实上,很多人都不会费劲去仔细检查,很多人都无法发现可能出错。
3、当信息填写报错时,用户无法定位是哪个表格填写有问题如果所有的表格都填写完了,而没有可见的标签标示于表格之外,那么用户不得不一个一个地检查自己填写内容是否符合表格的描述性占位符。
、由于当光标一旦插入到表格中占位符文字就会消失,这非常不利于用户操作输入键盘。当用户使用“TAB”键时,会从上一个输入框跳到下一个输入框,这时用户可能还没来得及看下一个输入区的占位符提示内容。
5、输入框内的内容通常较难注意到根据眼球追踪的调查研究表明用户的视线通常会被空白区域所吸引。至少,用户会花更多的时间去才能北京治疗白癜风一般下来得多少钱北京白癜风医专科医院