Модальные окна, изящная маленькая функция, которая позволяет отображать различные сообщения в верхней части вашего веб-сайта, рекламируются как чрезвычайно полезные. Некоторые даже утверждают, что они достаточно полезны, чтобы полностью заменить баннерную рекламу, которую мы все так ненавидим. Но являются ли модальные окна в веб-дизайне катастрофой для UX?
Если вы не знакомы с этим термином, модальное окно — это диалоговое окно, появляющееся, когда посетитель нажимает на гиперссылку или изображение при наведении.
Предположим, вы хотите собрать подписчиков на сайте или хотите, чтобы посетители подписались на бесплатную подписку. В этом случае вы можете использовать модальные окна.
Однако многие веб-дизайнеры – и некоторые посетители веб-сайтов – против использования модальных окон в веб-дизайне. Основной аргумент заключается в том, что это влияет на пользовательский опыт. Но являются ли модальные окна в веб-дизайне катастрофой для UX? Читай дальше что бы узнать.
Что делают модальные окна?
Модальные окна часто появляются в виде всплывающих окон на веб-странице, предлагая посетителю совершить действие. В большинстве случаев они появляются после щелчка по элементу страницы.
Модальные окна, также известные как лайтбоксы, изолируют основной контент страницы. Пользователю придется выполнить действие, запрошенное модальным окном, или закрыть его перед повторной оценкой страницы.
Веб-дизайнеры используют модальные окна, чтобы привлечь внимание посетителя. Поскольку другое содержимое страницы недоступно, посетитель должен взаимодействовать с модальным окном.
Минусы модальных окон в UX
Хотя в UX модальные окна имеют разные недостатки, все они сводятся к одному — прерыванию. Когда появляются модальные окна, они прерывают все, что делает пользователь.
В отличие от обычных всплывающих окон, пользователи не могут просто игнорировать модальное окно и продолжать просмотр. В результате модальные окна требуют немедленного внимания.
Пользователь может заинтересоваться и решить взаимодействовать с модальным окном. Однако, если содержимое модального окна отличается от содержимого страницы, пользователь может забыть, что он делал после взаимодействия с модальным окном.
Более того, иногда модальные окна требуют действий, связанных с информацией на странице. Например, предположим, что пользователь хочет просмотреть информацию, прежде чем предпринимать действия. В этом случае им придется закрыть модальное окно, поскольку главная страница недоступна.
Статистика показывает, что до 82% пользователей не нравятся всплывающие окна . Большинство посетителей сайта не разбираются в технических тонкостях веб-дизайна . В результате они не смогут различать обычные всплывающие окна и модальные окна.
В конце концов, модальные окна — это разновидность всплывающих окон. Некоторые пользователи могут посчитать модальные окна хуже, поскольку они затемняют основной контент страницы, делая его недоступным.
Более того, люди хотят посетить веб-сайт и немедленно получить то, что хотят. Следовательно, время имеет большое значение. Таким образом, модальные окна, требующие действий, требующих времени, могут привести к потере посетителей веб-сайта.
Учитывая все эти минусы, вы можете понять, почему многие веб-дизайнеры говорят, что модальные окна — это UX-катастрофа в веб-дизайне.
Могут ли модальные окна быть полезны в UX?
В некоторых ситуациях модальные окна полезны и могут улучшить UX. Многие веб-дизайнеры клянутся в полезности модальных окон, и нетрудно понять, почему.
Во-первых, модальные окна могут помочь упростить содержимое веб-сайта. Например, пользователь может сразу покинуть страницу, если ваш сайт относительно сложный, с большим количеством контента и элементов.
Вы можете использовать модальное окно для объяснения содержимого страницы, чтобы пользователь не запутался. Возможно, модальное окно может отображаться, когда пользователь нажимает кнопку «Назад». Модальное окно может выделить наиболее важный контент на странице и подсказать пользователю, что делать дальше.
Во-вторых, модальные окна неоценимы, если вам нужно привлечь внимание пользователя. Например, возможно, вы хотите отобразить предупреждение или передать какую-либо важную информацию, которую пользователи должны знать, прежде чем продолжить просмотр.
Как упоминалось ранее, пользователь может легко игнорировать всплывающее окно, особенно если оно открывается в новом окне. Однако при использовании модальных окон пользователь должен как минимум просмотреть контент, прежде чем продолжить.
В-третьих, модальное окно может облегчить навигацию по веб-странице. Звучит иронично, учитывая минусы, но это правда, если правильно реализовать. Вместо упаковки различных элементов на веб-страницу вы можете настроить отображение некоторых из них в модальных окнах.
Например, вы можете создать страницу, содержащую только текст, чтобы улучшить читабельность. Затем пользователи могут нажать, чтобы просмотреть визуальные элементы, такие как изображения и видео, в модальных окнах.
Как правильно использовать модальные окна
Правильное использование модальных окон является ключом к тому, чтобы они не оказывали негативного влияния на UX. Вот несколько идеальных ситуаций, когда вы можете использовать модальные окна:
1. Отображение предупреждений
Использование модальных окон для предоставления пользователям важных предупреждений идеально, особенно если их последующие действия имеют серьезные последствия.
Например, большинство веб-сайтов отображают модальные окна, когда пользователи нажимают кнопку удаления. Удаление всегда имеет решающее значение, поскольку в большинстве случаев оно необратимо.
Практическим примером может служить веб-сайт электронной коммерции, где пользователь решает удалить товары из своей корзины. Вы можете использовать модальное окно, чтобы попросить пользователя подтвердить перед удалением.
2. Ввод или сбор информации
Модальные окна эффективно побуждают пользователей вводить информацию. Иногда пользователям необходимо ввести определенные данные, прежде чем продолжить просмотр.
Практическим примером может служить сайт отзывов, на котором пользователь хочет оставить отзыв. Прежде чем отправить отзыв, вы можете использовать модальное окно, чтобы запросить имя пользователя и другую необходимую информацию.
3. Упростите навигацию
Как упоминалось ранее, модальные окна могут упростить сложный веб-сайт. Кроме того, это поможет пользователю лучше ориентироваться, что повышает UX.
Практическим примером может служить новостной сайт с множеством историй и обновлений. Вы можете использовать модальное окно, чтобы выделить самые актуальные новости дня, чтобы пользователи могли посещать веб-страницы одним щелчком мыши.
Вывод: являются ли модальные окна катастрофой в UX?
В заключение, модальные окна влияют на взаимодействие с пользователем сайта, поскольку посетители должны с ними взаимодействовать. Однако это не всегда должно быть отрицательным эффектом.
Модальные окна становятся UX-катастрофой в веб-дизайне, если их неправильно использовать. Однако, если вы будете следовать передовым практикам, модальные окна могут улучшить взаимодействие с пользователем вашего сайта.
Как правило, используйте модальные окна только при необходимости и таким образом, чтобы не расстраивать пользователей.