前言
全部课程
试想一下,如果让你为某款新产品的研发,做一次背景调研,这种调研形式是以问卷形式进行,那么作为设计者的您,在设计这张问卷时有,哪些重要的设计考量在里面呢?
首先提问本身很重要,不带有个人喜好的中立发问,更利于收集到用户的真实想法。但清晰的表达则更为重要,用户不会因为理解偏差,而选择错误的选项或给出不当的答案。
其次是如何减轻用户的答题压力。因为没有访谈者愿意在一张调研问卷上,停留太多的时间,尤其是当问卷的题目设定不清,或问卷本身篇幅有过长时,这对每一个受访对象而言,更像是灾难。即便是送点小礼物,或是发起付费调研,当用户在面对上述问卷时,依然无法真正做到消除焦虑,给出客观而真实的答案。
所以大多数情况下,当我们面对问卷任务时,都会选择在发问环节做好工作,尽量让提问清晰,让访谈对象理解答题要素是什么,其次是做一些有益的引导,比如一些问题设定,问卷的制定者已经有几种预期的答案,只是想通过访谈,做进一步的印证,那么这些答案将以选项的形式给出,对于访谈对象而言,以选项形式给出的答案,相较于填写,能极大的减轻思考压力,答题也会更的更加容易。而合理的排版,也同样能够在减轻用户的答题心理压力,起到至关重要的作用。比如在保证可读性的前提下,将问题收束在一页A4纸内,要好于两页。

以上是在传统的问卷设计中,设计者比较关注的几个话题。那么当线下问卷迁移到线上,变为用户需要填写的表单时,以上的设计思想同样受用。我们在制定问题时,同样关注用户的填写效率,同样需要让提问变得清晰。但现实的因素是,在电子设备上让用户填写信息,相较于线下问卷填写,又有些许不同。
电子界面相较于纸张,其具备交互属性,是无可比拟的优势,这对用户而言,填写友好度获得空前提升。比如在输入框执行内容填写时,为用户提供输入补全或是固定格式的字段后缀,将使填写变得更加容易。在提交前,支持用户修改已填写的答案,也在一定程度上降低了用户的填写压力。
标签排版的考量因素
线上表单界面借助输入框标签向用户传递填写信息,标签与输入框的排版方式会影响用户的填写效率,在传统网页产品设计中,因屏幕宽度较为“富足”,故设计者常采用左右布局的排版方式,考虑到部分问题,用户填写的答案长度字节数较少,设计者往往会将几个同样的短答案问题,放置在同一行中,比如姓名和联系方式。这样排版的好处有两点,第一点同纸质表单设计的思想一致,将问题压缩到一个紧凑的空间区域,能降低用户的填写压力,另外一点是在固定宽高的屏幕中,向用户传递足够多的问题信息,能减少用户执行翻页或滑屏操作。

将多个问题排版放置于一行,有一个重要的前提,那就是问题彼此之间要一定的相关性,否则对于用户而言,混乱而又太过跳跃性的问题设定,会影响填写效率,比如下面的表单就非常不利于用户填写。

在移动产品设计中,标签与输入框通常会以上下排版的方式呈现,这种排版方式的变化基于两点考量,第一是受限于移动设备的屏幕宽度,标签长度的高度不确定性,通常会与输入框发生冲突,左右排版会导致内容溢出。第二点是顺应移动设备的阅读习惯,在使用移动设备时,用户更习惯于自上而下的滑屏来阅读内容。

标签的长度
为了降低用户的填写压力,线上表单设计,通常会采用短标签来引导用户填写,比如线下表单会将问题设置为您的家庭住址是____,而在线上表单则会使用住址两个字作为标签。

使用像姓名,性别,国籍,住址,这一类的短标签,通常不会给用户带来理解障碍,但是在一些对用户较为陌生的业务场景下,使用短标签,向用户提问,通常会给用户造成理解偏差,因为短意味着信息减损,部分用户可能会需要更多的信息来佐证自己的理解是否正确。所以常见的设计方法是,在标签后跟一个问号图标(也有其他设计方式),用户可以通过点击图标,或是鼠标hover在图标上,获得问题的进一步或完整说明。如果说明的文字不多,在网页产品设计中,通常会采用气泡形式,在移动设备中,则会使用弹窗。如果对标签的补充说明非常复杂,可能需要一个专门的文档去介绍具体的业务,那么设计者通常会引导用户直接去到文档页面,或是通过气泡(网页)或弹窗(移动端)做一个总结性的说明,再给到一个类似于查看更多的入口,去到完整的文档页面。

弹窗或气泡的总结说明,其存在的好处是,相当于替用户去阅读整篇说明,并做出总结陈词,如果用户想全面了解标签所涉及的业务详情,那么可以选择进一步阅读全文。
相对于纸质问卷,线上表单的优势是拥有极强的交互灵活度,可以方便设计者充分发挥想象力和创作力,来提升用户的填写体验,对于用户而言,可以在体验更为友好的任务环境下,不需要有专人引导,即可独立完成表单填写。这些都是线上表单设计的优势,但线上表单填写的劣势也很明显,尤其是在移动设备中,输入内容似乎是用户最为抵触的话题。当我们将传统纸质问卷转变为线上表单时,标签的设计成为用户填写体验的关键因素之一。标签不仅仅是为了提示用户填写内容,更在于如何通过精确的设计,减轻用户在填写过程中的心理负担。在这个过程中,标签与输入框的排版方式至关重要。
总体而言,文本框标签的设计不仅是为了引导用户填写内容,更需要通过简洁、清晰的表达,以及灵活的交互设计,帮助用户减少填写过程中的困惑和焦虑。无论是桌面端还是移动端,精心设计的标签排版、适当的标签长度、以及合理的提示和引导,都能让用户在不需要外部帮助的情况下,独立、高效地完成表单填写。这些设计的细节,最终将转化为更加顺畅的用户体验,使线上表单真正成为用户与产品之间高效且友好的互动桥梁。