November 27, 2024

Facebook Announces Redesigned Mobile Friendly 'Like' Button

Posted June 28, 2016 at 5:17pm by iClarified · 12956 views
Facebook has revamped its Like button and other social plugin buttons with a cleaner mobile friendly design.

The Facebook Like button gets over 10 billion views each day. Currently, the Like and Share buttons use the Facebook 'f' logo but the company found that using a thumbs up icon increased engagement so the new button will replace the 'f' with the thumbs up icon.



Additionally, new versions of all Facebook's Social Plugin buttons are now available with the following improvements:

● Mobile-friendly: The original Like button was designed when mobile was in its early days. Over 30% of Like button impressions come from mobile devices, and we are releasing new button sizes so you can choose the best one for your site on desktop or mobile.

● Cleaner design: We modernized our entire suite of Social Plugin buttons with updated icons that better reflect the Facebook brand and provides a more engaging experience for people. The new design system will work across all our buttons, and includes color consistency, a flat button design, and Like and Share counts within the button for a cleaner, more refined visual style.

● Backwards compatible: The Like and Share buttons are embedded in millions of third-party sites, so we made sure that any changes we made worked with every configuration previously available. In this design process we did exhaustive testing with different languages and in the context of people's sites to ensure backwards compatibility and scalability.

● Instant Articles integration: In the coming weeks, Instant Articles publishers will be able to add Like, Comment, and Share buttons to the bottom of their Instant Articles, and interactions with these buttons will be included in aggregate Like and Share counts. If you have the Comments Plugin installed on your site, comments on a web article will sync the conversation with its Instant Article equivalent. If you have Comment Mirroring turned on for the Comments Plugin, comments from the article's post in News Feed will be synced with the web article and the Instant Article, creating a unified thread across all three surfaces.



Facebook has also announced new Share and Save Chrome Extensions that make it easy for people to save articles, videos, products, and other interesting items while browsing the web.

For any site that has already embedded a Like, Share, Send, Follow, Recommend, or Save button, no additional action is needed, and they will automatically get the updated design with no change in size. This update will be a gradual rollout, and people will start to see these changes over the coming weeks.