Заполнять формы мало кто любит, тем более на мобильных устройствах с их маленькими экранами и управлением пальцами. Поэтому при проектировании мобильных форм вам надо уделить повышенное внимание удобству использования и эффективности ввода информации.
Вот несколько советов от компании Mobiscroll, занимающейся созданием красивых контролов.
Если у вас мало вариантов, используйте сегментные контролы, а не выпадающие списки:
Объединяйте списки, где это возможно – например, не отдельный выбор для дня, месяца и года, а единый контрол:
Переключатели, а не выпадающие списки:
Неплохо подходят для выбора значений и слайдеры:
Избегайте нескольких колонок:
Вместо выпадающих списков можно использовать и инкрементальное увеличение:
Показывайте ошибки там, где они случились, а не группируйте их в одном месте:
Если у вас много обязательных полей, то укажите лучше те, которые не требуются, а остальные будут пониматься как необходимые по умолчанию:
Группируйте поля по смыслу:
Помните о касаниях пальцами – не делайте кнопки слишком маленькими:
И в целом – старайтесь придерживаться правил платформ. Используйте стандартные элементы и паттерны взаимодействия там, где это возможно, предоставляя пользователям знакомый UI. Помните о том, что хочет пользователь от формы и приложения в целом, и тогда вы сможете значительно улучшить конверсию и вовлеченность.