Портал для веб-мастера
Вход пользователей
Поиск статей
WoWeb.ru » Статьи » Flash » Общая информация

Флэш и функциональность веб сайтов

Статья посвящена вопросам улучшения функциональности сайтов целиком написанных с использованием технологии Флэш.

В октябре 99 один из наиболее уважаемых экспертов в области юзабилити веб сайтов Якоб Нильсен открыл военные действия на фронте
«флэш-юзабилити» написав достаточно поверхностную, на мой взгляд, статью «Флэш на 99% это плохо». Ничего революционного не сказав,
подтвердил старую истину, что плохой танцор (дизайнер) испортит танец (технологию) очень даже легко. В 99 году удел Флэша были лишь
интро страницы и демо ролики, художников от Флэша этот демарш даже не задел.

Вышла 5 версия редактора. Технология Флэш развивается, она уже пережила период детства, когда Флэш ролики использовались для интро
станиц и в качестве рекламы. Флэш вступила в эру создания законченных сайтов, сайтов, чей интерфейс 100% построен на технологии Флэш.
Создание полноценного сайта уже подпадает под юрисдикцию вопросов связанных с удобством эксплуатации сайтов (юзабилити). Ошибкой
Нильсена в его статье было то, что он ругал технологию, инструмент, а не те кривые руки которые так ее дискредитировали.

В этой связи, было бы интересно обсудить правила создания вебсайтов, полностью созданных на технологии Флэш.

Технология DHTML предлогает широкие возможности по созданию интерактивных сайтов, новый стандарт HTML и новые версии браузеров
делают все возможное чтобы решить проблему совместимости кода. Использование встроенных времнных и объектных функций позволяет
выполнять все те вещи чем может похвастаться Флэш без его использования. Отсюда:

  • правило 1: не использовать Флэш когда нужно озвучить
    нажатие кнопки, сделать маленькую анимаци, сделать то что можно сделать силами скриптов и языка разметки. Окно браузеров разрабатовалось годами, ненужные элементы отмирали, новые появлялись. Зачем тратить время посетителя на изучение ваших изысков и представлений в области дизайна окон браузеров, если он уже есть и отражает в своей статусной строке все что его интересует.
  • Правило 2: не открывайте новое окно для вашего сайта убрав из браузера статусную строку, и загнав за край монитора системные кнопки для того чтобы закрыть окно и пр. Если же вашему дизайну столь необходимо место этих двух полосок экрана по 20 пикселов каждая, то не забудьте снабдить вашего посетителя
    всеми потерянными функциями интерфейса браузера.
  • Правило 3: в интерфейс вашего нового Флэш браузера не забудьте включить кнопку «закрыть окно», окошко с процентом загружаемого файла (лучше в килобайтном эквиваленте, чтобы юзер не годал или это 5 Мб к нему
    грузятся или у него связь зависла).
  • Правило 4: создавая дизайн вашего интерфейса не забывайте его активные элементы выполнять в цвете отличном от цвета всех остальных элементов, и цветом показывать изменение его состояния (нажатие, перетаскивание). В идеале снабдите курсор соответсвующими подсказками, возникающими в момент пересечения активных областей. При переходе от блока к блоку вашего сайта сохраняйте использованные вами в начале цветовые схемы.
  • Правило 5: изменяя дизайн курсора, не забудьте его основную функцию – возможность запустить активный элемент, и принимая во внимание (как правило) малые размеры элементов снабдите курсор точкой совмещение которой с активным элементом приведет к его активации. Не оставляйте от курсора мыши один хвост.
  • Правило 6: создавая полностью мультимедийный сайт не забывайте, что ваши ролики могут быть просмотрены в офисе, где ваш техно саунд нежелателен, предупредите вашего пользователя заранее о звуковых эффектах и дайте ему возможность быстро отключить звук, нарисовав понятную и легко находимую пиктограмму. В идеале, было бы хорошо, дать возможность человеку отключить звук до загрузки ролика. Отключив звук, не забудьте при этом дублировать титрами звуковые сообщения на вашем сайте.
  • Правило 7: дайте возможност вашему посетителю проскакивать интро ролики, сообщайте о всех новостях вашего сайта заранее, по нажатию кнопки «пропустить интро».
  • Правило 8: максимально минимизируйте время загрузки модулей сайта – старайтесь не перегружать элементы интерфейса полность, подгружайте их поблочно, по мере запроса в уже загруженные оболочки интерфейса сайта.
  • Правило 9: экономьте время вашего посетителя подгружая большие текстовые файлы извне, активнее пользуйтесь системными шрифтами, делайте возможным производить распечатку больших фрагментов текста. Не используйте шрифты меньше 8 пунктов, и цвета неконтрастные с фоном.
  • Правило 10: ставьте на первой странице скрипт который бы подгружал вариант сайта именно для разрешения монитора вашего посетителя. Не пугайте его шестипунктовыми шрифтами и 80% пустого места вокруг окна с информацией.

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

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

Автор: Сергей Жуков · Добавлена: 2002-08-10
Просмотров: 2598 · Рейтинг: 3.5

Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

Категории раздела
Flash
Apache
WWW
PhotoShop
Веб-дизайн
Раскрутка и реклама
Базы данных
3D графика
Хостинг
Истории веб-мастеров
Web-технологии
Сетевая безопасность
Программирование для Web
Операционные системы

Новые статьи
Лучшие статьи
Популярные статьи
Комментируемые статьи
Разделы сайта
Скрипты
Статьи
Шрифты
Флэш исходники
HTML шаблоны
Партнерки
Клипарты
Смайлы
Фоны
Гифы
Иконки
Опрос сайта
Есть ли у вас свой сайт?
Всего ответов: 141162
Наша кнопка
WoWeb.ru - портал для веб-мастера