Entries tagged “facebook.”

The Uncanny Valley of Interaction Design

I had a blast speaking at this year’s CyborgCamp Portland. Many thanks to those who attended or tuned in to the livestream!

My slides are available, appropriately enough, on Slideshare.

Most of the videos I showed are available on YouTube. I’ve created a playlist for your convenience. Please note that some of the videos have strong language that I censored for my presentation. This playlist does not include the Eric Schmidt interview (viewable here), the Objectified clip (watch it on Netflix or buy it), the Human Giant sketch (it’s from season one), or Radiohead’s Idioteque performance on Saturday Night Live (because NBC kind of hates the internet).

This is arguably the most ambitious topic I’ve ever tackled. If you have any reactions, comments or criticism, please let me know in the comments or on Twitter!

Better Brizzly Social Icons

Now that the awesome Brizzly web app has integrated my revision of their 16-pixel icon, I’d be lying if I said I didn’t feel a responsibility to its continued iconographic success.

Sometime last week, the folks at Thing Labs debuted a nifty new navigation paradigm with the addition of service-specific tabs. My pal Calvin Ross Carl hepped me to their inclusion, and we both noticed two oddities in their implementation.

The Twitter and Facebook icons are being sized down to fit the height of the tab, resulting in some degradation of quality as the browser struggles to choose the right pixels to maintain or omit. Secondly, if Helvetica Neue is not installed, a CSS bug may cause a serif font family to display instead of a sans-serif.

Since my Ice Cream Social Icon Pack seemed visually harmonious with the revised bear, I decided to remedy both of these problems via a quick user script. The result is much more consistent with the rest of the Brizzly header:

Firefox users must install the Greasemonkey extension to use the script, Chrome users can install it like any other extension. It has been tested in Firefox 3.6, Chrome 5 and Opera 10.5 on a Windows 7 PC.

Install Better Brizzly Social Icons 1.1

1.1 Update: Fixed to work with the Picnic update, though no Picnic icon has been created… yet!

How I improved 4.379% of Brizzly’s home link

Brizzly is my favorite web-based Twitter application. Regular readers of this blog may remember my redesign of the service’s favicon for Peter Wooley’s Brizzly Favicon Alerts script for Greasemonkey.

Shortly after the script’s debut, I was contacted by the folks at Thing Labs (they make Brizzly) to talk about integrating my icon into the app.

A few months later, a new Brizzly interface debuted. Hidden in plain sight among the numerous UI and feature improvements, my 16 square pixels of glory perched unassumingly at the top of the page.

This is why I love the Internet. If you release a compelling product, you’ll inspire users to contribute ideas, feedback, or even design assets. Keep your ear to the ground, and you’ll swiftly reap the rewards.

Introducing Brizzly Favicon Alerts

Brizzly Twitter mascotI love the Internet as a collaboration tool. Earlier today I nabbed an invitation to Brizzly, a promising young Twitter and Facebook client with a clean, intuitive interface and a modest set of neat features. I dug the simplicity of the interface, with one exception; the favicon’s abrasive, jagged edges.

I invited my frequent co-conspirator Peter Wooley to the service. After a few messages between us, we went to work designing and implementing an alternate icon treatment with a special notification state to let you know when new messages are available, collaborating via Dropbox.

In short order, we completed the latest addition to the favicon alerts family of user scripts, Brizzly Favicon Alerts!

Brizzly Favicon Alerts (Before, After and Notification)

Used in combination with the Faviconize Tab extension, you can easily keeps tabs on new messages in Brizzly with less screen real estate than usual.

This feature is hard to enjoy if you aren’t a Brizzly user just yet. While invites aren’t as scarce as Google Wave, I’d be happy to provide one to the first five readers who comment on this post and sound off on how much you like (or dislike) the visual refresh.

Install Brizzly Favicon Alerts 1.0

Introducing the Ice Cream Social Icon Pack

This week’s web site redesign came with a set of custom-tailored social networking icons for easy sharing of articles and portfolio items. Inspired by Rogie King’s excellent social media network icon pack, I wondered if I, too, should unleash these little sixteen-pixel lovelies into the web design wilderness. With encouragement from Peter Wooley, Jim Gray and Vin Thomas, I’m doing just that!

ice_cream_social

The Ice Cream Social Icon Pack is a set of twenty 16 square pixel PNGs representing your favorite social networks, including Delicious, Digg, Facebook, Flickr, Google, Lala, Last.fm, LinkedIn, MySpace, NewsVine, Reddit, Stumble Upon, Technorati, Twitter, Vimeo, Virb and YouTube. Generic icons for feeds and email are also included.

Update: Ice Cream Social Icon Pack 1.1 is now available with even more icons.