Эргономические аспекты интеграции сайтов и социальных сетей

От переводчика.

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

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

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

Распространение информации через социальные сети

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

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

Фармацевтическая компания GlaxoSmithKline на своем сайте использует модуль на основе набора социальных кнопок AddThis:

Аналогичная модель используется и на сайте немецкого концерна BASF, но набор социальных кнопок располагается не в верхней, а в нижней части экрана (под текстом статьи).

На сайте банка Crédit Agricole используется набор социальных кнопок ShareThis:

Дизайн сайта розничной торговой сети Zara исполнен в минималистичном стиле. Здесь присутствует всего лишь одна социальная кнопка (Facebook), зато сайт не перегружен излишними визуальными элементами:

Рекомендации:

• Социальные кнопки должны быть заметными и привлекать внимание пользователя;
• Иконки лучше располагать в верхней части страницы, под заголовком текста;
• При использовании сторонних компонентов необходимо переводить их на родной язык
• Привлечение пользователей на корпоративные аккаунты Facebook, Twitter, Youtube

Сегодня на многих официальных сайтах присутствуют ссылки на аккаунты Facebook, Youtube, Twitter, Flickr и т. п. С помощью этих ссылок можно оперативно размещать информацию в социальных медиа, но можно и запутать пользователя.

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

Компания Ford на своем американском сайте дает более подробную информацию, разъясняя, что имеет также аккаунты на различных социальных сервисах, в том числе на Scribd (Интернет-сервис для размещения документов) и Delicious (сервис для публикации закладок на веб-страницы):

Компания DoMyJeans разместила на главной странице сайта инструменты для доступа к аккаунтам на Facebook, Twitter и к корпоративному блогу:

Обеспечить социальную коммуникацию

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

На сайте компании WholeFood имеются специальные страницы, на которых отображаются все сообщения на аккаунтах на Фейсбуке и Твиттере:

Кнопка «Мне нравится» (Facebook)

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

Американская сеть кафе Outback Steakhouse в нижней части главной страницы своего официального сайта разместила счетчик, свидетельствующий о том, что ее продукция нравится 700000 пользователям Фейсбука:

Рекомендации

• Используйте кнопку «Мне нравится», если сайт рассчитан на широкую пользовательскую аудиторию.
• Желательно поставить на сайте счетчик, регистрирующий число нажатий кнопки «Мне нравится».
• Вход на сайт через социальные сети.
• Вход через аккаунты социальных сетей осуществлялся максимально быстро.
• Обеспечить возможность обратной связи через комментарии.
• Удобство комментирования
• Желательно, чтобы организацией общения с пользователями занимался специалист по работе с социальными медиа.
• Избыток спама и комментариев «не по теме» может существенно ухудшить имидже сайта.
• Предпочтительно размещать инструменты для входа через социальные сети в верхней части главной страницы.

Сегодня для доступа ко многим сайтам не требуется процедур регистрации и входа в традиционном понимании (тем более, что многие пользователи считают их трудоемкими и отнимающими изрядное количество времени): вход осуществляется через имеющиеся аккаунты в популярных социальных сетях.

Diigo (сервис для создания закладок веб-страниц) предлагает пользователям войти через Фейсбук, Твиттер, а также аккаунты Google и Yahoo. Достаточно лишь кликнуть по соответствующей иконке — и на экране появится форма для введения логина и пароля. 

Открытость сайта для широкой публики в наши дни подразумевает возможность комментирования материалов. Организация комментирования — дело достаточно серьезное; нередко она предполагает участие человека, профессионально занимающегося коммуникацией с пользовательским сообществом (англ. Community manager).

Банк BNP Paribas стал одним из первых французских предприятий, наладивших коммуникацию с клиентами посредством комментариев:

Сеть парфюмерно-косметических магазинов Sephora предлагает посетителям своего сайта высказывать свое мнение о приобретаемых ими товарах:

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

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

Практические рекомендации

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