• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

I Like Kill Nerds

The blog of Australian Front End / Aurelia Javascript Developer & brewing aficionado Dwayne Charrington // Aurelia.io Core Team member.

  • Home
  • Aurelia 2
  • Aurelia 1
  • About
  • Aurelia 2 Consulting/Freelance Work

UX: Where Is The Best Place To Put Social Media Buttons?

UX · September 12, 2014

As a front-ender developer I am often tasked with helping solve user interface and accessibility issues in liaison with designers. Headings, body copy and even image placement is a pretty tried and tested thing, however where do you put the social buttons?

  • Do you put them above your content headings?
  • Do you put them below your content headings?
  • Do you put them at the end of your content?
  • Do you put them in the middle of your content?

There are some rules of thumb you should abide by when deciding where to place social media buttons:

  • Only ever put social media buttons on pages and content that someone would share. Would putting a Facebook like button on this contact page actually make any sense? Ask yourself reasonably: would I share this on my Facebook stream?
  • Only add in the social buttons that matter. If you have too many, it’ll look spammy and desperate like using the AddThis widget. Not that many and you’ll run the risk of someone not being able to easily share your article. Stick to the major choices like; Twitter, Facebook and Email.
  • ALWAYS put your social media buttons at the end of the content and never anywhere else. Who in their right mind would share an article they haven’t read yet? I’ve seen social media buttons added beneath the headings of news posts and articles and it makes no sense.
  • It is acceptable to put social media buttons into a sidebar, but only where needed and makes sense. Think logically, you most likely want the social media buttons attached to the content, not beside it.

Dwayne

Leave a Reply Cancel reply

0 Comments
Inline Feedbacks
View all comments

Primary Sidebar

Popular

  • Testing Event Listeners In Jest (Without Using A Library)
  • How To Get The Hash of A File In Node.js
  • Web 3.0 may have died before it even started
  • Smoke Detector Randomly Goes Off Early Hours of The Morning
  • NBN Box Installed Inside of Garage, Where Do You Put The Modem?
  • How to Copy Files Using the Copy Webpack Plugin (without copying the entire folder structure)
  • How To Install Eufy Security Cameras Without Drilling or Using Screws
  • How To Calculate A Javascript Date X Months Ago With Vanilla Javascript
  • How to Use Neural DSP Archetype Plugins With the Quad Cortex
  • Which Neural DSP Archetype Plugins Should You Buy?

Recent Comments

  • Casey Milne on A List of WordPress Gutenberg Core Blocks
  • Jay on Neural DSP Reveal Details About the Long-Awaited Quad Cortex Desktop Editor
  • john on Deno Raises $21M – but is anyone using it yet?
  • Oranges on How To Store Users In Firestore Using Firebase Authentication
  • Precious on Fixing Sequel Pro SQL Encoding Error For Imported SQL Files

Copyright © 2022 · Dwayne Charrington · Log in

wpDiscuz