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

communication


communication in the context of the indieweb refers to using your personal website as a starting point and potentially way for people to communicate with you.

Contents

How

Start with:

  1. Add an icon to your personal site so that others can add your site to their home screens on their devices.
  2. Put an h-card on your home page with links to ways you want to be contacted, in your preference order.
  3. Provide easily recognizable / clickable icons for each link to a way to contact you.

Why

See:

IndieWeb Examples

IndieWeb community members doing this

Ben Werdmuller

Ben Werdmuller uses icons to link to a small handful of ways to reach him on his werd.io homepage.

Projects

Lets Talk

Let's Talk is a userscript that renders h-cards in a standard format. When you go to someone’s web site, Let’s Talk shows you at a glance how to contact them and which methods they prefer. See https://snarfed.org/2014-03-10_lets-talk-userscript for more details.

Brainstorming

Mockups

iOS7 home page

Here are some mockups for how you could present a top level bar of communication, collaboration, and other options that feel familiar to an iOS7 iPhone/iPod user:

mobile-personal-home-icons-folders-ios7.jpg
2013-346-tantek-home-posts.jpg


Contact expanded

When a viewer taps the Contact icon folder it expands as follows, and then the viewer can tap the mode of messaging/communicating they want to use to contact me which immediately opens a new message (txt, FB Messenger, G+ Hangouts, AIM IM), or starts a new call (FaceTime, Skype), or Twitter new direct message window. Directly to communicating - bypassing all comm app home page / activity distractors.

The one change I'd make from these mockups are some of the labels. All of the labels should be verbs, not nouns, indicating the action the user wants to take and thus reinforcing their intention.

E.g. "Messages" should be "txt message", "Messenger" should be "FB message", "Hangouts" should be "GTalk", and the rest seem to read fine as verbs.

mobile-personal-home-contact-ios7.jpg
2013-346-tantek-home-posts.jpg


iOS6 mockups

Original prototypes done in iOS6, probably not worth implementing, but may contain interesting UI ideas nonetheless:

mobile-personal-home-icons-folders-mockup.jpg
2013-346-tantek-home-posts.jpg


Contact expanded

The one change I'd make from these mockups are some of the labels. All of the labels should be verbs, not nouns, indicating the action the user wants to take and thus reinforcing their intention.

E.g. "Messages" should be "txt message", "Messenger" should be "FB message", "Hangouts" should be "GTalk", and the rest seem to read fine as verbs.

mobile-personal-home-contact.jpg
2013-346-tantek-home-posts.jpg


Additional Use Cases

Authentication

When communicating from one indieweb user to another, how do you authenticate that the person you are communicating with is actually the person you think it is? This applies to messaging in general.

(This use-case is a stub and should be expanded)

Articles

Articles on some of the challenges of person-based communication:

Articles about researching and solving personal / indieweb based communication:

See Also