Нужно ли создавать анимационные кнопки на сайтах?

29.10.2014

Нужно ли создавать анимационные кнопки на сайтах?Часто при разработке сайтов, навигационные системы по нему выполняют в виде графических кнопок. Для того чтобы создать такую кнопку используют 3D изображение. Когда кнопка находится в «спокойном» состоянии, то у нее один вид, когда на нее наводят указатель – другой, а когда нажимают – третий.

Но это не означает, что кнопка может иметь только три изображения. Количество их может быть любым. При этом стоит помнить, что размер страницы при большом количестве изображений будет увеличиваться на величину «веса» изображения. Если вы задумываетесь, как продвинуть сайт самому, учтите, что чем больше будет «вес» сайта, тем дольше он будет грузиться. Соответственно, многие пользователи могут не дождаться загрузки страницы и уйти к конкурентам.

Если было принято решение создать свой сайт, и использовать на нем подобные навигационные кнопки, то надо знать основные недостатки такого типа гиперссылок:

  1. Не во всех браузерах анимационные кнопки могут корректно отображаться. Создание сайтов должно также быть ориентировано на тех, у кого слабая скорость интернета.
  2. При проведении редизайна могут возникнуть сложности с обновлением таких кнопок.
  3. Если разработка сайтов будет вестись в больших объемах, то нужно будет много времени и сил потратить на создание кнопок.
  4. Кнопка занимает определенное пространство на странице. Особенно это важно при разработке интернет-магазинов.
  5. Такие кнопки могут отвлекать внимание посетителя от того, что представлено на сайте.
  6. При отключении пользователем функции просмотра графики, такая кнопка будет невидима для него.
  7. При сложной геометрии кнопки появится больше трудностей при создании сайта.
  8. Стоимость разработки сайта возрастает.

Исходя из того, что сказано выше, рекомендуется при разработке сайта задуматься над тем, нужны ли вообще на сайте такие кнопки. Да, разработчики могут их разместить на сайте, но тут вопрос состоит в целесообразности размещения.


Как создать анимированные тизеры?