IndieWebCamp is a 2-day creator camp focused on growing the independent web

reply-context-examples

Contents

reply context examples are real-world examples of reply-contexts on both indieweb sites and silos, how they are presented, their visual design, UI, etc.

Add Examples

Please add examples!

If you support reply-contexts on your site, please take a screenshot of a particularly good example (the nicer looking the better, though any example is good), upload it to the wiki, and add a subsection for yourself in the "IndieWeb Examples" section below.

If you see a nice reply-context design on a silo, take a screenshot of it, upload it, and document it in the Silo Examples section. It's ok to document multiple examples per silo as sometimes they change their UI over time and it's helpful to see what design iterations they've gone through.

Indieweb Examples

Aaron Parecki

Aaron Parecki uses p3k which shows reply-contexts for replies on aaronparecki.com:

reply to a note

Reply context with original post text (auto-linked), dt-published (linked to original post permalink), author name/photo/URL:

example-reply-showing-context-aaronpk.png

reply to a deleted note

multireplies

IndieWeb examples of displaying a reply to multiple other posts

Barnaby Walters

On waterpigs.co.uk:

Reply context with original post text (@-names auto-linked), dt-published (displayed as relative time, and linked to original post permalink), author name/photo (both linked to author URL)

waterpigs-notes-1424.png

Sandeep Shetty

On sandeep.io:

Reply context with original post text (using the site-wide consistent blockquote convention for quoting external content), author name (linked to author URL) and link to original post permalink. I used to also show dt-published and author photo (similar to this like-context: http://indiewebcamp.com/File:sandeep.io-like-example.png) but redesigned it to emphasize content.

converspace-reply-context.png

Tantek

On tantek.com: example reply context with original post permalink displayed and linked:

example-reply-showing-url-context-tantek.png

Example on tantek.com of a of displaying a reply to multiple other posts example-multi-reply-showing-url-context-tantek.png

Reply to four:

Ben Werdmuller

Example on werd.io, using idno's reply context presentation:

Reply context is shown with a "reply" arrow/icon, followed with the text "Replied to a post on ", then the domain of the original post, e.g. "bret.io", and finally a colon ":", where "a post on {domain}:" is hyperlinked to the URL of the original post. This feature was introduced on June 24, 2013.

Screen Shot 2013-07-23 at 3.10.29 PM.png

Multiple reply contexts are also possible: idno multiple reply contexts.png

Bret.io

Reply context is shown with a "reply" arrow/icon, followed with the text "Replied to a post on ", then the domain of the original post, e.g. "werd.io", and finally a colon ":", where "a post on {domain}:" is hyperlinked to the URL of the original post.

This reply context presentation was modeled after idno as a way to get something working quickly. Still very much in development.

brert.png

Kartik Prabhu

(as of 2014-04-30) Reply context shows a "In reply to" caption followed by a list of hyperlinked urls of the original post.

KP-reply-context.jpg

gRegor Morrill

As of 2014-06-25, reply context shows "In reply to a [post on domain]," with "post on domain" being a link to the original post.

Example from http://gregorlove.com/notes/2014/06/26/1/

gregorlove-reply-context-2014-07-31.png

Kyle Mahan

Kyle Mahan uses Red Wind to show reply contexts on https://kylewm.com

kylewm-reply-context-2014-10-16.png

Brainstorming

reply to a photo

Mockup by Aaron Parecki of how a reply-context in-reply-to a photo post could show a thumbnail of that photo:

example-reply-to-photo-showing-context.png

Silo Examples

Twitter home page

2013-08-29 Update: As of today Twitter in-stream reply-contexts have gone live:


Starting 2013-06-03 (and ending sometime before 2013-07-23) it appears that Twitter (for some subset of users) was showing reply contexts for @-replies even when the replies are displayed *inline* in a stream!

twitter-home-in-stream-reply-context.png

If the tweet being replied to is itself a reply to another tweet that is the start of the thread, all three are shown:

From 2013-06-03..2013-06-05: twitter-home-in-stream-reply-context-tweets.png

As of 2013-06-06 (and ending sometime before 2013-07-23) there was a vertical ellipsis and a "View conversation" link that goes to the permalink of the tweet of the start of the thread: twitter-home-in-stream-reply-context-tweets-2013-157.png
"View conversation" - live copy of hyperlink in screenshots example.

Twitter collapses a longer threaded reply-context down to the start of the thread, a "View n more tweets" link, the tweet that's being replied to, and finally, the @-reply itself:

twitter-home-in-stream-reply-context-thread.png

"View 3 more tweets" goes to the permalink of the start of the thread, it does not expand it in-place. Seems like reasonable behavior.

As of 2013-05-27, Twitter is using this reply context UI within email notifications spam:

twitter-email-reply-context.png

  • I find the constant flips in the directionality of time on twitter.com confusing. First swapping from feed -> permalink page, now there are mini reversed feeds *within* the main feed — is it just me or is it not always obvious (especially in long conversations) which direction the conversation is moving in? --Waterpigs.co.uk 09:22, 5 June 2013 (PDT)
    • There is definitely a context-switch that happens. Not as jarring to me but consistency would be good. --Kartik Prabhu 23:30, 30 April 2014 (CDT)

See Also