блог
29
/12
/14

Анимация в вебе. с чего начать?

Русский

В нашей статье о трендах веб-дизайна в 2015 году мы упоминали анимацию, как одно из постоянно развивающихся направлений. Даже если вы не связаны с работой веб-дизайнера, верстальщика или программиста, но ежедневно серфите на просторах интернета, то наверняка заметили, что двигающихся объектов на веб-сайтах, реагирующих на действия пользователей стало куда больше. Речь не пойдет о ненавистных всем рекламных gif или flash баннерах, сулящих незабываемые ощущения от онлайн игр или увеличение той или иной части тела, нет, мы поговорим о анимации удобной для пользователя и полезной для владельца веб-ресурса. Итак, первые 4 примера удачного использования анимации..

1

подкрепление контента

Текстовый контент становится все менее интересен пользователям интернета. Злые SEO-шники не дремлют поливая километрами бессмысленных словосочетаний от страницы к странице, темп жизни невероятно высок, информация множится с каждой минутой, а пользователи уже боятся в очередной раз оказаться обманутыми. Правильно использованная анимация поможет преодолеть барьер недоверия к вашему контенту. Анимационный призыв к действию повысит ваши шансы на право быть услышанным, прочтенным или просмотренным.

2

акцентирование внимания

Хотите, чтобы пользователь любой ценой нажал на определенную кнопку? Сделайте ее особенной! Вы можете использовать анимацию при наведении, или показать как кнопка “танцует” жаждя, чтобы пользователь скорее посмотрел на то, что под ней скрывается. Хотите обратить внимание на 3 скромные полоски в бургер-меню - легкий шейк с интервалом в 3 секунды и все ок ;)

3

расшифровка интерфейсных элементов

Еще одна задача, которую легко решить, приминив анимацию — расшифровать или пояснить пользователю смысл присутсвия того или иного контента или элемента интерфейса, внедрить так называемый “help mode” при первом посещении. Возможно, вы решились изменить что-то в привычном интерфейсе вашего сайта и хотите обратить на это внимание пользователя и познакомить его с новыми возможностями. Будьте заботливы и общайтесь с пользователем)

4

анимация — основной контент

Если на использовании анимации в вебе вы собаку съели, то почему бы не сделать это основной фишкой ващего сайта. Образы, графические метафоры и визуализация информации — ваш конек. Вы же дизайнер)