reply-context-examples

From IndieWeb
Jump to: navigation, search

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

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:

A reply on Aaron Parecki’s site stating “It worked …” with a grey background box above it showing the post it is replying to in a slightly smaller font size

reply to a deleted note

multireplies

IndieWeb examples of displaying a reply to multiple other posts

Barnaby Walters

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

Tantek

Tantek Çelik 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

Multi-reply to four tweets:

In-stream reply-contexts on tantek.com since 2018-05-02.

  • (screenshots needed / before & after)

Ben Werdmuller

Ben Werdmüller 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

Kartik Prabhu

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

gRegor Morrill as of 2015-12-26, reply context shows the author photo, author name, author URL, original post link, and plaintext content. Examples:

Previously: 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

Greg

Greg displays photos in reply contexts, from https://unrelenting.technology/replies/2017-01-06-17-05-01

unrelenting-technology-photo-reply-context.png

capjamesg

capjamesg displays the following pieces of information in reply context boxes (when such information is available to retrieve):

  • Article title
  • Author (fallback to domain on which content was published)
  • Article description
  • Author icon

James' Micropub client first aims to retrieve this information using h-entry and h-card markup. If this markup is not available, the client will aim to extract the information above (excluding author icon) using another method.

james reply context.png

Jacky

Jacky Alciné uses Koype which attempts to capture as much information about the remote URL that can be used for a reply context as such but not limited to:

It happens first using native MF2 parsing, failing that sending the URL through pipes and if that doesn't work, building a "synthetic" representation of the MF2 from things like <title>, <meta name="description"> and <link rel="author">.

Jamie Tanna

  Jamie Tanna uses a mix of pipes services to retrieve a Microformats2 cite of a post, which is then stored in his site, and used to render the reply context.

For instance:

- context for a Twitter interaction https://www.jvt.me/mf2/2022/03/b9kel/ - context using OpenGraph https://www.jvt.me/mf2/2022/03/6baq0/ - context using Microformats2 https://www.jvt.me/mf2/2022/03/k2e5x/

Past Examples

Past IndieWeb examples where the permalinks either no longer work or no longer display the reply post.

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

Bret

Bret.io used to show reply contexts 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

(link appears to 404 as of 2022)

Kyle Mahan

Kyle Mahan used Red Wind to show reply contexts on kylewm.com replies to others' notes since 2014-10-16 (needs permalink and preferably earlier/earliest example):

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

And photo reply contexts on replies to others' photos since (at least?) 2014-05-07:

(kylewm.com permalinks 404 as of 2022)


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 profile page

2018-03-03: On profile pages, when you choose Tweets & Replies, the replies show a minimal reply-context in-stream:

2018-03-03-twitter-in-stream-reply-context.png

Twitter home page

Twitter's home page shows in-stream reply-contexts.

As of 2018-03-05 or earlier:

Example of a retweet of a reply (possibly the only time you see replies in-stream on Twitter home stream)

2018-twitter-home-timeline-reply-context.png

Note all the info packed into this display:

  • who retweeted
  • reply author and dt-published
  • reply-context
  • reply content
  • link-preview
  • reply/retweet/like webactions with counts

Quote of a reply tweet example:

2018-twitter-home-timeline-quote-tweet-reply-context.png

Note the reply-context is inside the quoted box along with the rest of the quoted reply.


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