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