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

Автор: Topol Понедельник, Апрель 16th, 2012 Нет комментариев

Рубрика: Флеш-технологии

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

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

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

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

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

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

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

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

Источник: woweb.ru

Оставить комментарий

Чтобы оставлять комментарии Вы должны быть авторизованы.

Похожие посты