tantek.com

t

  1. 2013 was a good year for open web standards. Great working with W3C, WHATWG, @microformats, and #indieweb communities.

    on
  2. ran GG park, Ocean Beach & back.
    new Nike+ PRs
    10k/53:51, 13.1mi/1:57:02
    instagram.com/p/imOngDg9ba/ a jpg.

    on
  3. 10 mo ago @leahculver showed me Nike+. Pushed me to break, rebuild, break PRs. Going for last 2013 run. I am a #runner

    on
  4. Dear @LEGO_Group:
    From 9719 CDROM readme.txt: legomindstorms.com/help -> 404
    Perhaps redirect to lego.com/en-us/mindstorms/support/

    on
  5. @film_girl Thanks! Email checking is a tough habit to break. Will likely still open to reply to a few personal emails.

    on
  6. Made mistake of checking email while on holiday.
    Nearly all hollow marketing.
    Going to try an email break til 2014.

    on
  7. Call yourself a web architect?
    Where is *your* handcrafted home page?

    (per @fchimero's architect analogy)
    #indieweb

    on
  8. Monday morning #indieweb reads:
    * werd.io/2013/the-blog-might-be-dying-but-the-webs-about-to
    * frankchimero.com/blog/2013/12/homesteading-2014
    * kartikprabhu.com/article/blogging-dead

    on
  9. goodnight winter solstice.
    more than ready for longer days once again.

    on
  10. more mobile-friendly design tweaks
    * iframe{max-width:100%}
    * s/facebook.c/fb.c
    * view source Flickr URLs, use flic.kr

    on
  11. *Still* sore from #NovemberProjectSF PR day. Going to work it out @MissionCliffs walls tonight: fb.com/events/165237350353194

    on
  12. All setup for Homebrew Website Club Meeting simultaneously @MozSF @MozPDX on video!
    indiewebcamp.com/events/2013-12-18-homebrew-website-club
    Come on by!

    on
  13. @eleddy simply preferring social norms for txt, tweets, updates.
    @sheppy those "years" perhaps before FB, Twitter, etc

    on
  14. See also Winston Wolfe
    youtu.be/ANPsHKpti48?t=3m45s
    cc @sheppy @monstro @brennannovak
    "So, pretty please, with sugar on top"

    on
  15. Seriously, if you say:
    "wanted to send you a quick"
    You're
    1 lying
    2 deceiving yourself
    3 marketing
    4 or all the above

    on
  16. @sheppy wasting time, polluting email previews, pretending to be quick is not polite. Efficient work comms are polite.

    on
  17. @sheppy saying it makes it *less* quick.
    Starting with such fluff makes email previews useless.
    Just get to the point.

    on
  18. Would you ever start a txt with
    "I wanted to send you a quick note." ?
    Or a tweet? Why in email?
    New auto-delete rule.

    on
  19. @igb "* sucks" is a copout. My calendar my data, I should be able to accept/reject at will. gCal is dumb. #ownyourdata

    on
  20. Unsubscribing from more Twitter "See what you're missing" emails. Such crap silo UX will drive people to the #indieweb

    on
  21. Click "No" in a Gmail event:
    "Google Calendar invitations cannot be forwarded via email."
    No, gCal sucks at identity.

    on
  22. @lindsey indeed!
    @MozSF hosts community events weekly, e.g. Homebrew Website Club http://indiewebcamp.com/2013hwc3

    Unfortunately that NYT op/ed is crap and full of misleading prose.

    E.g. Starbucks in Hills Plaza closed in 2008:
    yelp.com/biz/starbucks-san-francisco-131

    Mozilla didn't move in until 2011:
    flic.kr/s/aHsjvudu4v

    The two events were unrelated in contrast to the op/ed's implication.

    The question is, is this innocent mischaracterization on the part of the author, or willful deception to push a particular agenda?

    on
  23. researching cards. Why so few providers?
    55 Google Now google.com/landing/now/integrations.html
    38 Apple Passbook itunes.com/passbookapps

    on
  24. XFN 10th Anniversary

    on

    Ten years ago to the day, on 2003-12-15, Eric Meyer, Matthew Mullenweg and I launched XFN 1.0:

    I'm frankly quite pleased that all three of us have managed to keep those post permalinks working for 10 years, and in Matt's case, across a domain redirect as well (in stark contrast to all the sharecropped silo deaths since).

    Since then, numerous implementations and sites deployed XFN, many of which survive to this day (both aforelinked URLs are wiki pages, and thus could likely use some updates!).

    Thanks to deployment and use in WordPress, despite the decline of blogrolls, XFN remains the most used distributed (cross-site) social network "format" (as much as a handful of rel values can be called a format).

    With successes we've also seen rises and falls, such as the amazing Google Social Graph API which indexed and allowed you to quickly query XFN links across the web, which Google subsequently shut down.

    A couple of lessons I think we've learned since:

    1. Simply using rel="contact" (introduced in v1.1) turned out to be easier and used far more than all of the other granular person-to-person relationship values.
    2. The most useful XFN building block has turned out to be rel="me" (also introduced in v1.1), first for RelMeAuth, and now for the growing IndieAuth delegated single-sign-on protocol.

    Iterations and additions to XFN have been slow but steadily developed on the XFN brainstorming page on the microformats wiki. Most recently the work on fans and followers has been stable now for a couple of years, and thus being used experimentally (as XFN 1.0 started itself), awaiting more experience and implementation adoption.

    • rel="follower" - a link to someone who is a follower
    • rel="following" - a link to someone who you are following

    With the work in the IndieWebCamp community advancing steadily to include the notion of having an "Indie Reader" built into your own personal site, I expect we'll be seeing more publishing and use of follower/following in the coming year.

    These days a lot of the latest cutting edge work in designing, developing and publishing independent web sites that work directly peer-to-peer is happening in the IndieWebCamp community, so if you have some experience with XFN you'd like to share, or use-cases for how you want to use XFN on your own site, I recommend you join the #IndieWebCamp IRC channel on Freenode.

    Consider also stopping by the upcoming Homebrew Website Club meeting(s) this Wednesday at 18:30, simultaneously in San Francisco, and Portland.

    Either way, I'm still a bit amazed pieces of a simple proposal on an independent website 10 years ago are still in active use today. I look forward to hearing others' stories and experiences with XFN and how we might improve it in the next 10 years.

    on
  25. 1995: every program expands to read email -@jwz
    2013: mobile apps expand to send photo messages
    #instagram #twitter

    on
  26. last Homebrew Website Club meeting of the year:
    Wednesday 2013-12-18 18:30 @MozSF & @MozPDX
    indiewebcamp.com/events/2013-12-18-homebrew-website-club

    on
  27. Wonderful @KevinMarks talk @LeWeb:
    "The Web We Found" youtu.be/Ve48PjgDAn0
    Slides: slides.kevinmarks.com/leweb.html
    #indieweb

    on
  28. nothing like having a respected peer look quizzically upon your site in person. updated it with a bit of responsive d.

    on
  29. on "independently writing and publishing on the web" by @zeldman: "This is a Website" zeldman.com/2013/12/11/this-is-a-website/ #indieweb

    on
  30. My 4th #NovemberProject this morn. 2nd hardest (next to PR-day, my first time). 7.5k total run there/back at <5:30/km.

    on
  31. French translation of “Toward People Focused Mobile Communication Experience” by @xtof_fr christopheducamp.com/w/Experience-communication-mobile-orientee-utilisateurs
    Thanks!

    on
  32. #indieweb "backfeed" is reverse syndicating silo replies to POSSE copies. E.g. on @snarfed_org: http://snarfed.org/2013-12-06_new-app-engine-logo#comments

    on
  33. Robert O'Callahan describes how #WebRTC could improve people focused mobile comms even more: robert.ocallahan.org/2013/12/webrtc-and-people-oriented.html

    on
  34. Why NOT to sync iOS apps to iCloud: Ability to revert updates

    on

    When I recently updated to Checkie for Foursquare v2.5 on my iPod 5 Touch, it started crashing on launch. Tried restarting my iPod to no avail. So I reverted it to the previous version by doing the following:

    1. delete Checkie App on my iPod (touch-hold Checkie icon, wiggly icons, touch (x) on the Checkie icon, confirm delete dialog box)
    2. connect iPod to MacBook Air
    3. open iTunes
    4. select iPod in left column
    5. choose the "Apps" tab
    6. scroll to "Checkie for Foursquare" - note it is [ ] unchecked
    7. check [x] Checkie for Foursquare
    8. click "Apply" in the lower right corner of the iTunes window

    Presto, the previous version of the app from the last time I sync'd/backed up to iTunes is back on my iPod Touch.

    If I had been auto-syncing my apps with iCloud, then all my devices would have updated to the latest version of Checkie and the previous version would either be lost - or a huge hassle to retrieve from a previous backup (if iTunes even kept more than one backup of it).

    If you're syncing directly with iTunes on your laptop, you can revert to the previous version there. You may even be able to revert to even older versions, see this blog post with lots of screenshots for details.

    iOS native app developers seem to screw up apps in plenty of ways frequently enough that it's perfectly reasonable to take matters into your own hands as the user and revert such apps when developers screw up.

    How do native app developers screw up? Let me count the ways:

    1. update crashes on launch
    2. removal of a feature essential to usability or you really liked
    3. making an existing feature take more steps
    4. addition of visual noise (design cheese, 1+1=3, chartjunk etc.)
    5. less efficient use of screen space

    None of these are theoretical. All of these have happened. The first with Checkie, and unfortunately all of 2-5 have happened with the Foursquare app.

    Everybody makes mistakes of course. We're not trying to build the perfect system.

    When software screws up, we should empower users with the agency to work around it. #fightfortheusers

    Previously

    on
  35. web++: iOS home screen web icons auto-update when you tap them.
    no need to go an "App Store" app & explicitly update.

    on
  36. considering new mobile home page header icons folders search:
    (face) [Contact] [Create & Meet] [Elsewhere]
                                           [               ] (Search)

    on
  37. Toward A People Focused Mobile Communication Experience

    on

    Focus-enhancing note: all in-line hyperlink citations[number] are listed in the References footer of this post. You may procrastinate clicking them until the end for a more in-flow reading experience.

    Smart and dumber

    Remember when phones were dumb and people were smart?

    While smart phones become smarter, their push notification interruptions fuel a mobile dopamine[1] addiction[2] that's making us dumber[3].

    App focus and notification distractions

    These devices and their app store interfaces have also trained us to install, organize, and curate ever more mobile "apps" on our home screens. Thanks to designers' obsession over attention, retention, returning eye-balls, and need to compete with all those other apps, they ever more aggressively demand our attention.

    Their push notifications insist that they're more important than anything else we could possibly be doing. We miss things right in front of us, or we overreact, overmute, and miss important things. Not things. People.

    Virtual notifications distract us from real people.

    This is a broader systemic design problem beyond smart phones: Hospitals look to reduce danger of 'alarm fatigue'[4].

    Take a moment to recover your focus after skimming or bookmarking those links.

    App centric interfaces cause dopamine fueled distraction

    Right now we have screenfuls of apps to communicate and interact with people online. Screenfuls like:

    screenshot of an iPod touch home screen with two rows of communication application icons

    The problems with this current state of the mobile interface:

    1. Person A wants to communicate with person B
    2. Person A has to pick (absent B's context!) a communication app
    3. Person A launches the specific app
    4. The app immediately shows Person A:
      • Missed calls from others!
      • Unread count of new messages!
      • Actual new messages from others!

    Every one of those exclamation points (!) is a dopamine squirt (you probably got a little one even just reading about it happening).

    Consequence: Person A is distracted by the missed calls, unread counts, new messages beckoning their attention - ooh someone reached out to me! I better check if that's important before I communicate with, who was it I was going to communicate with?

    Worse yet: the dopamine reinforces this distraction based behavior, turning it into a habit of reacting and losing our context, rather than acting and keeping our flow.

    What if we focused on people first?

    What if our mobile devices focused on people first and apps second?

    Remember when they used to? When you looked up a person first, and decided to txt, call, or email them second?

    What if we put people first in our mobile interfaces, before choosing an app to interact?

    Could we grow a culture of adding icons of each other to our home screens instead of application intermediaries?

    What if we organized screenfuls of icons of people that matter to us rather than apps that distract us?

    If we could organize screenfuls of icons of people, what would it look like?

    screenshot of an iPod touch home screen with two rows of people icons

    An interface with a bunch of faces[5] certainly feels a lot more human.

    How do we organize screenfuls of icons of people?

    The above is an actual screenshot. The answer, today, is to go to their personal sites, tap the action icon (or choose add bookmark), and then "Add to Home Screen".

    Yes, this is why you should make sure your personal site has an icon of you that people can add to their home screen.

    Why would someone want an icon of you on their home screen?

    In short, human-focused rather than app-focused communication.

    • You want to catch up on someone's site (recent writings, activities) just before meeting up with them in person.
    • You miss someone and are wondering what they're up to.
    • Communicating with a person - person first, method second:
      • if they happen to have sms: mailto: tel: etc. links on their home page, then their home page becomes the way you can contact them.
      • Your home page becomes your communication protocol.
    • callee-preferred comm apps icon UI
      • What if you provided icons for each of those yourself as if they were apps, e.g. in a pane on your home page?
      • Like a Contact folder that when tapped would open up a row of icons of the ways you could be contacted, maybe even in your order of preference!

    Would it be too disruptive to the mobile experience and ecosystem to focus on people rather than apps?

    User experience flow

    How would a person use this?

    • Go to someone's domain, e.g. tap their icon from home screen
    • See their personal home page which with methods of contact as a list or icons in the order that they prefer to be contacted.
    • Go across and down that list until you see something you can (and want) to use to communicate, and tap/click it.
    • The browser takes you to a website or "native" app to open the communication channel / new message.

    Thus after tapping the person you want to communicate with, just one more tap to open a new IM, email, or audio/video call.

    Note that there was no distraction by unread IM/email or new activity counts beckoning your attention away from your desire to communicate with a specific person.

    UX flow with identification

    By identifying yourself to the personal site, the site can provide progressive enhancement of communication options:

    • Go to someone's domain, e.g. tap their icon from home screen
    • Identify yourself to the site (e.g. with IndieAuth, or perhaps your device/browser automatically detects IndieAuth and identifies you if you've been to the site before)
    • Now their personal site provides more (or possibly fewer!) communication options based on who you are.
    • Again pick the first method of communication you see that you want to use
    • You're again routed to either a website or "native" app to start communicating.

    Thus after going to someone's personal site, with one tap you can perhaps SMS Facetime or Skype as well.

    Context Enabled Presence

    Someone's personal site could even do presence detection (some personal sites already show live IM presence status), and show/hide communication options in accordance with their apparent availability. E.g. some combination based on determining if they are:

    • Asleep?
    • In an area with poor network reception?
    • In a meeting (or noisy location)?
    • Or otherwise pre-occupied?
    • Running or otherwise in motion
    • Have IM/Skype client open (for more than 10 minutes)

    Then their site could enable/disable various things by either hiding or disabling (dimming or greyscaling) the respective icons for:

    • realtime interactive audio/video (AKA "phone" calls)
    • IM busy/idle/away/active status

    User-friendly privacy: such context-based selection should be seamless enough and yet coarse enough that you cannot necessarily determine from the (un)availability of various methods of communication, what their actual context (asleep, busy, in motion etc.) is.

    Solving the "Can we talk" problem

    Perhaps this is the solution to the "Can we talk?"[7] problem.

    Nevermind all this "what should I ..."

    Domains (or proxies thereof) work as identity.

    Just share domain names when you meet, add their icon to your home screen and you're done.

    Or even share Twitter handles (purely as a quicker-easier-to-say discovery mechanism for domain names), add their icon and you're done.

    The rest is automatically handled when you tap their icon.

    How do you make this work on your site?

    How do you make this work for when someone taps an icon to your site?

    By adding this to your personal site:

    • aim:, mailto:, etc. hyperlinks (add rel=me to them)
    • platform familiar icons and grid layout (combining elements of adaptive and responsive design)
    • IndieAuth support - to allow visitors to identify themselves
    • Conditionally show more (or fewer) hyperlinks based on whitelists, i.e. check their identity against a whitelist or two and then provide e.g. sms:, facetime:, skype: (callto:?) links.

    Optionally have your site passively (or in response) check your meeting schedule, your Foursquare location, perhaps even native app specific presence (e.g. IM), and cache/show/hide links accordingly.

    Who has done this?

    Nobody so far - this is a user experience brainstorm.

    Can we do this?

    Yes. Some communication protocols are supported in today's mobile operating systems / browsers:

    iOS Mobile Safari[8][9]
    facetime, mailto, skype, sms, tel
    Android[10]
    tel
    Firefox OS Browser[11]
    mailto, sms, tel

    I couldn't easily find specific references for protocol support in Android Chrome and Firefox for Android browsers. My guess is that the various mobile browsers likely support more communication protocols than the above (and the reference documents) claim. It's probably worth some testing to expand the above lists.

    Even maps.apple.com/?q= links are supported on iOS[8] (and "geo:" links on Android[10]) as a way to launch the native maps app - perhaps a person could for some identified visitors have a geo/maplink that showed exactly (or roughly) where the person was if and when they chose to.

    There's a whole wiki page of URL protocols supported on iOS and iOS apps[12] and here's a blog post providing clickable examples of Special links: phone calls, sms, e-mails, iPhone and Android apps,...[13] (ht: Ryan Barrett for both). Both are quite useful, especially for instant messaging / telephony protocols. However keep in mind that it may be better to use mobile web app URLs where possible instead of app-specific protocols, e.g.:

    Because the mobile web URL is more robust, platform/device independent, and never mind that the twitter: protocol[12] lacks a way to open messages (or a new message) to a specific person.

    In addition, I feel I can better depend on DNS to go to twitter.com as intended, whereas it seems like it could be easier for a malevolent native app to hijack "twitter:" URLs by claiming to handle them.

    What next?

    Next, it's time to try prototyping this on our personal sites and mobile devices to see if we can make it work and how the interaction feels.

    If this kind of out-of-the-app-box thinking and personal site focused hackery appeals to you, try it out yourself, and come on by tonight's Homebrew Website Club meeting and show what you got working!

    See analysis towards building this:

    Previously

    Previous posts and notes related to focus (distraction) and specifically to human interface design and processes to improve (reduce) respectively.

    References

    In order of appearance:

    1. Psychology Today: Why We're All Addicted to Texts, Twitter and Google
    2. Computerworld: Nerd, interrupted: Inside a smartphone addiction treatment center
    3. Mashable: How is Facebook Addiction Affecting Our Minds?
    4. SFGate: Hospitals look to reduce danger of 'alarm fatigue'
    5. IndieWebCamp: icon FAQ: Should you use a photo of your face
    6. Event Homebrew Website Club Meeting
    7. WIRED: Can We Talk?
    8. accessed: Apple: Apple URL Scheme Reference
    9. Max Firtman: How to create click-to-call links for mobile browsers
    10. accessed: Google: Intents List: Invoking Google Applications on Android Devices
    11. accessed: Mozilla: Bug 805282 - MailtoProtocolHandler.js, SmsProtocolHandler.js and TelProtocolHandler.js in package-manifest.in
    12. accessed: Akosma Software: wiki page of URL protocols supported on iOS and iOS apps
    13. Adrian Ber: Special links: phone calls, sms, e-mails, iPhone and Android apps, …

    Additional Reading

    Elsewhere

    Translations

    Comments

    1. Robert O'Callahan: WebRTC And People-Oriented Communications
    2. David Shanske: Unified and Contextual Communications
    on
  38. @jlsuttles, @aaronpk updated the @IndieWebCamp site with an icon for any page, including indiewebcamp.com/icon :)

    on
  39. next Homebrew Website Club mtg Wed 18:30 @MozSF & @EsriPDX!
    indiewebcamp.com/events/2013-12-04-homebrew-website-club
    Previously:
    tantek.com/2013/332/b1/homebrew-website-club-newsletter

    on
  40. @getify *That*, Kyle, is the right question.
    Communication. Human-centric over app-centric.
    More in a blog post.

    on
  41. Got a personal site? Make sure it has an icon people can add to their home screen. How to & why indiewebcamp.com/icon

    on