移动端问卷最佳实践:响应式设计、便于拇指操作的问题、简短表单、快速加载以及能提升手机完成率的移动优先格式。
如今来自手机的问卷回复已多于来自台式机的回复,而这一转变改变了一份好问卷该如何设计的方方面面。一份为宽屏显示器打造、有着密集网格、冗长页面和微小单选按钮的问卷,在五英寸的屏幕上会变成一场令人沮丧、把拇指都握酸的折磨。如果你的问卷并非真正适配移动端,你就是在人们完成之前,悄悄地流失掉了很大一部分受众。
本指南涵盖能让移动端受访者保持投入的做法:响应式布局、便于拇指操作的交互、无情的简洁、适合移动端的问题类型,以及快速的性能。
目录
为什么移动优先如今成了默认
移动优先设计意味着从最小的屏幕和最受限的情境出发,然后再向上扩展,而不是把台式机的设计硬塞进手机。移动端受访者往往处于移动之中、使用较慢的网络、用拇指操作,因此设计必须能够容忍分心、小目标和不稳定的带宽。
当一份问卷在移动端上很别扭时,其后果不只是烦恼,而是可测量的放弃和带偏差的数据,因为最有可能放弃的人,可能与那些坚持到底的人并不相同。把移动端视为主要体验,既能保护你的完成率,也能保护你样本的代表性,无论你调查的是餐厅的顾客还是人力资源项目中的员工,这都很重要。
使用真正的响应式布局
响应式问卷会自动重排以适应任何屏幕,将元素垂直堆叠、把文字调整到易读的大小,并把一切保持在视口之内,让受访者永远不必缩放、放大或横向滚动。这是最基本的要求,而保证它最简单的方法,就是使用一个开箱即响应式呈现的问卷平台,而不是自己构建布局。
在真实设备上测试实际呈现,因为响应式并不总是意味着可用。留意横向滚动、缩小到无法辨认的文字,以及挤在一起的按钮。单列布局在移动端上几乎总是效果最好,因为它契合手机屏幕自上而下的自然流向。
让一切都便于拇指操作
在手机上,人们用拇指点击,因此每一个可交互元素都必须足够大以便准确点中,且间距足够以避免误点。用鼠标操作时表现良好的小单选按钮和紧密排列的复选框,在触摸屏上会变成错误与挫败的来源。让整行答案都可点击,而不只是一个小圆圈。
青睐适合触摸的输入方式:大的点击目标、滑块、星级评分和大的"是/否"按钮在手机上感觉很自然,而像拖动来对一长串列表排序这类精确交互则令人痛苦。尽可能减少打字,从选项中选择比在虚拟键盘上打字容易得多,并在移动端问卷中尽量减少开放式文本字段的数量。
保持简短、便于浏览
简洁在任何地方都重要,但在移动端上具有决定性。一份在台式机上感觉可控的问卷,当每个问题都占满屏幕、进度条却几乎不动时,会让人感觉没完没了。删掉每一个配不上其位置的问题,以仍能回答你研究问题的最短问卷为目标。
每屏显示一个问题或一小组问题,而不是一张高耸的单页,并加入清晰的进度指示器,让受访者能看到终点线。让问题文字保持简洁,把关键词前置,并避免把真正的问题挤到首屏之下的冗长说明段落。受访者需要阅读和滚动的越少,他们完成的可能性就越大。
选择适合移动端的问题类型
有些问题格式根本无法搬到小屏幕上。大型矩阵或网格问题是最糟糕的,在手机上它们要么把列缩小到无法辨认,要么强制横向滚动,两者都会导致错误和放弃。把网格拆成一个个单独的问题,或者使用像每屏一行这样适合移动端的格式。
偏好为触摸而设计的格式:单选列表、按钮组、星级或表情评分以及滑块都表现良好。选项列表极长的下拉菜单在移动端上可能很笨重,因此让选项集保持合理。当你需要一个量表时,一排水平排列的大号可点击按钮通常胜过一排微小的单选按钮。在设计每个问题时都把拇指放在心上,能让整个体验保持流畅。
优化加载速度和性能
移动端受访者经常处于较慢或断续的网络之中,因此一份加载缓慢或在页面之间卡顿的问卷会迅速流失人。让页面保持轻量,压缩并适当调整任何图片的尺寸,并避免会拖垮移动数据连接的沉重嵌入式媒体。每多一秒的加载时间,都是某人放弃的一个机会。
在可能的情况下,让进度自动保存,这样失去连接或切换应用的受访者可以返回而无需从头开始。问题之间流畅、快速的过渡会让人们确信问卷正在正常运作、尊重他们的时间。性能好的时候无形无迹,坏的时候却是致命的,因此在移动端上,请把速度当作一等的设计考量。
除了原始速度之外,还要留意那些让手机问卷用起来毫不费力的小细节。为每种输入触发正确的键盘,数字用数字小键盘、邮箱地址用电子邮件键盘,这样受访者就不必与他们的设备较劲。避免那种让人感觉突兀的自动跳转,但在某个选择可以自然地把人带向下一步时,请减少不必要的点击。确保链接、隐私说明和提交按钮都无需寻找即可触及,并且错误提示就出现在它所指向的字段旁边。这些改进中的每一项都削减一点摩擦,而在移动端上,低摩擦的累积效应,正是一位受访者完成与另一位悄悄关闭标签页之间的区别。
常见问题
移动端问卷应该多长?
在仍能达成你目标的前提下尽可能短。移动端受访者更容易疲劳,因为每个问题都占满屏幕、滚动感觉更长,所以删掉任何你无法与某个决策挂钩的问题。以至多几分钟为目标,并使用进度指示器让人们看到自己离完成有多近。
在移动端上我应该避免哪些问题类型?
避免大型矩阵或网格问题,它们在手机上会变得无法辨认或需要横向滚动;也避免长下拉列表或精确拖动排序这类交互,它们用拇指操作很别扭。青睐单选列表、按钮组、星级或表情评分,以及为触摸而生的滑块。
我需要专门的工具来制作适配移动端的问卷吗?
不需要单独的工具,但你应该使用一个默认就以响应式呈现的问卷平台,好让你的问卷自动适应任何屏幕。然后在真实手机上测试结果,以确认点击目标足够大、文字可读,且没有任何东西需要横向滚动。
为什么移动端问卷的放弃率更高?
移动端受访者往往分心、处于移动之中、使用较慢的网络,因此一位台式机用户能够忍受的摩擦,比如微小的按钮、冗长的页面、缓慢的加载,会让他们放弃。减少打字、缩短问卷、放大点击目标以及加快加载时间,都会让移动端的完成率更接近台式机的水平。