Когда использовать эффект лайтбокса?

Question

Мы все видели популярные эффекты лайтбокса в Интернете (например, JQuery Lightbox и Shadowbox ). Вчера я вступил в дискуссию с клиентом, который полностью влюблен в лайтбоксы и хочет использовать их каждый раз при отправке формы, включая:

• Формы входа - нажмите кнопку входа в систему, и появится лайтбокс с полями имени пользователя и пароля
• Формы запросов клиентов - после отправки формы лайтбокс появляется с «спасибо»
• Регистрационные формы - лайтбокс появляется с «спасибо» после отправки формы

Я хочу знать, когда люди думают, что лайтбоксы следует и не следует использовать и почему.

Answer 1

Как насчет того, чтобы никогда не использовать лайтбокс? У тебя никогда не работает? Лайтбоксы, как правило, настолько неуклюжи и чужды, что открытие одного из них почти повсеместно хуже, чем простая ссылка на новую страницу, как обычно. По удобству использования они настолько уступают новому окну браузера или диалоговому окну, что даже не заслуживают внимания:

• Неподвижный и модальный . В качестве альтернативы диалоговым окнам лайтбоксы не могут быть неподвижными и модальными. Лайтбоксы, которые я видел, не могут быть перемещены, поэтому пользователь не может видеть все, что скрывается за ним, чтобы помочь взаимодействию с тем, что внутри него. Даже если бы он был подвижным, вы не смогли бы переместить его за пределы оконной рамы, поэтому он всегда что-то перекрывает. Диалоговые окна не имеют этого ограничения. Поскольку лайтбоксы должны быть модальными, пользователь не может взаимодействовать с родительской страницей, даже если лайтбокс может быть перемещен. Диалоговые окна могут быть немодальными, когда это требуется.

• Добавлена ​​умственная нагрузка . Лайтбоксы заставляют пользователя учиться и запоминать еще один способ навигации. Достаточно того, что существует три непоследовательных способа отклонения некоторого контента, чтобы вернуться к предыдущему контенту. Пользователю может потребоваться использовать кнопку «Назад», закрыть текущее окно или закрыть текущую вкладку. Теперь мы добавим закрытие лайтбокса с его собственными уникальными элементами управления. Нам не нужна эта сложность.

• Разрушительное действие кнопки «Назад» . Если оставить кнопку «Назад» включенной, пользователи могут щелкнуть ее, намереваясь выйти из лайтбокса, чтобы вернуться на нижележащую страницу (или вернуться назад на страницу в лайтбоксе, например при просмотре слайд-шоу). Но вместо этого, нажав кнопку Назад, вы перемещаете основную страницу назад, заставляя пользователя идти вперед и переустанавливать все, включая открытие лайтбокса. Если вы оставите кнопку «Назад» отключенной, пользователи могут считать, что содержимое лайтбокса открывается в новой вкладке или окне, поэтому они нажимают кнопку «Закрыть окно / вкладку», чтобы вернуться назад, удаляя базовую страницу, ее историю и, возможно, весь сеанс браузера.

• Отвлечение . Просто чтобы убедиться, что нижележащая страница не читается, лайтбоксы обычно придают им приглушенный вид, уменьшая визуальный контраст текста. Я предполагаю, что цель состоит в том, чтобы предложить отключить страницу, чтобы пользователи не пытались нажать на нее, но у нас есть лучший способ «отключить» страницу: перейти на другую страницу. Вместо этого с лайтбоксами вы получаете границу отвлекающего текста и изображений, украшающих контент, на который вы действительно хотите обратить внимание пользователей. Таким образом, использование лайтбоксов означает потерю преимущества нового окна, позволяющего пользователям видеть и получать доступ к контенту на обеих страницах; это также означает потерю преимущества перехода на новую страницу, чтобы пользователь мог сосредоточиться только на новом контенте.

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

Answer 2

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

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

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

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

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

Answer 3

Допустимое использование, ИМХО:

1. одношаговые формы (или первый шаг многошаговой формы)
2. подробная информация (увеличенная графика или подробное описание чего-либо)
3. подтверждение или другие сообщения обратной связи

В идеале, для каждого вы должны постепенно перейти на полноценный отдельный ресурс URL / HTML. Это обеспечивает возможность закладки (при условии, что ваш лайтбокс не управляет историей), а также возможность поиска в поисковых системах.

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

Answer 4

Цель Lightbox - выделить определенный элемент (например, изображение, график и т. Д.). Мне лично не нравятся всплывающие HTML-страницы в браузере, но некоторым пользователям это может понравиться.

Лично я бы использовал его только для изображений.

Answer 5

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

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

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

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