Блог Тильды

Галочки, радиокнопки или выпадающий список

📑 При создании формы опроса или заказа в Тильде можно выбрать любые из 20 доступных полей для ввода данных. Составление формы часто происходит интуитивно, на основе прошлого опыта, а он может быть разным. Предлагаем разобраться, для каких целей можно использовать выпадающий список, радиокнопки и галочки.

Выпадающий список
Этот тип поля используется, когда человеку нужно выбрать один вариант из списка. У вас может быть много опций, каждая состоит из нескольких слов, а места на экране мало. Например, человек регистрируется на онлайн-форум и выбирает, в какой сфере он работает.

Минус выпадающего списка в том, что человек не видит все доступные варианты сразу, ему придётся совершить дополнительное действие. Если список длинный, в Тильде можно указать дополнительный пункт-заголовок в перечне вариантов. Он напомнит, на какой вопрос человеку нужно ответить.

Радиокнопки
Круглые радиокнопки используются с одним вариантом ответа и когда мало опций для выбора. Человек сразу видит возможные варианты, а ответы удобно сравнивать между собой, в отличие от выпадающего списка. Рекомендуем использовать радиокнопки, если у вас не более 5 ответов, иначе пользователю будет сложно считывать информацию.

Чтобы добавить радиокнопки в форму, выберите тип поля «Вопрос с вариантами ответа».

Галочки или чекбоксы
Список с галочками используется, когда у вас несколько вариантов ответа и мало опций. Желательно использовать короткие формулировки, чтобы человеку было удобно читать и принимать решение.

Одиночный чекбокс удобно использовать, чтобы получить согласие с документацией или подписку на новостную рассылку. В отличие от радионопки, вы используете один визуальный элемент для двух действий да/нет.

Для пользователя должно быть очевидно, что произойдёт, если он нажмёт или не нажмёт на чекбокс. Избегайте формулировок с «не», иначе человек потратит больше усилий, чтобы понять, что вы имеете в виду.

Чтобы добавить чекбокс в форму, выберите типы полей «Вопрос с вариантами ответа» или «Галочка».
Made on
Tilda