Артур Бабаян.
Флэш против дизайна
У кутюрье, домов модной одежды и бутиков есть традиция: они заказывают себе создание сайтов на флэше. Традиция, впрочем, распространяется и на сайты, связанные со многими другими областями деятельности. Модные сайты первые приходят на ум, потому что их стиль, очевидно, ассоциируется с чем-то, близким флэшу: модным, крутым, блестящим, обладающим удивительными возможностями, анимированным, сказочным.
Но, во-первых, есть модные сайты и без флэша. Cреди таких сайтов можно встретить по-настоящему интересные и необычные работы. Это показывает, что вполне можно обойтись используя стандартные методы верстки и используя качественную графику и идею сайта с журналом в основе дизайна можно, наконец, сделать красиво, с выдумкой и с использованием динамически на сайте.
Так что можно сделать вывод: не все то флэш, что двигается и выглядит привлекательно.
Во-вторых, у технологии и принятых методов ее использования существует большое количество нерешенных проблем. С одной стороны, флэш дает сайтам элегантность и плавность движения, с другой — заставляет долго ждать от сотни килобайтов до нескольких мегабайтов, при загрузке. Скорее всего про создании сайт заключен в один ролик в котором изображения динамически подгружаются, из за этого нарушается навигация и приходится ожидать загрузки тех частей, которые не используются в данный момент.
Рассмотрим основные спорные моменты.
Проблема 1. Перенасыщенность эффектами
Трудно удержаться и не сделать каждое меню выплывающим с разных сторон, а все разделы открывающимися в новом стиле. Фотографии при наведении мыши должны покачиваться, а прежде чем текст откроется, по нему будут бегать какие-то подозрительные геометрические фигуры. Первый раз это может позабавить. Второй раз это можно показать другу. Третий раз это может начать раздражать; а если на сайт заходишь только за новостями (30-40 Кб), то весь ролик со спецэффектами (240 Кб) каждый раз загружать просто обидно. Это как раз тот случай, когда красота не делает мир лучше. Работая на эстетику, разработчик забывает о функциональности.
Проблема 2. Неполная поддержка традиционных интерфейсных элементов
В среде флэш-ролика правая кнопка мыши работает не так, как на остальных сайтах. С ее помощью нельзя скопировать или вставить информацию, сохранить рисунок или сделать другие очевидные вещи. Особенно это ощущается в Opera, где в контекстном меню собрано очень много полезных функций (не удивлюсь, если формат Flash был спроектирован на компьютерах Apple Macintosh, в системах на которых контекстному меню уделяется намного меньше внимания; даже у подавляющего числа моделей мыши на них по одной кнопке). Далее, некорректно работает кнопка «Назад». Дело в том, что большинство флэш-дизайнеров делают сайты на основе одного ролика, в который подгружаются другие. Естественно, что при посещении нового раздела не загружается новая страница, и история браузера ничем не пополняется: кнопка «Назад» остается неактивной. Изредка встречаются сайты, каждая из страниц которых по отдельности включает флэшролики; в этом случае браузерная навигация работает в обычном режиме.
Проблема 3. Фиксированная верстка
Не все флэш-технологи знают, что ролики могут не просто тянуться по размеру страницы, но и использовать масштабирование отдельных своих частей.
Посмотрим, как устроены традиционные тянущиеся веб-страницы. В качестве «резиновых» элементов выступают фоновые изображения либо динамически скрывающиеся блоки, а также текст, если он тоже занимает «относительные» блоки. Остальные же элементы занимают жестко или относительно фиксированное положение на странице, но в силу того, что при изменении размеров окна содержание страницы происходит переверстка, страница все равно выглядит так, как будто вся ее площадь — полезная.
Почему бы не добиться того же самого на флэше? Ведь чаще всего то, что мы видим на флэш-сайтах — это прямоугольник посреди страницы; в этот прямоугольник заключается ролик, а пространство вне прямоугольника используется очень скупо. По адресу http://flash-mx.ru/url_elastic можно найти исчерпывающее описание того, как от объекта Stage можно добиться такого поведения, когда верстка страницы будет меняться при масштабировании окна браузера и окажется корректной на разных разрешениях мониторов. Кроме того, можно использовать совмещение традиционного web дизайна на HTML и флэша.
Проблема 4. Возможность отключения или отсутствия в браузере
Беда известная и давняя. Во-первых, флэш легко отключить: так многие делают из-за навязчивой рекламы — особенную популярность (и соответствующую ненависть посетителей сайтов) получила флэш-реклама в позиционируемых блоках, загораживающих содержимое страницы. Кроме этого, не во всех браузерах флэш установлен по умолчанию. Наконец, есть разные версии флэш-плейера, и то, что работает в 8 версии, не работает в 7, а ведь не все регулярно следят за обновлением браузера. В целом сложно найти хотя бы один сайт, где все эти проблемы были бы решены целиком и полностью. Впрочем, есть сайты, для которых такое решение и не требуется.
А теперь зададимся вопросом: нужна ли флэш-заставка. Функция ее — демонстрация природы и домов. Но эта демонстрация должна быть опциональной, а не принудительной. Каждый раз вместо того, чтобы найти нужную информацию, посетитель вынужден терпеть загрузку ролика весом несколько сотен килобайтов, который он уже неоднократно видел. Внимательные, конечно, найдут ссылку «Пропустить заставку», но он светло-синяя на голубом фоне, и заметить ее не так просто. (Кстати, такие ссылки портят внешний вид страницы с роликом, но отказаться от них можно только на сайте, который полностью сделан на флэше.).
Логичнее было бы сделать так: заставка демонстрируется только первый раз, при втором и последующих посещениях сайта сразу загружается основная страница, а ссылка «Просмотреть заставку» убирается совсем: вместо нее в меню появляется ссылка «Демонстрационный ролик» или что-то вроде этого. В итоге получаем такую ситуацию, когда дизайнер удовлетворен собственной работой, заказчик восхищен красотами флэша, а посетитель сайта расстроен потерей трафика и времени. А ведь сайт создается для посетителя, а не для самоудовлетворения. Вывод можно сделать единственный, — все должно быть к месту.
Если сайт может обойтись без флэша, то лучше его сделать без флэша. Если навигация затрудняется при использовании единственного ролика, то стоит сделать отдельные страницы с внедряемыми роликами, и так далее. И всегда нужно предусматривать варианты загрузки сайта без флэша.
Дополнительный материал по поисковому продвижению сайтов
продвижение web сайта поисковое продвижение поисковая оптимизация сайта