UI Shopping with Pattern Tap

Pattern Tap

I’ve been separating out product- and UX-focused feeds from the tech business feeds in my feedreading. Great product feeds include Emily Chang’s eHub, Chris “factoryjoe” Messina’s Flickr feed of notable screenshots, Marshall Kirkpatrick’s custom meta-feed of app sources which includes the aforementioned feeds, Konigi, Dave Winer’s TechJunk and the venerable Signal vs. Noise.

But I think what I really wanted and just didn’t know it is Pattern Tap, which collects and categorizes screenshots of interesting interface elements and allows you to create sets of your favorites. It’s organized UI inspiration.

Back to Paper: Mind Maps and Sketch Notes

Before breaking out the wireframe sketches and paper prototypes, some back-to-paper web types get the juices flowing with mind maps and sketch notes. Then they blog about it.

Sketch notes by Mike Rohde
“UI porn”: notes by Mike Rohde

Mike Rohde is kind of the king of these. 37Signals recently posted his sketch notes from the Seed 3 conference and they’re a pleasure to read. He’s done the same for SXSW, VizThink workshops and other web watering holes. Collect them all.

Paul Downey's notes from the Future of Web Design 2008
“Print is the new web”: Paul Downey on the Future of Web Design

Paul Downey was inspired by Rohde to sketch-note FOWD London 2008, above. View the full size on Flickr and the sketch notes are even better with notes.

Austin Kleon maps Tufte
“Clutter is a result of design”: Austin Kleon maps Tufte

Austin Kleon creates mind maps of the books he reads when he’s not blacking out words in newspapers (for a book). Above, his takeaway from Edward Tufte’s Beautiful Evidence.

Lars Plougmann's notes on del.icio.us
“Not all metadata is tags”: notes on del.icio.us

As someone who keeps a filing cabinet full of old notebooks and sketchbooks organized by year and topic (if only I could tag them), I never tire of these web-head hand styles or their graffiti counterpart. But sometimes you need some mind-mapping software to get the job done. Lars Plougmann’s digitally rendered mind map above of Joshua Schachter’s 2006 Future of Web Apps talk contains a lot of relevant information. Check it out full size.

And if you don’t think any of this paper stuff is useful, consider Bill Westerman’s paper-based time management software. Or Adaptive Path’s sketchboard technique.

And We’re Back

Back up and running after a sudden barrage of generous linking from Joshua Schachter, Andy Baio, Jack Dorsey, Valleywag, Boing Boing, Daring Fireball, Download Squad, CNET’s Webware, UTNE Reader, Bub.blicio.us and other good folks.

Servers don’t hold up as well as paper.

Booksmooch

BookMooch

I mean BookMooch—have you tried it? It’s enough to send a book hoarder past the point of no return. You go and list the books you have that you no longer want and if they’re good ones, you’ll receive email alerts within minutes from people who have those same books on their wishlists and would love for you to send yours to them. Do that quickly and you’ll earn good feedback, which will build up points which allow you to acquire the books you want from other souls. No money is exchanged. It’s book wealth redistribution and it’s lovely.

There are other services like this, namely PaperBackSwap, but they feel more corporate. PaperBackSwap is gearing up to start charging, as they repeatedly tell you when you sign up, and rather than get out of the way of the book-love fest like BookMooch they seem bent on complicating things. First they pair you up with a veteran user who has volunteered to be your Tour Guide, which is a little awkward, then they introduce money into the equation—you can buy book-credits as well as “PBS Money,” which is used to pay for their branded delivery confirmation feature: a printable barcode scanned by the postal service for tracking purposes that ties into your PBS account and streamlines book-credit management. You can also buy printable postage with your PBS Money, or pay $8 for the privilege of exchanging boxes of books with someone (Box-o-Books™).

On the other hand, PaperBackSwap’s traffic is higher than that of BookMooch and they have more books available. They’re also out to become the Oprah of modern book exchange and could care less about the whiny book blogger demographic.

