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