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