Интерактивный сайт: идеи и реализация

Автор /  Elena Rabkina

07 июня 2018

Интерактивный сайт: идеи и реализация

Во времена становления интернет-маркетинга и веб-дизайна пользователи мечтали, что однажды смогут управлять сайтами и лендингами. Сегодня эта мечта давно стала явью: количество интерактивных сайтов с такими элементами растет в геометрической прогрессии, а пользователи недоумевают, когда ресурс в сети ведет себя не так, как им нужно.

 

 

 

Что такое интерактивный сайт?

 

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

 

 

 

Примеры интерактивных сайтов

 

 

интерактив сайт 

http://void.hi-res.net/blackice

 

 

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

 

 

 

сайт Океан Эльзи

http://20.okeanelzy.com/en/

 

 

Музыкальные группы тоже не стоят на месте и используют последние технологии. Так, на сайте команды "Океан Эльзи" можно совершить виртуальную экскурсию и узнать больше о жизни и творчестве коллектива.

 

 

сайт Эбби роуд

https://insideabbeyroad.withgoogle.com

 

 

Отправляйтесь в виртуальную экскурсию по залам легендарной музыкальной студии Abbey Road. Прогулять, почитать интересные статьи, послушать музыку и даже сыграть на всех попадающихся под руку музыкальных инструментов - красота!

 

 

сайт игра на доверие

https://notdotteam.github.io/trust/

 

 

А этот сайт поможет в форме игры разобраться с таким важным вопросом, как доверие. Игра основана на реальных событиях Первой мировой войны, когда в Рождество 1914 года внезапно глянуло перемирие.

 

 

 

Принципы интерактивного сайта

 

 

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

 

1. Эстетика

 

Разумеется, сайт должен привлекать внимание, быть красивым и интересным. Не стоит вносить в него произвольные изменения: всегда опирайтесь на мнение пользователей, тестируйте и лишь затем улучшайте свой ресурс.

 

 

2. Предвосхищение

 

Чтобы сайт полностью удовлетворил и поразил пользователя, вы должны заранее знать его ожидания и способы удовлетворения этих ожиданий. Если на сайте есть кнопка или форма регистрации, но пользователь ее просто не видит, считайте, что этой кнопки нет.

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

 

 

3. Свобода

 

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

 

 

4. Цвет

 

Невероятно, но факт: цвет тоже является одним из способов коммуникации. Яркие и контрастные цвета привлекают внимание, равно как и нейтральные пастельные. Используйте комбинацию цветов и необычные их сочетания, чтобы привлечь внимание к тому или иному элементу сайта.

 

 

5. Последовательность

 

Немаловажно и опираться на привычки пользователя. Так, размещение кнопок, иконок и скролл-баров не должно быть хаотичным или случайным. В операционной системе Windows окна закрываются с правой стороны, в Mac OS — с левой. Вы учитываете этот момент при создании архитектуры сайта?

 

 

6. По умолчанию

 

Обязательно контролируйте это самое "по умолчанию". Если в поле регистрации написано "Имя пользователя", то после клика эта надпись должна пропасть. Если поле заполнено информацией, то после нажатия на кнопку "Отправить" оно должно мгновенно очиститься.

 

 

7. Интерфейс

 

Ясный, понятный, простой — именно таким должен быть интерфейс вашего сайта. Если пользователь совершил ошибку (случайно отписался от рассылки или подписался на нее, нажал не на ту кнопку), у него должна быть возможность исправить ее.

 

 

8. Отслеживание действий пользователя

 

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

 

 

 

Как использовать интерактивный сайт?

 

 

Сложно назвать интерактивный сайт обыденным маркетинговым инструментом. В общем-то, он и нужен для нестандартных маркетинговых целей:

 

- Акции

 

Прекрасно подойдет для поддержки акции, которая хочет стать чем-то большим, чем “сделай репост - получи приз”. Вовлечение и увеличение время взаимодействия с брендом положительно скажется на лояльности. Особенно, если сделано талантливо и с идеей. Оформляйте свои рекламные игры и позволяйте потенциальным клиентам получить новый игровой опыт.

 

 

- Искусство

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

 

- Презентация

Хотите эффектно презентовать идею или продукт? Обратите внимание на интерактивные сайты. Можете добавить функцию AR или позволить посетителю сайта изучить ваш продукт со всех сторон. Думайте, чего хотите добиться и создавайте новые решения.

 

 

 

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

Хотите начать с малого? Тогда создайте у нас свой сайт всего в несколько кликов.

 

 

#Заметка

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