Redesigning the Save Icon and Rethinking Interaction Metaphors

Different save icons

Over at Branch.com, there’s a great discussion going on about Redesigning the Save Icon. A few interaction design experts are all weighing in on the topic. Some ideas are awesome, and some aren’t much better than what we have now. The reason for the discussion? My daughter is now two years old. She’ll never see a floppy disk in real life. Kids that were born in the late 90’s have probably never seen one either (or at least used one). Apple released an iMac in 1998 without a floppy disk. By 2007, only 2% of computers sold still contained a floppy drive.

Sure, even kids who’ve never seen a floppy disk know what the save icon is for. They understand that when you click it (or touch it… from now one, I’m just saying press it), your computer will save your work. But as we get further from the days when floppy disks were actually a thing, the association becomes weaker. That’s the issue with skeuomorphic icons, no matter what their purpose. Eventually those items are no longer relevant. That means boxes, folders, vices, zippers or file cabinets are not really viable alternatives to the floppy disk.

The other issue arises when it’s no longer your computer saving your work, or the entire save paradigm changes as we move more toward local AND cloud storage of all documents. Today, the idea of saving a static copy of a document is almost foreign. New versions of Word, Google Apps, and other productivity packages do a great job of offering a versioning environment much like git or other VCS. So the question is, does “save” still work when describing what that icon does? In my opinion, no, it doesn’t. Read More…

For A Good Time, Call Midwest PHP

A great group of people at Midwest PHP

 

So, I’m at Midwest PHP. That’s right. A front-end developer for a .NET shop at a conference filled to the brim with open-source developers, talk about Linux, and beards… so many beards. That being said, I’ve never met a group of people so kind, accepting, and open. They are a credit not only to the PHP community, but the developer community as a whole.

The talks have also been awesome. It’s been a nice collection of topic overviews that I’ve enjoyed learning from and being inspired by. I already have a long list of to-do’s that I’m taking back with me to both try and use, and we’re only half-way done. I’m really excited for day two.

Anyway, enough fawning over my new-found friends.  Let’s get to what you’re all hear for… slides. Here are my Rocking the Responsive Web Slides and the simple responsive demo. Steal them, use them, convince your boss and clients that responsive is the future AND the present. Do responsive, and make the web better. And if you’d leave me your feedback on joind.in, that would be great!

Need a place to start? Fork and contribute to Squeaky Clean, my fast and clean WordPress boilerplate. Even if you’re not a WordPress guy, the SASS file is a great place to start on your project.

Here are the slides for my second presentation, “Embrace Your Inner Designer.” I’m sorry they are so delayed. My brain decided it was a good idea to leave my laptop power cord somewhere other than in my bag.

Oh, if you use these slides to make something awesome, PLEASE put a link to it in the comments below. I love hearing about amazing new things.

UPDATE: If you missed my talks at Midwest PHP, or you want to watch them again, MJG Intl. was kind enough to host a meeting, “An Evening of Web Development,” during which I presented very similar (and very nervous) versions of my two talks. The videos are available on YouTube: Embrace Your Inner Designer and Rocking t he Responsive Web.