Одна из самых больших претензий людей к Flash-сайтам заключается в том, что они медленно загружаются и появляются слишком долго. Раздражает то, что критики Flash почти правы! Что грустно, так это то, что так не должно быть.
Flash может быть использован для создания действительно удивительных вещей, а его встроенные алгоритмы сжатия могут действительно уменьшить размеры файлов до очень управляемых уровней. Тем не менее, многие неопытные разработчики перегружают свои фильмы полноформатным саундтреком и несколькими десятками растровых изображений размером с экран только потому, что могут.
Одна из причин, почему выдающиеся разработчики выделяются из толпы любителей, заключается в том, что они понимают идею и преимущества предварительно загруженного контента. Создание прелоадера поможет улучшить воспринимаемую скорость вашего Flash-проекта и поможет немного дольше удерживать посетителей на вашем сайте.
Эта статья не является техническим руководством для создания предварительных загрузчиков во Flash; Есть много онлайн и печатных ресурсов, которые помогут вам научиться разрабатывать эффективный прелоадер. Вместо этого цель этой статьи — объяснить, почему вы можете использовать предварительный загрузчик, и различные «типы», которые вы могли бы рассмотреть при разработке.
Предварительная загрузка — ваши варианты
В моей компании мы использовали несколько разных стратегий при разработке веб-сайтов для наших клиентов. На самом деле мы бы предпочли никогда не создавать предварительный загрузчик вообще (когда-нибудь наша полоса пропускания придет…), но до тех пор мы учимся извлекать максимальную выгоду из технологии в текущих условиях.
Когда мы планируем раскадровку и идеи для Flash-анимации, мы стараемся рассмотреть всю историю и сообщение от начала до конца (кажется разумным, нет?). Как хореограф или режиссер, мы рассматриваем всех актеров (или элементы), и как они могут появиться на сцене (или экране) и начать рассказывать их историю.
Начните с чего-то легкого
Лучший способ представить сайт Flash — начать с чего-то «легкого» — текста, простых цветных объектов и очень маленьких символов. Они загружаются очень быстро и сразу начинают воспроизводиться благодаря потоковым возможностям Flash.
Но иногда мы действительно хотим рассказать нашу историю с помощью фотографических изображений, тяжелой графики или звука. В эти моменты мы вынуждены работать немного усерднее, чтобы наши пользователи были вовлечены, в то время как на сцене достаточно актеров, чтобы эффективно рассказать свою историю.
Панель загрузки
Одним из методов, который мы используем, является классическая «загрузка» или индикатор выполнения. Этот метод отображает некоторый индикатор (обычно полосу, которая расширяется от 0 до 100 процентов при загрузке вашего контента) на экране, когда другие объекты загружаются в фоновом режиме. После того, как вы отправили достаточное количество контента на локальный компьютер, вы можете отодвинуть занавес и начать шоу по-настоящему.
1. Брендинг
Но не просто используйте простой индикатор бара и процентного соотношения — посмотрите, сможете ли вы немного рассказать историю или хотя бы немного выпустить брендинг. Нам удалось выполнить двойной брендинг с нашим предварительным загрузчиком на сайте www.alta247.com : их логотип и наш логотип были представлены в предварительном загрузчике.
2. Создайте атмосферу
Следующий уровень — использовать какой-то текст или другие световые объекты, чтобы сделать «увертюру» перед началом основного шоу. Установите настроение, используя цвета и простые объекты, и расскажите немного о своей истории с помощью простых текстовых эффектов, прежде чем появятся большие пушки.
Мы с успехом использовали этот эффект на сайте www.premierdj.com , где клиент хотел сделать фотомонтаж в своем Flash-фильме. Поскольку фрагменты фотографий загружались за кулисами, мы в нескольких словах рассказали посетителю, о чем этот сайт, используя собственную метку клиента.
3. Будь провоцирующим на мысли
Наша следующая остановка в этом путешествии — www.idiusa.com . Здесь, опять же, клиент настаивал на действительно огромной графике, в боковой прокрутке навигации. Поскольку нам нужно было загрузить все изображения до того, как посетитель сможет начать навигацию (иначе они увидят много пустых мест — фу!), Мы знали, что нам также потребуется предварительный загрузчик.
Мы решили объединить индикатор процентной доли предварительной загрузки вместе с вводным текстом, чтобы задать тон для остальной части сайта и дать посетителям что-то, что можно прочитать и подумать при загрузке остальной части сайта.
4. Обучать
Другая фантастическая последовательность preloader может быть найдена в www.barneys.com . Там Джошуа Дэвис загружает изображения, необходимые для боковой прокрутки, в фоновом режиме и отображает простую (но эффективную) анимацию на переднем плане, которая показывает, как работает одна из аккуратных «оконных» функций на сайте. Если вы не можете рассказать историю, по крайней мере, научите их чему-то, пока они ждут.
5. Развлекать
Некоторые сайты на самом деле дают вам фильм внутри фильма или другие забавные развлечения, такие как простая игра, в ожидании загрузки остальной части контента. Я помню на ныне несуществующем icebox.com, было несколько отличных сериализованных мультфильмов, которые имели забавные последовательности предварительной загрузки. Один, мистер Вонг, предложил бы вымышленную и юмористическую последовательность рецептов, в то время как другой, включающий двух водителей машин скорой помощи, предложил бы маленькую игру типа «ударить крота».
Изобразительное искусство прелоадера
Цель здесь — всегда дать посетителю что-то интересное, на что можно посмотреть, что-нибудь почитать или чему-то научиться. Это держит их развлеченными и вовлеченными, в то время как у всех ваших актеров есть возможность собраться на стадии. Тогда вы можете поднять занавес на что-то действительно фантастическое!