Лучшие практики мобильных опросов: адаптивный дизайн, вопросы под большой палец, короткие формы, быстрая загрузка и mobile-first форматы, повышающие завершаемость.
Сейчас ответов на опросы приходит с телефонов больше, чем с настольных компьютеров, и этот сдвиг меняет всё в том, как следует проектировать хороший опрос. Анкета, созданная для широкого монитора, с плотными сетками, длинными страницами, крошечными переключателями, превращается в раздражающее, сводящее большой палец испытание на пятидюймовом экране. Если ваш опрос по-настоящему не приспособлен для мобильных, вы тихо теряете большую долю аудитории ещё до того, как она закончит.
Это руководство охватывает практики, удерживающие мобильных респондентов вовлечёнными: адаптивные макеты, взаимодействия под большой палец, беспощадную краткость, подходящие для мобильных типы вопросов и быструю производительность.
Содержание
- Почему mobile-first теперь стандарт по умолчанию
- Используйте по-настоящему адаптивный макет
- Сделайте всё удобным для большого пальца
- Держите коротко и легко для беглого просмотра
- Выбирайте подходящие для мобильных типы вопросов
- Оптимизируйте скорость загрузки и производительность
- Часто задаваемые вопросы
Почему mobile-first теперь стандарт по умолчанию
Проектирование по принципу mobile-first означает начинать с самого маленького экрана и самого ограниченного контекста, а затем масштабироваться вверх, а не втискивать десктопный дизайн в телефон. Мобильные респонденты часто в движении, на более медленных соединениях и пользуются большими пальцами, поэтому дизайн должен прощать отвлечение, маленькие цели и неровную пропускную способность.
Когда опрос неудобен на мобильном, следствие — не просто раздражение, а измеримый отсев и смещённые данные, потому что люди, наиболее склонные бросить, могут отличаться от тех, кто продирается дальше. Отношение к мобильному как к основному опыту защищает и вашу завершаемость, и репрезентативность выборки, что важно, опрашиваете ли вы клиентов ресторана или сотрудников в HR-программе.
Используйте по-настоящему адаптивный макет
Адаптивный опрос автоматически перекомпоновывается под любой экран, складывая элементы вертикально, задавая размер текста для читаемости и удерживая всё в пределах области просмотра, чтобы респондентам никогда не приходилось сводить пальцы, увеличивать или прокручивать вбок. Это базовое требование, и проще всего его гарантировать, используя платформу опросов, которая отображается адаптивно из коробки, а не строя собственный макет.
Тестируйте реальное отображение на настоящих устройствах, поскольку адаптивный не всегда значит удобный. Следите за горизонтальной прокруткой, текстом, съёживающимся ниже читаемого размера, и кнопками, теснящимися вместе. Одноколоночные макеты почти всегда работают лучше всего на мобильном, потому что соответствуют естественному потоку сверху вниз экрана телефона.
Сделайте всё удобным для большого пальца
На телефоне люди нажимают большими пальцами, поэтому каждый интерактивный элемент должен быть достаточно большим, чтобы попасть точно, и достаточно разнесённым, чтобы избежать ошибочных нажатий. Маленькие переключатели и плотно упакованные флажки, которые прекрасно работают с мышью, становятся источником ошибок и раздражения на сенсорных экранах. Сделайте нажимаемой всю строку ответа, а не крошечный кружок.
Отдавайте предпочтение способам ввода, подходящим для касания: большие цели нажатия, ползунки, оценки звёздами и крупные кнопки «да» или «нет» ощущаются естественно на телефоне, тогда как точные взаимодействия вроде перетаскивания для ранжирования длинного списка мучительны. Сокращайте ввод текста везде, где можете, — выбор из вариантов гораздо проще набора на виртуальной клавиатуре, — и минимизируйте число полей открытого текста в мобильных опросах.
Держите коротко и легко для беглого просмотра
Краткость важна везде, но на мобильном она решает. Опрос, который кажется управляемым на десктопе, может ощущаться бесконечным, когда каждый вопрос заполняет экран, а полоса прогресса едва движется. Отсеките каждый вопрос, не заслуживающий своего места, и стремитесь к самому короткому опросу, всё ещё отвечающему на ваш исследовательский вопрос.
Показывайте один вопрос или небольшую группу на экран, а не одну громоздкую страницу, и включите ясный индикатор прогресса, чтобы респонденты видели финишную черту. Держите текст вопросов кратким, выносите ключевое слово вперёд и избегайте длинных инструктивных абзацев, которые вытесняют сам вопрос за пределы видимой области. Чем меньше респонденту нужно читать и прокручивать, тем вероятнее, что он закончит.
Выбирайте подходящие для мобильных типы вопросов
Некоторые форматы вопросов просто не переносятся на маленькие экраны. Большие матричные вопросы или сетки — худшие нарушители: на телефоне они либо сжимают столбцы до нечитаемости, либо вынуждают горизонтальную прокрутку, и то и другое ведёт к ошибкам и отсеву. Разбейте сетки на отдельные вопросы или используйте удобный для мобильных формат, например по одной строке на экран.
Предпочитайте форматы, созданные для касания: списки с одиночным выбором, группы кнопок, оценки звёздами или эмодзи и ползунки — все работают хорошо. Выпадающие меню с очень длинными списками вариантов могут быть громоздкими на мобильном, поэтому держите наборы вариантов разумными. Когда нужна шкала, горизонтальный набор крупных нажимаемых кнопок обычно превосходит крошечный ряд переключателей. Проектирование каждого вопроса с мыслью о большом пальце сохраняет весь опыт гладким.
Оптимизируйте скорость загрузки и производительность
Мобильные респонденты часто на более медленных или прерывистых соединениях, поэтому опрос, который медленно загружается или зависает между страницами, быстро теряет людей. Держите страницы лёгкими, сжимайте и правильно масштабируйте любые изображения и избегайте тяжёлых встроенных медиа, способных задушить мобильное подключение к данным. Каждая лишняя секунда загрузки — это возможность для кого-то сдаться.
Где возможно, дайте прогрессу сохраняться автоматически, чтобы респондент, потерявший связь или переключивший приложения, мог вернуться, не начиная заново. Плавные, быстрые переходы между вопросами убеждают людей, что опрос работает и уважает их время. Производительность незаметна, когда она хороша, и фатальна, когда плоха, поэтому относитесь к скорости как к первоочередной задаче дизайна на мобильном.
Помимо чистой скорости, обращайте внимание на мелкие детали, которые делают опрос на телефоне лёгким. Вызывайте правильную клавиатуру для каждого поля ввода — цифровую панель для чисел и почтовую клавиатуру для адресов электронной почты, — чтобы респонденты не боролись со своим устройством. Избегайте автопродвижения, которое ощущается дёрганым, но сокращайте лишние нажатия везде, где выбор может естественно продвинуть человека вперёд. Убедитесь, что ссылки, примечание о конфиденциальности и кнопка отправки доступны без поиска, а сообщения об ошибках появляются прямо рядом с полем, к которому относятся. Каждое из этих улучшений срезает немного трения, и на мобильном совокупный эффект низкого трения — это разница между респондентом, который заканчивает, и тем, кто тихо закрывает вкладку.
Часто задаваемые вопросы
Какой длины должен быть мобильный опрос?
Настолько коротким, насколько возможно, всё ещё достигая вашей цели. Мобильные респонденты устают быстрее, потому что каждый вопрос заполняет экран, а прокрутка кажется длиннее, поэтому отсеките любой вопрос, который вы не можете привязать к решению. Стремитесь к нескольким минутам самое большее и используйте индикатор прогресса, чтобы люди видели, насколько близки к завершению.
Каких типов вопросов мне следует избегать на мобильном?
Избегайте больших матричных вопросов или сеток, которые становятся нечитаемыми или требуют боковой прокрутки на телефоне, а также длинных выпадающих списков или точных взаимодействий перетаскивания для ранжирования, неудобных большим пальцем. Предпочитайте списки с одиночным выбором, группы кнопок, оценки звёздами или эмодзи и ползунки, созданные для касания.
Нужен ли мне особый инструмент для создания опросов под мобильные?
Не отдельный инструмент, но вам следует использовать платформу опросов, которая отображается адаптивно по умолчанию, чтобы ваш опрос автоматически подстраивался под любой экран. Затем протестируйте результат на настоящих телефонах, чтобы подтвердить, что цели нажатия достаточно большие, текст читаем и ничто не требует горизонтальной прокрутки.
Почему у мобильных опросов выше отсев?
Мобильные респонденты часто отвлечены, в движении и на более медленных соединениях, поэтому трение, которое десктопный пользователь стерпел бы, — крошечные кнопки, длинные страницы, медленная загрузка, — заставляет их бросать. Сокращение ввода, укорачивание опроса, увеличение целей нажатия и ускорение загрузки — всё это приближает завершаемость на мобильном к уровням десктопа.
Создайте опрос, который прекрасно работает на каждом телефоне. Адаптивный по умолчанию, удобный для большого пальца и быстрый. Создайте опрос бесплатно или просмотрите шаблоны. Начните с нашего шаблона опроса удовлетворённости клиентов.