Практический веб-дизайн — всплывающие окна: злые или злые?

Разнообразие видов использования

Одним из интересных применений всплывающего окна является создание «слайд-шоу», которое отображает серию графиков или блоков текста. Подумайте о PowerPoint, вроде как, для веб-страницы. Хотите сделать слайд-шоу из отпуска? «Вот где тетя Грейси была пропитана Old Faithful, а в следующий раз Попа преследуют медведи». Любая презентация, коммерческая или нет, может быть обработана с использованием техники слайд-шоу, как и серия рекомендаций или краткий курс инструкций. Перейдите на соответствующую страницу в Katsuey’s Design Works, чтобы найти бесплатный код и руководство по его использованию.

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

Еще одна полезная функция для всплывающих окон — предоставление дополнительной информации о слове, фразе или графике, как подробно описано в статье Криса Черчилля от декабря 2002 года « Создание всплывающих заметок с помощью DHTML ». Крис рассказывает нам, как создавать приятные маленькие заметки, которые всплывают при нажатии, чтобы определить термин или аббревиатуру, предоставить сноску или боковую панель, или что-то еще, что вам нравится. Предостережение заключается в том, что дизайнер должен использовать (и иметь некоторое понимание) как JavaScript, так и CSS, чтобы использовать эту конкретную технику. Однако это чрезвычайно полезный и недостаточно используемый эффект.

Многие, многие коммерческие сайты используют всплывающие окна того или иного рода. Большинство из них используют их для рекламы («Посмотрите на красивый остров Тасман!», «Совершенствуйте свои навыки веб-дизайна на 300% за одно простое обращение!»). Другие используют их, чтобы поразить своих посетителей чувствительными ко времени объявлениями. И, хотите верьте, хотите нет, всплывающие рекламные объявления действительно работают. Согласно исследованию, проведенному в феврале 2003 года, количество всплывающих окон и всплывающих окон достигает 6,5%, что впечатляет, учитывая, сколько людей презирают эти вещи. Orbitz даже рекламирует «всплывающие окна», которые не требуют клика для перемещения посетителя на нужный сайт. Я не могу представить себе использование для них, которое не связано с рекламой и, тем не менее, не раздражает веб-пользователей.

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

Bravenet , поставщик инструментов веб-сайта, отображает всплывающее окно, когда вы подписываетесь на их услуги. Когда вы регистрируетесь и выбираете имя пользователя, вы можете нажать на кнопку «Проверка имени», прежде чем продолжить. Появится всплывающее окно, информирующее вас о том, доступно ли выбранное вами имя пользователя. Это избавит вас от раздражения, связанного с заполнением формы пользователя, ее отправкой и отклонением, поскольку выбранное вами имя пользователя уже занято.

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

Пример из практики: бесплатные фоны Робби

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

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