Connect with us

Дизайн и прототипирование

Создание удобных мобильных форм

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

Опубликовано

/

     
     

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

Вот несколько советов от компании  Mobiscroll, занимающейся созданием красивых контролов.

Если у вас мало вариантов, используйте сегментные контролы, а не выпадающие списки:

Создание удобных мобильных форм

Объединяйте списки, где это возможно – например, не отдельный выбор для дня, месяца и года, а единый контрол:

Создание удобных мобильных форм

Переключатели, а не выпадающие списки:

Создание удобных мобильных форм

Неплохо подходят для выбора значений и слайдеры:

Создание удобных мобильных форм

Избегайте нескольких колонок:

Создание удобных мобильных форм

Вместо выпадающих списков можно использовать и инкрементальное увеличение:

Создание удобных мобильных форм

Показывайте ошибки там, где они случились, а не группируйте их в одном месте:

Создание удобных мобильных форм

Если у вас много обязательных полей, то укажите лучше те, которые не требуются, а остальные будут пониматься как необходимые по умолчанию:

Создание удобных мобильных форм

Группируйте поля по смыслу:

Создание удобных мобильных форм

Помните о касаниях пальцами – не делайте кнопки слишком маленькими:

Создание удобных мобильных форм

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

 

Если вы нашли опечатку - выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.
Advertisement

Популярное

Спасибо!

Теперь редакторы в курсе.