Выбор карточками с пояснением

Варианты, которые надо объяснить

Карточки нужны, когда за названием варианта стоит смысл, который не очевиден. Формат участия в конференции: «Онлайн, трансляция и запись» против «Очно, с нетворкингом и обедом». Тип услуги в заявке студии ремонта. Стадия проекта в брифе агентства: «Есть идея», «Есть макеты», «Работает, хотим переделать».

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

• В каком формате вы будете участвовать?
• Что вам нужно: разработка с нуля, доработка или поддержка?

Как писать описание на карточке

Описание на карточке это не рекламный слоган, а ответ на вопрос «чем этот вариант отличается от соседнего». Хорошее описание укладывается в строку-полторы: «Онлайн, запись придёт через день» вместо «Удобный формат для тех, кто ценит время».

Цвет и иконка должны что-то значить. Если «Срочно» красное, а «Не горит» зелёное, цвет подсказывает выбор. Если все карточки разноцветные просто для красоты, внимание рассеивается, и человек выбирает ту, что ярче.

Карточек лучше держать от двух до шести. Больше не помещается на экран телефона без прокрутки, и первые варианты начинают выигрывать просто потому, что их видно.

Иконки, цвета и сетка на экране

У каждой карточки задаются заголовок, описание, иконка из набора в 16 штук или без неё и цвет из девяти готовых оттенков либо любой по HEX-коду. Переключатель «несколько ответов» превращает блок в мультивыбор. Новый блок создаётся с двумя карточками и описанием-заглушкой.

Если у карточек есть иконки или цвета, они выстраиваются в адаптивную сетку, ширина плитки зависит от длины текста. Без оформления карточки идут одной колонкой на телефоне и двумя на широком экране.

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