👓 The Worst Design Of 2016 Was Also The Most Effective | FastCo Design

Read The Worst Design Of 2016 Was Also The Most Effective (Fast Company)
Trump’s “Make America Great Again” hat was pervasive, potent, and deeply misunderstood.

👓 The worst design of 2016 was also the most effective | Duncan Stephen

Read a post (Duncan Stephen)

The worst design of 2016 was also the most effective — Diana Budds, Fast Company

Why Donald Trump’s Make America Great Again hat, was a wildly successful design, despite being reviled by gatekeepers of good-taste design.

The “undesigned” hat represented this everyman sensibility, while Hillary [Clinton]’s high-design branding — which was disciplined, systematic, and well-executed — embodied the establishment narrative that Trump railed against and that Middle America felt had failed them. “The DIY nature of the hat embodies the wares of a ‘self-made man’ and intentionally distances itself from well-established and unassailable high-design brand systems of Hillary and Obama,” Young says. “Tasteful design becomes suspect… The trucker cap is as American as apple pie and baseball.”

This reminds me of the story that the most “tasteful” office spaces are less productive. When given a clean-looking office cubicle, people fill it with garden gnomes.

I don’t agree with the article’s premise that this challenges the idea of design thinking. Surely it means that Hillary Clinton’s designers simply didn’t do a good enough job at it (because nice typefaces ≠ design thinking).

But this does provide a challenge to the received wisdom of what good design is, and whether tasteful design is desirable.

📺 Innovate Pasadena – Chuck Chugumlung | YouTube

Watched Innovate Pasadena - Chuck Chugumlung from YouTube

Innovate Pasadena President Beth Kuchar interviews Chuck Chugumlung - Art Center alumnus, creative director and co-organizer of IP's Friday Coffee and Design X meetups.

Hat tip Chuck Chugumlung. He’d mentioned this to me a while back, but glad to finally have some time to catch it. Chuck is definitely doing some interesting work both in and for Pasadena.

👓 Roll-up roll-up: indoor bowls | Economist Espresso

Read Roll-up roll-up: indoor bowls (Economist Espresso)
The eyes of the world probably won’t be on the Norfolk village of Hopton-on-Sea this week.

The idea about stadium design here is an interesting and important one. 

📅 RSVP An Introduction to Microformats: November 7, 2018

RSVPed Unable to Attend An Introduction to Microformats: November 7, 2018
PayLease – San Diego, CA
I'll be giving a talk about microformats at the SDPHP meetup group. Learn about microformats(.org), a simple way to markup structural information in your HTML. I will walk through how to publish microformats, how they are parsed, and some compelling use-cases for both publishers and consumers. For more information and RSVP, visit the meetup.com event page.
Add to calendar

I wish I could attend this talk by gRegor this week. If you’re a web developer or designer in the San Diego area, I highly recommend you attend as there aren’t many people who could speak on this important topic as well as he can.

🔖 Open Design Kit: A toolkit for designing with distributed collaborators | Bocoup

Bookmarked Open Design Kit: A toolkit for designing with distributed collaborators by Jess KleinJess Klein (bocoup.com)

Today, we are pleased to announce Open Design Kit – a collection of remixable methods designed to support creativity and problem solving within the context of the agile and distributed 21st century workplace. We are creating this kit to share the techniques we use within our open design practice at Bocoup and teach to collaborators so they can identify and address design opportunities. As of the publication of this post, the kit can be accessed in a GitHub repository and it contains a dozen methods developed by fifteen contributors – designers, educators, developers from in and outside of Bocoup.

Design literacy needs to be constantly developed and improved throughout the software and product development industry. Designers must constantly level up their skillsets with lifelong learning. Engineers often need to learn how to collaborate and incorporate new practices into their workflow to successfully support the integration of design.

Clients and stakeholders are repeatedly challenged by the fact that design is a verb that needs constant attention and not a noun that is handed off.

To address this, Bocoup is openly compiling a suite of learning materials, methods, and systems to help our staff, clients, colleagues, and community better understand how we design and when to roll up their sleeves and get in on the action. It is our hope that this exploration will be useful for other companies and individuals to incorporate into their practice.

📺 IndieWebCamp NYC 2018 Jess Klein Keynote | YouTube

Watched IndieWebCamp NYC 2018 Keynote: Designing for participation in open spaces by Jess Klein from YouTube

Catching up on the last of the keynotes that I missed a few weeks back from IWC-NYC. Now I’ll have to spend some time going through the materials Jess highlighted…

👓 Just a Thought: Design for Selfishness | Powazek

