Connect with us

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

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

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

AppTractor

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

/

     
     

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

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

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

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

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

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

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

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

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

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

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

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

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

 

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

You must be logged in to post a comment Login

Leave a Reply

Популярное

X
X

Спасибо!

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