Социальные кнопки для сайта

Миллиарды людей сейчас зарегистрированы на Facebook, а также Twitter, Pinterest и других услугах. Социальный маркетинг стал неотъемлемой частью стратегии большинства компаний. Социальные кнопки дают компаниям большие возможности, чтобы привлечь их наиболее социально активных потребителей. Но для дизайнеров есть правильный путь для реализации социальных кнопок на своем сайте.

Вот некоторые из важных вещей, которые нужно знать:

1. Сделайте их так, чтобы было просто увидеть. Люди не будут искать социальные кнопки на вашем сайте, поэтому не скрывайте их. Поместите в наиболее очевидное место на странице, а затем проверьте свои макеты у друзей и коллег, чтобы выяснить, все ли доступно и ясно.
2. Сделайте их легко узнаваемыми. Ваши социальные кнопки должны быть узнаваемыми, как интерактивный элемент. Другими словами, чем больше вы поменяете дизайн кнопки, тем сложнее будет понять, что это за социальная сеть.В любом случае нужно сделать их видимыми по возможности, можно задать им хорошо видимый размер или привлечь внимание цветом и дизайном.
3. Попробуйте добавить текст. Можете добавить текст с призывом —  «Следуйте за нами на Twitter» это не будет лишним. Но нужно принимать во внимание контекст и тип пользователей вашего сайта. Минимальный подход к проектированию может не всегда быть признанным, поэтому нужно рассматривать, извлекут ли Ваши посетители выгоду из этой дополнительной подсказки.
4. Сделать их правильного размера. Создание ваших социальных кнопок правильного размера не должно быть Вашим последним соображением — продиктованное пространством, которое Вы оставили самостоятельно в Вашем проекте. Меньшие кнопки будут менее навязчивыми, но есть точка, в которой активное пространство становится неуклюжим на планшете. Создание одинакового размера социальных больших кнопок может, конечно, привлечь к вниманию посетителя, но если они слишком большие, то становятся навязчивыми и почти не располагающими для пользователя. Обратите внимание на то, что у Apple есть четкие инструкции для кнопок на основе удобного размера ответвления 44×44. 05. Сохраните стиль непротиворечивым.Skeuomorphism — проект интерфейсных элементов, для того чтобы они выглядели и работали как их реальные дубликаты – это является горячей темой. Но скошенные кнопки были вокруг в течение многих лет и являются знакомым интерфейсным элементом. Скошенные кнопки, или более графический подход, является главным решением для вида вашего сайта.
5. Используйте соответствующие цвета. Познакомьтесь со стандартным брендингом социальной платформы, попытайтесь разработать и понять, что делает его узнаваемым всем. Безопаснее всего будет использование собственного цвета для вашей социальной кнопки. Любая другая комбинация цвета, вероятно, будет путать гостей в функциях кнопки.
6. Боритесь с желанием перестроить. Может возникнуть соблазн приукрасить или переработать дизайн Twitter птицы на кнопке. Но вы должны не поддаваться искушению, чтобы разбавить власть этого мгновенно узнаваемого мирового бренда (то же самое касается и других социальных брендов, таких как Facebook и LinkedIn). Как и в предыдущем пункте, мы не говорим, что вы никогда не должны делать это — просто, на вас будет большая ответственность, чтобы создать не только красивую и оригинальную кнопку, но еще она должна быть не навязчивой и легко узнаваемой.
7. Как много кнопок? При рассмотрении, сколько социальных кнопок включить, есть также очевидная проблема. Если вы включаете много иконок социальных сетей, они могут создать атмосферу непорядка на сайте и сделать его слишком перегруженным.
8. Дизайн с интерактивностью. Подумайте о том, как социальные кнопки будут работать. Будут ли они частью страницы, или будут сидеть как статические изображения в верхней или нижней части сообщения, открытом новом окне и т.д. Может быть, щелчком или нажатием одной кнопки будет живой ряд социальных иконок, или они будут изменены или слегка увеличиваться при наведении курсора мыши.