Read Just a Thought: Design for Selfishness by Derek Powazek (powazek.com )
In 1996, Paulina Borsook wrote a story that, frankly, really pissed me off. In "Cyberselfish," published in Mother Jones and eventually turned into a book, she wrote about how new have-it-your-way technology was creating a generation of spoiled brats with computers. I took umbrage. Not only was I a proud member of the generation she was lambasting (a generation that is now oldschool on the internet, for whatever that's worth), but I had personally observed just the opposite. I witnessed people using new digital tools to collaborate. I saw more selflessness and altruism online than off.

Highlights, Quotes, Annotations, & Marginalia

I think the internet’s core message can be summed up in one word: Share.  

An early reference to the sharing economy?
October 04, 2018 at 09:08AM

The last thing most people need is another microphone. They need something to say. (And time to say it.)  

Interesting to hear this from 2006 and looking back now…
October 04, 2018 at 09:12AM

Designing for selfishness does not mean abandoning the group good.  

October 04, 2018 at 09:14AM

Except that the aggregate selfish behavior of millions of people tagging billions of photos means that the public tag pages make entertaining surfing for everyone.  

Reading this reminds me of some of Brad Enslen and Kicks Condor‘s conversations about discovery on the net.

How can one leverage selfish behaviour to the benefit of all?
October 04, 2018 at 09:15AM

👓 Twitter’s redesigning its website, and it’s really, really white | Mashable

Read Twitter's redesigning its website, and it's really, really white (Mashable)
Twitter's new website is on the way.

👓 Paving the cowpaths: using architecture concepts to improve online user experience | Elezea

Read Paving the cowpaths: using architecture concepts to improve online user experience by Rian Van Der MerweRian Van Der Merwe (Elezea)
In architecture desire lines or cowpaths describe well-worn paths that appear in a landscape over time. I discuss how this relates to web design.

This is interesting/relevant to the idea of “manual until it hurts”. I particularly like the twist idea at the end of looking at activity after-the-fact and then paving over those methods rather than starting at free range and then paving.

Reply to Sara Soueidan about front end development feeds

Replied to a tweet by Sara SoueidanSara Soueidan (Twitter)

I tinker on my own website and frequently write about IndieWeb related technologies because the web is my social media platform. The feed you might appreciate most is https://boffosocko.com/category/indieweb/feed/.

I have feeds for nearly every tag/category or post type on my site for convenience (just add /feed/ to almost anything). You could subscribe to my firehose feed, but I suspect even my mother would tire of it quickly.

I’m curious if you have OPML files or similar bundles of feeds you follow that are shareable or subscribe-able?

Over 1 million Webmentions can’t be wrong. Join the next revolution in web communication. Add the Webmentions standard to your website to solve the biggest communications problem on today’s internet and add rich context to your content.

https://alistapart.com/article/webmentions-enabling-better-communication-on-the-internet

My post on A List Apart is up!

Webmentions: Enabling Better Communication on the Internet

Editor’s note: This is a copy of an article that was originally published on A List Apart.

Over 1 million Webmentions will have been sent across the internet since the specification was made a full Recommendation by the W3C—the standards body that guides the direction of the web—in early January 2017. That number is rising rapidly, and in the last few weeks I’ve seen a growing volume of chatter on social media and the blogosphere about these new “mentions” and the people implementing them.

So what are Webmentions and why should we care?

While the technical specification published by the W3C may seem incomprehensible to most, it’s actually a straightforward and extremely useful concept with a relatively simple implementation. Webmentions help to break down some of the artificial walls being built within the internet and so help create a more open and decentralized web. There is also an expanding list of major web platforms already supporting Webmentions either natively or with easy-to-use plugins (more on this later).

Put simply, Webmention is a (now) standardized protocol that enables one website address (URL) to notify another website address that the former contains a reference to the latter. It also allows the latter to verify the authenticity of the reference and include its own corresponding reference in a reciprocal way. In order to understand what a big step forward this is, a little history is needed.

The rise of @mentions

By now most people are familiar with the ubiquitous use of the “@” symbol in front of a username, which originated on Twitter and became known as @mentions and @replies (read “at mentions” and “at replies”). For the vast majority, this is the way that one user communicates with other users on the platform, and over the past decade these @mentions, with their corresponding notification to the receiver, have become a relatively standard way of communicating on the internet.

Tweet from Wiz Khalifa: 'I been smashed the idea of that album even existing. I got joints to roll @kanyewest'Tweet from Wiz Khalifa

Many other services also use this type of internal notification to indicate to other users that they have been referenced directly or tagged in a post or photograph. Facebook allows it, so does Instagram. Google+ has a variant that uses + instead of @, and even the long-form article platform Medium, whose founder Ev Williams also co-founded Twitter, quickly joined the @mentions party.

The biggest communications problem on the internet

If you use Twitter, your friend Alice only uses Facebook, your friend Bob only uses his blog on WordPress, and your pal Chuck is over on Medium, it’s impossible for any one of you to @mention another. You’re all on different and competing platforms, none of which interoperate to send these mentions or notifications of them. The only way to communicate in this way is if you all join the same social media platforms, resulting in the average person being signed up to multiple services just to stay in touch with all their friends and acquaintances.

Given the issues of privacy and identity protection, different use cases, the burden of additional usernames and passwords, and the time involved, many people don’t want to do this. Possibly worst of all, your personal identity on the internet can end up fragmented like a Horcrux across multiple websites over which you have little, if any, control.

Imagine if AT&T customers could only speak to other AT&T customers and needed a separate phone, account, and phone number to speak to friends and family on Verizon. And still another to talk to friends on Sprint or T-Mobile. The massive benefit of the telephone system is that if you have a telephone and service (from any one of hundreds or even thousands of providers worldwide), you can potentially reach anyone else using the network. Surely, with a basic architecture based on simple standards, links, and interconnections, the same should apply to the internet?

The solution? Enter Webmentions!

As mentioned earlier, Webmentions allow notifications between web addresses. If both sites are set up to send and receive them, the system works like this:

  1. Alice has a website where she writes an article about her rocket engine hobby.
  2. Bob has his own website where he writes a reply to Alice’s article. Within his reply, Bob includes the permalink URL of Alice’s article.
  3. When Bob publishes his reply, his publishing software automatically notifies Alice’s server that her post has been linked to by the URL of Bob’s reply.
  4. Alice’s publishing software verifies that Bob’s post actually contains a link to her post and then (optionally) includes information about Bob’s post on her site; for example, displaying it as a comment.

A Webmention is simply an @mention that works from one website to another!

If she chooses, Alice can include the full text of Bob’s reply—along with his name, photo, and his article’s URL (presuming he’s made these available)—as a comment on her original post. Any new readers of Alice’s article can then see Bob’s reply underneath it. Each can carry on a full conversation from their own websites and in both cases display (if they wish) the full context and content.

Diagram showing comments sections on two different websites, carrying on a single conversation Using Webmentions, both sides can carry on a conversation where each is able to own a copy of the content and provide richer context.

User behaviors with Webmentions are a little different than they are with @mentions on Twitter and the like in that they work between websites in addition to within a particular website. They enable authors (of both the original content and the responses) to own the content, allowing them to keep a record on the web page where it originated, whether that’s a website they own or the third-party platform from which they chose to send it.

Interaction examples with Webmention

Webmentions certainly aren’t limited to creating or displaying “traditional” comments or replies. With the use of simple semantic microformats classes and a variety of parsers written in numerous languages, one can explicitly post bookmarks, likes, favorites, RSVPs, check-ins, listens, follows, reads, reviews, issues, edits, and even purchases. The result? Richer connections and interactions with other content on the web and a genuine two-way conversation instead of a mass of unidirectional links. We’ll take a look at some examples, but you can find more on the IndieWeb wiki page for Webmention alongside some other useful resources.

Marginalia

With Webmention support, one could architect a site to allow inline marginalia and highlighting similar to Medium.com’s relatively well-known functionality. With the clever use of URL fragments, which are well supported in major browsers, there are already examples of people who use Webmentions to display word-, sentence-, or paragraph-level marginalia on their sites. After all, aren’t inline annotations just a more targeted version of comments?

Screenshot of an article with a response off to the side An inline annotation on the post “Hey Ev, what about mentions?,” in which Medium began to roll out their @mention functionality.

Reads

As another example, and something that could profoundly impact the online news business, I might post a link on my website indicating I’ve read a particular article on, say, The New York Times. My site sends a “read” Webmention to the article, where a facepile or counter showing the number of read Webmentions received could be implemented. Because of the simplified two-way link between the two web pages, there is now auditable proof of interaction with the content. This could similarly work with microinteractions such as likes, favorites, bookmarks, and reposts, resulting in a clearer representation of the particular types of interaction a piece of content has received. Compared to an array of nebulous social media mini-badges that provide only basic counters, this is a potentially more valuable indicator of a post’s popularity, reach, and ultimate impact.

Listens

Building on the idea of using reads, one could extend Webmentions to the podcasting or online music sectors. Many platforms are reasonably good at providing download numbers for podcasts, but it is far more difficult to track the number of actual listens. This can have a profound effect on the advertising market that supports many podcasts. People can post about what they’re actively listening to (either on their personal websites or via podcast apps that could report the percentage of the episode listened to) and send “listen” Webmentions to pages for podcasts or other audio content. These could then be aggregated for demographics on the back end or even shown on the particular episode’s page as social proof of the podcast’s popularity.

For additional fun, podcasters or musicians might use Webmentions in conjunction with media fragments and audio or video content to add timecode-specific, inline comments to audio/video players to create an open standards version of SoundCloud-like annotations and commenting.

Screenshot of a Soundcloud audio file with little icons scatter about the timeline SoundCloud allows users to insert inline comments that dovetail with specific portions of audio.

Reviews

Websites selling products or services could also accept review-based Webmentions that include star-based ratings scales as well as written comments with photos, audio, or even video. Because Webmentions are a two-way protocol, the reverse link to the original provides an auditable path to the reviewer and the opportunity to assess how trustworthy their review may be. Of course, third-party trusted sites might also accept these reviews, so that the receiving sites can’t easily cherry-pick only positive reviews for display. And because the Webmention specification includes the functionality for editing or deletion, the original author has the option to update or remove their reviews at any time.

Getting started with Webmentions

Extant platforms with support

While the specification has only recently become a broad recommendation for use on the internet, there are already an actively growing number of content management systems (CMSs) and platforms that support Webmentions, either natively or with plugins. The simplest option, requiring almost no work, is a relatively new and excellent social media service called Micro.blog, which handles Webmentions out of the box. CMSs like Known and Perch also have Webmention functionality built in. Download and set up the open source software and you’re ready to go.

If you’re working with WordPress, there’s a simple Webmention plugin that will allow you to begin using Webmentions—just download and activate it. (For additional functionality when displaying Webmentions, there’s also the recommended Semantic Linkbacks plugin.) Other CMSs like Drupal, ProcessWire, Elgg, Nucleus CMS, Craft, Django, and Kirby also have plugins that support the standard. A wide variety of static site generators, like Hugo and Jekyll, have solutions for Webmention technology as well. More are certainly coming.

If you can compose basic HTML on your website, Aaron Parecki has written an excellent primer on “Sending Your First Webmention from Scratch.”

A weak form of Webmention support can be bootstrapped for Tumblr, WordPress.com, Blogger, and Medium with help from the free Bridgy service, but the user interface and display would obviously be better if they were supported fully and natively.

As a last resort, if you’re using Tumblr, WordPress.com, Wix, Squarespace, Ghost, Joomla, Magento, or any of the other systems without Webmention, file tickets asking them to support the standard. It only takes a few days of work for a reasonably experienced developer to build support, and it substantially improves the value of the platform for its users. It also makes them first-class decentralized internet citizens.

Webmentions for developers

If you’re a developer or a company able to hire a developer, it is relatively straightforward to build Webmentions into your CMS or project, even potentially open-sourcing the solution as a plugin for others. For anyone familiar with the old specifications for pingback or trackback, you can think of Webmentions as a major iteration of those systems, but with easier implementation and testing, improved performance and display capabilities, and decreased spam vulnerabilities. Because the specification supports editing and deleting Webmentions, it provides individuals with more direct control of their data, which is important in light of new laws like GDPR.

In addition to reading the specification, as mentioned previously, there are multiple open source implementations already written in a variety of languages that you can use directly, or as examples. There are also a test suite and pre-built services like Webmention.io, Telegraph, mention-tech, and webmention.herokuapp.com that can be quickly leveraged.

Maybe your company allows employees to spend 20% of their time on non-specific projects, as Google does. If so, I’d encourage you to take the opportunity to fbuild Webmentions support for one or more platforms—let’s spread the love and democratize communication on the web as fast as we can!

And if you already have a major social platform but don’t want to completely open up to sending and receiving Webmentions, consider using Webmention functionality as a simple post API. I could easily see services like Twitter, Mastodon, or Google+ supporting the receiving of Webmentions, combined with a simple parsing mechanism to allow Webmention senders to publish syndicated content on their platform. There are already several services like IndieNews, with Hacker News-like functionality, that allow posting to them via Webmention.

If you have problems or questions, I’d recommend joining the IndieWeb chat room online via IRC, web interface, Slack, or Matrix to gain access to further hints, pointers, and resources for implementing a particular Webmention solution.

The expansion of Webmentions

The big question many will now have is Will the traditional social media walled gardens like Facebook, Twitter, Instagram, and the like support the Webmention specification?

At present, they don’t, and many may never do so. After all, locking you into their services is enabling them to leverage your content and your interactions to generate income. However, I suspect that if one of the major social platforms enabled sending/receiving Webmentions, it would dramatically disrupt the entire social space.

In the meantime, if your site already has Webmentions enabled, then congratulations on joining the next revolution in web communication! Just make sure you advertise the fact by using a button or badge. You can download a copy here.

About the Author

Source: Webmentions: Enabling Better Communication on the Internet · An A List Apart Article