BookMooch is non-profit, has a bang-up API, hangs out with some great charities, plays well with LibraryThing and was created by John Buckman, Renaissance lutenist and founder of Magnatune among other good things. It’s also enabled some unexpected acquisitions like the early signed edition of a book by Thomas Flanagan (who shares my birthday and whose daughter‘s work is a good conversation starter on the internet). In sum: BookMooch good.

NNDB Mapper: Beyond Lists of Links

NNDB Mapper from the NNDB (Notable Names Database) is a sophisticated visualization tool for the people, and you can use it to uncover little-known connections between Pulitzer Prize-winning New Yorker contributors who have been parodied as Muppets and philosophers featured on the cover of Sgt. Pepper’s Lonely Hearts Club Band who have had asteroids named after them, then overlay their zodiac signs. Or see which big-name donors have contributed to the campaigns of both Obama and McCain. Fun stuff though I would love to be able to use this on top of other data sources.

See also: TheyRule, ExxonSecrets

Charticle Theory

FFFFOUND

Top interface tags on Datamob

Standards-based bar chart via Wilson Miner.

Recent blips: interactive Voronoi treemaps, basketball data visualizations, Watchdog.net.

Datamob-compliant APIs: MAPLight, GovTracker, AMEE, Project Vote Smart, Civic Footprint.

Coffee table: The Alphabet Abecedarium, Mashups, Miscellany.

New Project: Datamob

DatamobNEW on the internet tonight: a project I’ve been working on with Lauren Sperber, Datamob.org. Datamob grew out of an uncontainable enthusiasm on our part for projects that make innovative use of public data—sites like EveryBlock, MAPLight.org, OpenCongress, TheyWorkForYou and others. Jon Udell’s Interviews with Innovators podcast series, which often explores issues surrounding access to government data, is also largely to blame.

I always want to know where these sites get their data, and as I dug deeper I noticed that many of them pull from the same data sources. Open Secrets from the Center for Responsive Politics is an important data source—Follow the Oil Money, OpenCongress and MAPLight all tap into it in different ways. Datamob aims to highlight these connections and keep track of all the developer-friendly public data sources and corresponding interfaces. We’ve got feeds of everything (datasets, interfaces, resources, tags, comments, the whole ball of data) to help with that.

The site was built with Rails in coffee shops around New York City using Heroku, an amazing web-based, collaborative Rails development environment. Get the full WTF on the about page. We’re just getting started and there’s a lot more to come.

Glosses Through the Ages

“In getting my books, I have been always solicitous of an ample margin; this not so much through any love of the thing in itself, however agreeable, as for the facility it affords me of pencilling suggested thoughts, agreements, and differences of opinion, or brief critical comments in general. Where what I have to note is too much to be included within the narrow limits of a margin, I commit it to a slip of paper, and deposit it between the leaves; taking care to secure it by an imperceptible portion of gum tragacanth paste.”

Edgar Allan Poe, 1884

While I’m on the marginalia beat, let’s take a quick tour of glosses past and present.

Medieval pointers, from Flickr user ballpeen.

Italic notes in a copy of Cicero’s Rhetorica ad Herennium (On the Theory of Public Speaking), 1511.

Latin scrawlings in Antoine du Pinet’s pocket plant book, 1567.

Reading between the lines of Of the Laws of Ecclesiastical Politie by Richard Hooker, 1594.

“Very trew”: Virginia Impartially Examined by William Bullock, 1649.

Ulysses by James Joyce, from Flickr user cobra libre: “The first several chapters are scrupulously glossed, as on this page, and then… nothing. I can empathize.”

The Middle Years by Henry James, from Flickr user margolove.

Marginalia Web Annotation by Geoff Glass.

CommentPress by the Institute for the Future of the Book.

People have actually been trying to get annotation right on the web for over a decade—see Diigo, SharedCopy, A.nnotate, Trailfire, ShiftSpace (“an open source layer above any webpage” from NYU’s ITP) and many others. But the tool that comes closest to enabling the freeform marginalia of olde is the one that doesn’t try to at all: Twiddla. An all-out hit at the April NY Tech Meetup (and some web conference in Texas), Twiddla’s a completely web-based “team whiteboarding” app ideal for marking up and defacing web pages. Try it out in their sandbox.

For a detailed history of marginalia, check out this book by H. J. Jackson.