Как сделать кнопки социальных сетей, которые работают
5 026 любопытных
Социальные сети это один из ключей популярности каждого веб — сайта. Социальные сети активно влияют на людей, они охотно читают их содержимое и с удовольствием делятся им. Вот по этому Вы можете встретить кнопки социальных сетей практически на каждой странице в интернете.
Возникает вопрос, кто делает эти кнопки? И почему они выглядят именно так, а не иначе? Вы, наверное, думаете, что позиционирование, выравнивание сделаны совершенно случайно? Вы глубоко заблуждаетесь. В данной тематике существует целая схема создания этих кнопок социальных сетей.
Это довольно увлекательно, и конечно же не так и сложно как кажется на первый взгляд. Если Вы хотите, чтобы посетители Вашего сайта более активно делились контентом, тогда это в Ваших интересах следовать рекомендациям представленным ниже.
Спасибо www.webdesignerdepot.com и рекомендую к прочтению:
- Скачать 30 бесплатных и современных резюме
- Преимущество адаптивных сайтов в поиске Google: что нужно знать
- 9 крутых фреймворков в стиле Material Design которые нужно рассмотреть
- 4 способа для создания эффективной кнопки призывающей к действию
- 40+ свежайших полезных исходников для веб — разработчиков и дизайнеров за март 2015
Размещение кнопок по принципу F — модели
В данном случае практически сразу же отпадает вопрос о месте расположения кнопок социальных сетей на Вашем сайте.
Согласно анализу Nngroup о поведении пользователя на странице, посетители сканируют страницу в виде F образного рисунка. Таким образом посетитель начинает смотреть страницу с лева на право, логично, так как он читает текст, если конечно же контент Вашего сайта основан на статьях. Хотя модель чтения пользователя практически не отличается на всех типов сайтов.
После подобных выводов, как Вы думаете где самое удачное расположение будет для кнопок? Правильно в левом верхнем углу контента. Если Вы где нибудь видели подобное размещение социальных кнопок, то знайте, что это не зря. И я уверен, что на этих кнопка были впечатляющие показатели.
Подобный приём можно увидеть на сайте Wall Street Journal. Следует обратить внимание, что кнопки Вы заметите сразу же, и Вам не нужно будет их искать, если захотите поделиться данной статьёй с друзьями. Ну и конечно же, на счётчиках отличные показатели, явно это не просто так.
Простые и узнаваемые формы
Люди более охотно читают простые страницы, которые не не перегружены. И по этому для повышения вероятности использования кнопок посетителями, нужно сделать их более простыми.
Лучше всего использовать правильные формы, треугольники, круги, квадраты. В таком случае пользователь будет понимать, что социальные кнопки есть на сайте и ими можно будет воспользоваться.
Прежде всего, пользователь должен чётко понимать, какой именно социальной сети перед ним находится кнопка, вместе со своими отличительными параметрами и цветами. По этому:
- Кнопка от Facebook должна быть оригинального цвета;
- Кнопка от ВК так же должна быть оригинального цвета;
- Кнопка от Твиттер должна быть оригинального цвета и с хорошо видным логотипом;
Такие же правила касаются и других социальных кнопок.
Так же существует постоянное искушение сделать немного другие кнопки, поэкспериментировать. Конечно же можно и даже, нудно это делать, главное не перестараться. Может оказаться так, что посетитель просто не сможет найти и ли же понять что перед ним находится, и что с этим делать.
Для пример давайте посмотри на сайт blog.crazyegg.com, тут мы имеем совершенно оригинальные кнопки, которые обведены в рамку с небольшой тенью. Так же прошу заметить, что кнопки остаются на виду при прокрутке страницы, именно об этом давайте сейчас и поговорим.
Фиксированные кнопки
Естественно липкие кнопки социальных сетей, имеют ряд преимуществ, и эффект от них должен быть на много лучше, благодаря тому, что они всё время находятся на виду. Так же человек может моментально поделиться контентом с друзьями, что в свою очередь очень удобно.
Отличный этому пример сайт Marketingprofs. Кнопки у него липкие, к тому же находятся на нужном месте, в левом верхнем углу. По моему это самое удачное размещение кнопок социальных сете на сайте.
Социальные обмен
Не секрет, что социальные сети являются очень важной частью в популяризации Вашего сайта в просторах интернета. Тем более это привлечение новых посетителей и клиентов. Вот именно по этому веб — мастера пытаются сделать кнопки социальных медиа более заметными на своих страницах.
Экспериментируйте! Так же хотелось бы очень узнать Ваше мнение по этому поводу. Расскажите Ваши наблюдения о размещении кнопок на странице в комментариях!
