• 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

  • I Joined Truth Social Using a VPN and Editing Some HTML to Bypass the Phone Verification
  • Testing Event Listeners In Jest (Without Using A Library)
  • How To Get The Hash of A File In Node.js
  • Thoughts on the Flipper Zero
  • Waiting for an Element to Exist With JavaScript
  • How To Paginate An Array In Javascript
  • How To Mock uuid In Jest
  • How To Decompile And Compile Android APK's On A Mac Using Apktool
  • How To Get Last 4 Digits of A Credit Card Number in Javascript
  • Wild Natural Deodorant Review

Recent Comments

  • CJ on Microsoft Modern Wireless Headset Review
  • Dwayne on Microsoft Modern Wireless Headset Review
  • CJ on Microsoft Modern Wireless Headset Review
  • john on Microsoft Modern Wireless Headset Review
  • Dwayne on Why You Should Be Using globalThis Instead of Window In Your Javascript Code

Copyright © 2023 · Dwayne Charrington · Log in

wpDiscuz