Принцыпы работоспособности интефейса сайта, выполненного с использование технологии Флэш
 

Широкое использование технологии Флэш для создания интерактивных веб сайтов имеет ряд положительных моментов:

  • 100% интерактивность;
  • широкие возможности визуализации информации;
  • межплатформенная совместимость.

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

Работоспособность интерфейса системы гарантирована выполнением четырех основных факторов влияющих на дизайн навигационной системы сайта.

Хорошая концептуальная модель сайта. Это модель с логичным представлением возможных действий пользователя и их последствий
в рамках концепции сайта.

  • http://museum-interactive.com/сайт выполнен в виде двухмерной карты музея, модель достаточно логично дает возможность пользователю предположить последствия того или иного действия и направления получения информации в рамках концепции сайта как интерактивного музея. Понятные на уровне здравого смыла элементы интерфейса достаточно гармонично вписываются в дизайн сайта.
  • http://animallogic.com/ сайт выполнен в виде чемоданчика с набором аксессуаров для химических реакций. Интересная концептуальная модель слаба в том, что не дает пользователю определить возможный набор действий на сайте и информацию, которую он получит проследовав по линкам. Требует базисных знаний по химии для идентификации элементов интерфеса с возможными действиями в результати их активации.Хорошая схематичность интефейса. Возможность определить связь между каким либо действием системы и результатами этих действий, понятность связи между элементами управления и их воздействием на систему, а также возможность связать состояние системы и ее внешний вид.
  • http://idiotboxtv.com/ наглядный, схематичный интерфейс. Хорошо выделенные и снабженные необходимыми комментариями элементы интерфейса благодаря встроенной системе подсказок позволяют пользователю представить последствия того или иного действия до его выполнения. Изменяемый внешний вид объектов позволяет судить об их функциональности.
  • http://relevare.com/ наглядный интерфейс данного сайта лишен возможности заранее информировать пользователя о последствиях его действий, активные области слабо разделяются между собой и не сообщают пользователю о том,что произойдет после их активации.Наглядность интерфейса. Дает посетителю необходимую информацию о всех возможных состояниях системы и необходимых действиях для их достижения.
  • http://iamben.com/ подробные интерактивные подсказки дают посетителю информацию о всех возможных состояниях системы, вариантах получения требуемой информации. Изменение цвета и звуковые эффекты позволяют отслеживать реакции системы на действия пользователя.
  • http://voxangelica.net/ великолепная графическая проработка сайта полностью омрачается полной непредсказуемостью элемнтов его интерфейса, практически полным отсутсвие подсказок по использованию элементов навигации сайта и их текущим состоянием.Продуманность обратной связи с системой. Дает возможность юзеру получать непрерывную информацию о действии совершаемом данной системой и его результатах.
  • http://avcmedia.com/ сайт с максимально информативными предзагрузчиками: сообщается сколько осталось грузить в килобайтах и процентах, сколько всего должно быть загружено и что грузится, поблочно. Пользователь имеет полную информацию о состоянии системы, действии совершаемом ей и его результатах.
 
Автор: Сергей Жуков
 
Оригинал статьи: http://woweb.ru/publ/11-1-0-57