Książka Formularze, które ludzie chcą wypełniać - UX/UI - przeprojektowani

"Формы, которые люди хотят заполнять"

312 страниц конкретных знаний

Хорошая печать, атласные страницы

Толстая картонная обложка

Преимущества хороших форм:

Дружелюбные и понятные формы побуждают пользователей к действию. Это очень важно, если вы заботитесь о конверсиях.

Идеальные формы интуитивно понятны и просты в использовании. Это позволяет пользователям заполнять их с минимальными усилиями.

Хорошие формы помогают избежать ошибок, что повышает удобство работы и сокращает упущенные возможности.

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

Если вы все еще задаетесь вопросом, почему вам следует позаботиться о деталях формы, то…

…вам нужно знать, что, согласно исследованиям:

• удаление одного поля может увеличить показатель заполнения формы на целых 25 %.
• разделение более длинной формы на несколько этапов может увеличить конверсию на 300 %.

Можете ли вы позволить пользователям отказаться от вашей формы?

h2>

Разработка форм — большая проблема. Независимо от того, работаете ли вы над простой контактной формой, опросом или многошаговой формой, UX всегда представляет собой сложную задачу.

Так не должно быть.

Эта книга проведет вас через каждый этап создания идеальной формы.

Вы узнаете, как превратить волшебство простых форм в интуитивно понятные, доступные и удобные для пользователя. И они конвертируются.

Что вы найдете в книге?

Если вам не важно, с какой стороны расположить кнопку, как выровнять метки или как оптимизировать форму на кассе — эта книга для вас.

Введение

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

Удобство использования

Вы узнаете приемы, которые помогут пользователям легко и эффективно заполнять формы. . Вы узнаете, как оптимизировать процесс оформления заказа, обеспечить безопасность и эффективность полей, а также как облегчить пользователям навигацию по форме. Как избежать ошибок при объединении полей, что такое двойные вопросы, как улучшить процесс создания учетной записи – это лишь некоторые темы, которые позволят вам создавать полезные формы.

Доступность

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

Мобильные устройства

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

Форма как элемент трения? Так не должно быть!

Формы — это скучно. Я согласен. Их неинтересно разрабатывать, а заполнять еще меньше.

Формы — это работа. А люди не любят работать.

Но чтобы кто-то стал клиентом, он должен сначала заполнить форму, что может помешать платящим клиентам попробовать ваш продукт.

В книге я покажу Вам, как убедить пользователя уделить время и усилия, необходимые для заполнения формы.

Сколько заказов вы получили на этой неделе?  Слишком мало?

Вот почему оно того стоит…

…проверьте последний этап взаимодействия клиента с сайтом, то есть формы.

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

Не позволяйте этому случиться.

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

Содержание

1. Введение

2. Основы

– Анатомия формы

– Состояния полей

– Дайте четкий сигнал

– Группировка полей

– Один столбец

– Структура

– Шаги

– Двухэтапный вход

– Последняя кнопка

– Постепенное вовлечение

– Проверка данных

– Раскрывающиеся списки

– Слайдеры

– Визуальная динамика

– Выравнивание меток

– Выравнивание флажков

– Подсказки для флажков

– Внешний вид поля

– Высота поля и ширина

– Расстояние от метки до поля

– Помните об этом

– Не удалять данные

– Показывайте успех

– Обязательные и необязательные поля

– Ограничьте количество написанного

3. Создание полезных полей

– Флаг отображения

– Поле даты

– Поле времени

– Поле купона

– Поле загрузки файла

– Кнопка «Загрузить»

– Оптимизация формы на кассе

– Безопасность

– Подскажите, что делать дальше

– Поле номера карты

– Поле номера счета

– Объединение полей

– Ловушки объединенных полей

– Двойной вопрос

– Запомнить меня

– Напоминание пароля

– Поисковая система

– Автоматические предложения

– Нет отдельного

– Автозаполнение

– Вход через социальную сеть

– Как улучшить создание учетной записи

– Возможности параметров по умолчанию

– Сделайте это для пользователя

– Автоматические данные

– Автоматическое название улицы

– Селектор количества

– Уникальное улучшение формы

– На какой стороне кнопки

– Динамическая метка

4. UX-написание

– Простые сообщения

– Не повторяйте

– Ярлыки и заполнители

– Когда использовать заполнители

– Значки в полях

– Текст для облегчения беспокойства

– Форма создания учетной записи и входа в систему

5. Доступность форм

– Основы доступности

– Ярлыки и заполнители

– Капча

– Упрощение копирования

– Место для инструкций

– Выбор

– Не заставляйте думать

– Открытые вопросы

6 . Проверка формы

– Где отображать информацию об ошибке

– Ограничение на количество символов

– Точные данные

– Предотвращение ошибок

– Поведение при ошибке формы

– Не удалять данные

– Проверка – когда

– Положительные ошибки

– Проверка номера

– Адаптивная проверка

– Проверка и предупреждение

7. Мобильный дизайн

– Touch Targets

– Визуализация данных

– Мобильные возможности

– Мобильная клавиатура