rsvp-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
(→‎Examples: Added StatusNet)
(→‎Facebook: 2016 RSVP buttons update, private vs public events have different RSVP buttons)
 
(8 intermediate revisions by 3 users not shown)
Line 9: Line 9:
== Examples ==
== Examples ==
=== Facebook ===
=== Facebook ===
==== 2016 RSVP buttons update ====
Sometimes in 2016 (confirmed as of 2016-05-28), Facebook updated the RSVP related buttons on event posts (on their permalinks, in lists, link-previews, etc.)
It looks like the split is public vs. private
(screenshots would be nice but here's some text equivalent wireframes)
E.g.
Public event you were invited to:
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    Kyle Mahan invited you to this public event
nail}      [ Interested ][ Going ][ Ignore ]
</source>
Private event you were invited to by the host:
<source lang=text>
Aug        Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
thumb-    Shadowy Leader invited you to their private event
nail}      [ Going ][ Maybe ][ Can't Go ]
</source>
Or even private events others invited you to:
<source lang=text>
Aug        Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
thumb-    Shadowy Apprentice invited you to Shadowy Leader's private event
nail}      [ Going ][ Maybe ][ Can't Go ]
</source>
Private-to-a-group event you were invited to:
<source lang=text>
Aug        Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
thumb-    Shadowy Leader invited you an event for Silo Webapp Syndicate
nail}      [ Going ][ Maybe ][ Can't Go ]
</source>
Similar to 2015 RSVP buttons below, once you choose an option, it turns into a drop down menu with that option chosen, and the other options in the menu.
* Exception: "Ignore" becomes "Not Interested"
And there is an [✉️ Invite] button (instead of drop down) next to the drop down menu, UNLESS it is for a private event that only the host/admins can invite people to (then no invite button).
No sign of "Saved" events any more.
==== 2015 RSVP buttons update ====
Sometime in late 2015-07 (confirmed as of 2015-07-31), Facebook updated the RSVP related buttons on event posts (on their permalinks, in lists, link-previews, etc.)
(screenshots would be nice but here's some text equivalent wireframes)
E.g. on events in a list of events like on facebook.com/events
Event you were invited to:
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    Kyle Mahan invited you to this event
nail}      [ + Going ][ Maybe ][ Can't Go ]
</source>
Event you saved (yes that's a thing)
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    You saved this event
nail}      [ + Join ][ Invite v ]
</source>
Event you've RSVP'd yes to:
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    Kyle Mahan invited you to this event
nail}      [ Going ‡ ][ Invite v ]
</source>
Event you've RSVP'd maybe to:
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    Kyle Mahan invited you to this event
nail}      [ Maybe ‡ ][ Invite v ]
</source>
Event you've RSVP'd no to:
<source lang=text>
Aug        Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
thumb-    Kyle Mahan invited you to this event
nail}      [ Can't Go ‡ ][ Invite v ]
</source>
If the event itself is "Private" (whatever FB means by that), then there's no <code style="whitespace:nowrap">[ Invite v ]</code> button/dropdown.
Where:
* "v" is a drop down menu indicator
* "‡" is a double-sided up/down arrow pop-up menu indicator
==== Event Page RSVP ====
On Event pages, there are a mix of post types, including comments and RSVP posts.
On Event pages, there are a mix of post types, including comments and RSVP posts.


Line 19: Line 135:
</source>
</source>


Representative screenshot:
http://farm9.staticflickr.com/8119/8700135812_02cde28b04_o.png
http://farm9.staticflickr.com/8119/8700135812_02cde28b04_o.png


==== Profile RSVP ====
In the past, when you selected "Going" for an event, Facebook, would add a brief mini-post on your profile and newsfeed saying:
In the past, when you selected "Going" for an event, Facebook, would add a brief mini-post on your profile and newsfeed saying:


* "so-and-so is going to such-and-such event"
* "so-and-so is going to such-and-such event"
''Profile RSVP post screenshot needed.''
==== News feed RSVP ====
In your news feed (aggregate feed) of what your friends are saying/doing, when one of them RSVPs, you see an RSVP post from them accordingly:
http://indiewebcamp.com/images/b/b8/fb-event-rsvp-in-news-feed-screenshot_2013-05-07_19.02.10.png
With:
* attendee (photo, name, both linked to profile)
* RSVP status ("is going to")
* link to event post
* nested event post with:
** photo
** name (also linked)
** start date and time
** location (including venue, city/locality, state/region)
** icons of other attendees (seven, likely most recent other RSVPs)
** number of attendees
** "Join" link (posts an RSVP to the event)
* web actions: "like", "comment", "share"
* time of RSVP
** hyperlinked to permalink of RSVP post
* location when RSVP posted (little globe icon)


And when more than one of your friends said they were going, you'd see a post of the form:
And when more than one of your friends said they were going, you'd see a post of the form:
Line 29: Line 171:
* "so-and-so are going to such-and-such event"
* "so-and-so are going to such-and-such event"


Screenshots needed.
''Multiple friends attending screenshot needed.''


==== Sidebar Ticker ====
RSVPs also appear in the sidebar ticker.
RSVPs also appear in the sidebar ticker.


Line 38: Line 181:
When logged in, you see a feed in the right column of RSVP posts of friends going to events.
When logged in, you see a feed in the right column of RSVP posts of friends going to events.


Text of example RSVP post needed.
<source lang="text">
(image) Tantek Çelik is joining for IndieWeb Meetup
1 week, 5 days ago
</source>


Screenshots needed.
http://farm9.staticflickr.com/8259/8700169126_229d01e6c0_o.png


=== StatusNet ===
=== StatusNet ===
Line 52: Line 198:
Event UI:
Event UI:


http://photos.waterpigs.co.uk/photo/tk/create/b664e/870x550.jpg
http://photos.waterpigs.co.uk/photos/original/201305/Screen-shot-2013-05-01-at-20.11.58-5181779847692.png
 
=== RSVPs with +1 ===
Some event sites allow attendees to add a +1 or +n along with their own RSVP.
 
<table width="100%">
<tr>
<td width="50%"><b>Sites that support +1</b></td>
<td width="50%"><b>Sites that don't support +1</b></td>
</tr>
<tr>
<td>
* [[Eventbrite]]
* [[Meetup.com]]
</td>
<td>
* [[Facebook]]
* [[Google+]]
</td>
</tr>
</table>
 


== See Also ==
== See Also ==

Latest revision as of 18:22, 28 May 2016

This article is a stub. You can help the microformats.org wiki by expanding it.

This is part of an effort to define an rsvp microformat for marking up rsvp notes posted on independent sites about or in-reply-to an event post. Per the microformats process:

Examples

Facebook

2016 RSVP buttons update

Sometimes in 2016 (confirmed as of 2016-05-28), Facebook updated the RSVP related buttons on event posts (on their permalinks, in lists, link-previews, etc.)

It looks like the split is public vs. private

(screenshots would be nice but here's some text equivalent wireframes)

E.g. Public event you were invited to:

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     Kyle Mahan invited you to this public event
 nail}      [ Interested ][ Going ][ Ignore ]


Private event you were invited to by the host:

Aug         Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
 thumb-     Shadowy Leader invited you to their private event
 nail}      [ Going ][ Maybe ][ Can't Go ]

Or even private events others invited you to:

Aug         Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
 thumb-     Shadowy Apprentice invited you to Shadowy Leader's private event
 nail}      [ Going ][ Maybe ][ Can't Go ]

Private-to-a-group event you were invited to:

Aug         Silo Webapp Bizdev
12          Wednesday, August 12 at 5:30pm
{image      Usual Secret Location, San Francisco, California
 thumb-     Shadowy Leader invited you an event for Silo Webapp Syndicate
 nail}      [ Going ][ Maybe ][ Can't Go ]

Similar to 2015 RSVP buttons below, once you choose an option, it turns into a drop down menu with that option chosen, and the other options in the menu.

  • Exception: "Ignore" becomes "Not Interested"

And there is an [✉️ Invite] button (instead of drop down) next to the drop down menu, UNLESS it is for a private event that only the host/admins can invite people to (then no invite button).

No sign of "Saved" events any more.

2015 RSVP buttons update

Sometime in late 2015-07 (confirmed as of 2015-07-31), Facebook updated the RSVP related buttons on event posts (on their permalinks, in lists, link-previews, etc.)

(screenshots would be nice but here's some text equivalent wireframes)

E.g. on events in a list of events like on facebook.com/events


Event you were invited to:

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     Kyle Mahan invited you to this event
 nail}      [ + Going ][ Maybe ][ Can't Go ]


Event you saved (yes that's a thing)

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     You saved this event
 nail}      [ + Join ][ Invite v ]


Event you've RSVP'd yes to:

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     Kyle Mahan invited you to this event
 nail}      [ Going ‡ ][ Invite v ]


Event you've RSVP'd maybe to:

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     Kyle Mahan invited you to this event
 nail}      [ Maybe ‡ ][ Invite v ]


Event you've RSVP'd no to:

Aug         Homebrew Website Club
12          Wednesday, August 12 at 5:30pm
{image      Mozilla SF, San Francisco, California
 thumb-     Kyle Mahan invited you to this event
 nail}      [ Can't Go ‡ ][ Invite v ]


If the event itself is "Private" (whatever FB means by that), then there's no [ Invite v ] button/dropdown.

Where:

  • "v" is a drop down menu indicator
  • "‡" is a double-sided up/down arrow pop-up menu indicator

Event Page RSVP

On Event pages, there are a mix of post types, including comments and RSVP posts.

E.g. from a recent microformats meetup:

(image) Jessica Lynn Suttles is going.
(Like) · (Comment) · (Follow Post) · February 27 at 2:01pm

Representative screenshot: 8700135812_02cde28b04_o.png

Profile RSVP

In the past, when you selected "Going" for an event, Facebook, would add a brief mini-post on your profile and newsfeed saying:

  • "so-and-so is going to such-and-such event"

Profile RSVP post screenshot needed.

News feed RSVP

In your news feed (aggregate feed) of what your friends are saying/doing, when one of them RSVPs, you see an RSVP post from them accordingly:

fb-event-rsvp-in-news-feed-screenshot_2013-05-07_19.02.10.png

With:

  • attendee (photo, name, both linked to profile)
  • RSVP status ("is going to")
  • link to event post
  • nested event post with:
    • photo
    • name (also linked)
    • start date and time
    • location (including venue, city/locality, state/region)
    • icons of other attendees (seven, likely most recent other RSVPs)
    • number of attendees
    • "Join" link (posts an RSVP to the event)
  • web actions: "like", "comment", "share"
  • time of RSVP
    • hyperlinked to permalink of RSVP post
  • location when RSVP posted (little globe icon)

And when more than one of your friends said they were going, you'd see a post of the form:

  • "so-and-so are going to such-and-such event"

Multiple friends attending screenshot needed.

Sidebar Ticker

RSVPs also appear in the sidebar ticker.

8699005171_61be9eaae8_o.png

Plancast

When logged in, you see a feed in the right column of RSVP posts of friends going to events.

(image) Tantek Çelik is joining for IndieWeb Meetup
1 week, 5 days ago

8700169126_229d01e6c0_o.png

StatusNet

When logged in, you are given the option to create a new event. This can be made private or public, and is marked up using hCal. When viewed the option to attend is presented, which can be cancelled.

The avatars of some (TODO: how many?) people marked as going/not going/maybe are shown.

Event creation UI photo

Event UI:

Screen-shot-2013-05-01-at-20.11.58-5181779847692.png

RSVPs with +1

Some event sites allow attendees to add a +1 or +n along with their own RSVP.

Sites that support +1 Sites that don't support +1


See Also