x
 
Василий Леонтьев
31 мая 2010

Здравствуйте, Артём, хотелось бы узнать ваше мнение об использовании всплывающих окон. Спасибо.



У меня плохое мнение об использовании всплывающих окон в вебе. Они противоречат природе плоских линейных страничек.

  • В бюро мы иногда пользуемся всплывающими элементами. Это немногочисленные (и совсем не обязательные) исключения:
  • форма входа;
  • плавное «приближение» мелких элементов: фотографии, телефонного номера;
  • обратная связь, быстрая запись, быстрая покупка — когда важно подчеркнуть лёгкость и одношаговость действия;
  • пузыри на карте — это уже не совсем гипертекст.

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

  • Антипримеры попапов в порядке убывания смертности греха:
  • самопроизвольное всплывание — обычно рекламы:
  • всплывание по наведению — например информации о пользователе в ЖЖ:
  • переход в специальный долговременный режим — например многошагового мастера:

Уважаемые советчики, предложите ваши списки.


Поделиться
Отправить

Комментарии

Стасис Чепулис
31 мая 2010

Существует практика открывать полный размер картинки подобным окном. На мой взгляд, практика бессмысленна — браузеры имеют и функцию просмотра графики, и кнопку «назад», достаточно безболезненно возвращающую пользователя на страницу.

А вот хороший способ использования таких окон — экстренное информирование. Например, что в интернет-банке заканчивается сессия. Или что сайт через пять минут закроется на многочасовую профилактику.

Да, и хоть всплывание по наведению не очень удобно, мне кажется, что это отдельная тема — с отдельными аргументами «за» и «против».


31 мая 2010

Я терпеть не могу т. н. «лайтбоксы», когда увеличенная картинка открывается в виде попапа внутри страницы, а не просто по ссылке. Я привычно пытаюсь закрывать её как любое окно, через ⌘W, но вместе с ней закрывается весь сайт.

Руслан Худяков
31 мая 2010

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

Всё-таки структура страницы не должна меняться без клика.

Александр Вакулов
31 мая 2010

Мне кажется, «природа плоских линейных страничек» сомнительна. Таким же образом можно сказать, что появление страниц в книгах нарушило «недискретную природу свитков».

Алексей Рытов
31 мая 2010

Во всплывании по наведению не вижу греха. Более того, это не является модальным окном, как в других примерах.

Александр Дебкалюк
31 мая 2010

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

Всплывающие окна хороши, когда неохота прерывать процесс работы пользователя переходом на отдельную страницу, изменением так какого-то параметра, и затем возвращать его назад.

Иегуда Иоахим Бен-Бецалель
1 июня 2010

На Шаттере всплавающее окно как бы говорит нам: «стой! зарегистрируйся!» и мешает работать:

Алексей Егоров
1 июня 2010

Внутристраничные попапы — инструмент, просто инструмент. Который только в зависимости от контекста применения и мастерства применяющего может стать плохим или хорошим, полезным или вредным.

Веб — давно уже не плоские линейные странички гипертекста, а медиасреда. Попапы в ней очень к месту.

Олег Томенко
2 июня 2010

Если всплывают некие окна с дополнительным функционалом, например кнопкой «удалить» в батарее элементов, то вместо двадцати кнопок «удалить» лучше использовать одну всплывающую — выделил элемент, удалил.

Дмитрий Зимин
4 июня 2010

Видеоролики в попап-слоях — однозначный грех.

А если при клике вне области слой закрывается и выгружает ролик из памяти — это уже сатанизм :-)


12 июня 2010

Многое зависит от привычек пользователя и качества кода. Немало пользователей открывают новые вкладки средней кнопкой мыши или через контекстное меню (например, «открыть в фоновой вкладке»). Если уж делать всплывающие окна, то учитывать и это поведение.

Например, на морде something.ru появится ссылка «Регистрация».

Пусть по левой кнопке открывается всплывающее окно с тремя полями для быстрой регистрации. Тогда по нажатию на «Зарегистрировать» сайт должен меня залогинить сразу же, не уходя со страницы. Быстрая регистрация — хорошее вовлечение.

А если я нажму на ссылку «Регистрация» средней кнопкой мыши, пусть у меня в новой вкладке откроется something.ru/register, и там пусть будет целая страница про регистрацию, со всеми полями и вопросами личного характера. Неторопливая регистрация для тех, кто отложил её на потом.

Ну и помним, что все ссылки, которые не несут в себе URL, должны быть по-особому подчёркнуты. Как я понимаю, в вебе для этого принят прерывистый пунктир. Он как бы говорит пользователю: «я управляю страницей; нажми на меня левой».

Евгений Ширин
1 февраля 2011

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

Основная проблема всплывающих окон, что они не будут работать, если отключена поддержка java-скриптов. Я знаю достаточно много компаний, где «злобные сисадмины» специально отключают разные «красивости» и «прибамбасы».

Мой совет: если на сайт люди будут заходить с работы, то лучше минимизировать всплывающие окна или вообще от них отказаться. Если с личных компьютеров — вполне допустимо. В любом случае стоит предусматривать возможность перехода на отдельную страницу. Например, если java отключена, то пользователь попадает на отдельную страницу.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Зачем формы авторизации часто делают во всплывающих лайтбоксах 2 17 5 4




Недавно всплыло

Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3 Несмотря на то, что между нами была договорённость о работе по ФФФ, клиент был в бешенстве 5 В Сафари появилось распознавание текста на картинках. Иногда текст странно выделяется и копируется. Что поделать? 2 Как написать хорошее резюме? 7