От переводчика. Широкое использование возможностей социальных сетей является одной из характерных тенденций развития интернета в наши дни. Социальные сети давно уже перестали быть простой данью моде и используется в качестве эффективного средства коммуникации в самых разных областях: журналистике, политике, торговле, шоу-бизнесе… Современный веб-сайт не только сообщает некоторую информацию, но еще и создает пространство для общения. Перед разработчиками сайтов стоит важная задача: сделать так, чтобы работа с инструментами социальной коммуникации была действительно удобной и приятной. Публикуя в этом посте перевод статьи из французского блога 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 предлагает посетителям своего сайта высказывать свое мнение о приобретаемых ими товарах:
Рекомендации
- Если предлагаемые на сайте услуги (товары) ориентированы на широкую пользовательскую аудитории, вполне целесообразным представляется обеспечить возможность обратной связи через комментарии.
- Желательно, чтобы организацией общения с пользователями занимался специалист по работе с социальными медиа.
- Свобода выражения должна быть ограничена определенными рамками: избыток спама и комментариев «не по теме» может существенно ухудшить имидже сайта.
Сначала многие владельцы сайтов опасались, что приток пользователей из социальных сетей является скорее отрицательной, чем положительной тенденцией, и не пользовались средствами социальной интеграции. Однако впоследствии стало ясно, что социальные сети обладают целым рядом неоспоримых преимуществ — если, конечно, ими правильно пользоваться.
Из практических рекомендаций можно дать следующие. Так называемые социальные кнопки должны быть расположены уже на главной странице сайта. Кроме того, немаловажным инструментом является и возможность входа на сайт через аккаунты Фейсбука и Твиттера. Наконец, комментарии с возможностью оценки и голосования, если они хорошо организованы и грамотно модерируются, могут стать отличным средством для повышения уровня доверия между владельцами сайта и его аудиторией.
