—»     —»   Интерактивность в веб-дизайне: Путеводитель для новичка
  Раздел: Подсказки   Комментариев: 1  

Интерактивность в веб-дизайне: Путеводитель для новичка



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

Нормально – значит скучно!

Предоставляйте свой материал в более привлекательном виде, нежели простой сплошной и скучный текст. В наше время, редкий посетитель любит сидеть и скучно читать. Большая часть посетителей любят применение визуальных эффектов. Спросите сами себя, какой сайт вам более интересен? Обычный текстовый сайт, или же динамичный, завораживающий и тем же временем, простой в использовании и навигации? Вместо обычной подачи текста, лучше использовать более творческий подход. Вы можете представлять ваши видеофайлы и изображения в виде 3D-галереи, или хотя бы простенького слайд-шоу.

Что представляет собой интерактив?

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

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

1. Привлечение отдельного посетителя
2. Привлечение многих посетителей

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

Привлечение конкретного посетителя

Интерактивность в веб-дизайне: Путеводитель для новичка

На сайте Gambolio используется слайдер для просмотра содержания. Если вы перейдете в демо-раздел, вы сможете покидать игры в корзину, что также привлекает внимание посетителей.

Интерактивность в веб-дизайне: Путеводитель для новичка

JP3 Design использует как flash, так и jQuery, что делает сайт визуально привлекательным для посетителей. В навигации к каждому пункту используется подсказка, дабы оповестить посетителя о том, какую информацию содержит раздел. На сайте также используется фото галерея на Flash.

Интерактивность в веб-дизайне: Путеводитель для новичка

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

Интерактивность в веб-дизайне: Путеводитель для новичка

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

Интерактивность в веб-дизайне: Путеводитель для новичка

На Leeds Technical Design используется 3D-интерфейс, разработанный на Flash. Очень захватывающе.

Интерактивность в веб-дизайне: Путеводитель для новичка

Wonderwall принадлежит Microsoft, и так же разработан на Flash. Вы ознакомляетесь с содержимым путем вождения курсора мыши влево и вправо.

Привлечение многих посетителей

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

Интерактивность в веб-дизайне: Путеводитель для новичка

Вероятно, все уже знакомы с Meebo. Пользователь может авторизоваться и общаться со своими друзьями.

Интерактивность в веб-дизайне: Путеводитель для новичка

Blurtit представляет собой сайт, где читатели можно задавать или отвечать на вопросы.

Интерактивность в веб-дизайне: Путеводитель для новичка

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

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

Каким образом я могу добавить интерактивности своему веб-сайту?

Вы можете использовать методы привлечения конкретных посетителей следующими методами:

- Добавьте javascript и flash фото галерею, или же слайдер содержимого.
Здесь вы найдете подробные списки ресурсов, где вы можете найти интерактивные фото галереи и несколько слайдеров jQuery. Это привлечет внимание посетителей к вашему сайту.
- Также, попробуйте творчески подойти к созданию навигации или меню. Если вы решили разрабатывать навигацию на СSS, то Instantshift собрали отличную подборку, а если вы решили использовать javascript, вот вам немного полезных статей
http://sixrevisions.com/javascript/20-excellent-javascript-navigation-techniques-and-examples/

- Существует много различных программ, которые помогут вам с разработкой интерактивности на вашей веб-странице. Пользуйтесь данным программным обеспечением и вы сможете быстро и просто добавить методы привлечения посетителей. Например, есть такая программа «Rapid Interactivity» (платная). Вот вам пример страницы. Если вы хотите иметь возможность управлять собственным содержанием, редактировать его, и даже добавить немного кода, то вы можете поискать бесплатные программы для Mac или Windows, которые могут вам очень поспособствовать.

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

- Добавьте опросы на вашу страницу. Это можно сделать с использованием PollDaddy или SurveyMonkey.
- Обменники различными файлами, документами, используя Slideshare, Scribd.
- Вы можете позволить пользователям оставлять отзывы посредством Shoutmix или Freeshoutbox. Вы можете открыть бесплатный чат на вашей странице, используя ParaChat или Free Chat Code.
- С другой стороны, вы можете открыть собственную социальную сеть, или же сайт с возможностью пользователей взаимодействовать друг с другом на различных уровнях. TechChurch дает 9 различных вариантов построения собственной социальной сети.

Также, вместо специализированных утилит, вы можете использовать одну сразу для всего. Например, TeemingPod. Утилита позволяет добавлять опросы, делиться информацией, ссылками, создавать «ЧаВо». Это уменьшает временные затраты на изучения каждого отдельного инструмента. Конечно же, для добавления такой утилиты на страницу, все равно потребуются некоторые знания и несколько строк кода. Мы рекомендуем такие инструменты новичкам, которые не желают возиться с километрами кода.

Последнее слово…

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

Интерактивность делает страницы более привлекательными, уникальными, и захватывающими! Если вы все еще не добавили чего-то похожего на вашу страницу, то сейчас самое время окунуться в новые идеи и разместить интересные и завлекающие внимание элементы на вашем веб-сайте!
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: веб-дизайн, дизайн сайтов
Опубликовал Mysterious Master   Прочитано (раз): 5835   |   Оставлено комментариев: 1
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 февраля 2012 @ 14:26
Написал: andros — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Интерактивность - очередная ступень в восприятии информации человеком
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц November по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930