facepile

From IndieWeb
Jump to: navigation, search

A Facepile is a way of showing interactions for a page/site by using profile pictures. It is a design element popularized by Facebook.

Contents

Description

It consists of a row or rows of profile photos of individuals who have all completed a webaction involving the current page/site. For example, who have all liked, mentioned, favorited, RSVPed, etc.

IndieWeb Examples

Examples of IndieWeb sites using Facepiles.

Aaron Parecki

Aaron Parecki has displayed a facepile for likes and retweets since Feburary 2014.

2014-aaronpk-facepile-example.png

Will Norris

Will Norris since 2014-03-09. E.g. https://willnorris.com/2014/03/display-likes-in-a-facepile

Kyle Mahan

Kyle Mahan since 2014-03-13. Screenshot:
kwm-facepile-2014-04-30.png

David Shanske

David Shanske... since 2014-04-26.
facepile david-shanske-com.png

Kartik Prabhu

User:kartikprabhu.com... since 2014-??-??.
facepile kartikprabhu com.png

Pelle Wessman

Pelle Wessman since 2014-12-30 using a new experimental embed from his WebMention service webmention.herokuapp.com.

Sebastiaan Andeweg

Sebastiaan Andeweg uses facepiles to show likes, reposts and bookmarks for his post. For events, he also uses a facepile to show RSVPs.

Likes, reposts and bookmarks are mixed into one pile, but the text above the pile only counts the likes. When there are reposts/bookmarks but no likes, the title will say 'Reposts en bookmarks'.

seblog-facepile-likes.jpg

RSVPs are displayed with an icon indicating 'yes', 'no', 'maybe' or 'interested'. Only the 'yes' value is in color.

seblog-facepile-rsvp.jpg

Chris Aldrich

Chris Aldrich began using facepiles on his WordPress site on 2017-10-06 utilizing the new functionality of v3.5.0 of the Semantic Linkbacks plugin. Further details and images are documented here.

Silo Examples

Facebook

facebook-facepile.png

Twitter

As of November 2014, Twitter displays its Facepile as a count of the different types of actions, and a Facepile of the individuals who took action at all.

Twitter-FacePile16NOV14.png

Personal tools
Namespaces
Variants
Actions
Recent & Upcoming
Resources
Toolbox