CAMERON MOLL: [Talking about his uncle, a computer novice.] He bought one of those early iMacs and that was his first computing experience. He brought me over one day. He asked me to come fix something on his computer. I don't remember what it was, but I said, sure, let me see what I can do.
CAMERON MOLL: So I sat down with him. This is essentially what his Finder looked like. Now, he'd never been exposed to computing before, so he didn't understand directories and lists and things like that. He treated the computer as if it were this physical object. So imagine his Finder being something just like a giant table. And he would take files and set them on the table [demonstrates] in groups and categories.
CAMERON MOLL: He was big into fishing. So over here, he'd have anything related to fishing. Pictures and web addresses and so forth. Also big into airplanes, so over here, something related to airplanes and so forth.
CAMERON MOLL: So if this was a physical object, his Finder, it would have been something like four by six feet. There were probably two or three times as many files as I'm showing here, I kind of recreated this. Probably had somewhere in the neighborhood of 400 to 500 files in this Finder set up just like this.
CAMERON MOLL: And so I said, you know what? I can't fix this problem this other problem you've asked me to fix until I fix this one. I can't even get through these files.
CAMERON MOLL: And so here's what I did. I thought I'd help him out by cleaning up that nasty arrangement of icons. [AUDIENCE LAUGHTER]
CAMERON MOLL: Now I cannot articulate the look on his face when I did that. [AUDIENCE LAUGHTER] Because as you know, this is not un-doable.
Andy Clarke shows how comic book artists use panel size to indicate how much time a reader is supposed to spend on a particular chunk of content. He argues that web layouts can work the same way. (Later in this talk, he'll show how.)
Andy Clarke: How often do we consider the space and the time that somebody is supposed to spend, or we want somebody to spend, looking at a particular panel. So if we look at something like this, there's a conversation going on at the bottom here. 'Actually, she turned out to be quite sweet. I actually took her out a few times.' 'Seriously?' 'No.' And it carries on. So those panels are smaller because we're supposed to take less time reading them. It's this flow and this rhythm. And this is something that comic books have done for a very, very long time. And it's something that potentially we can bring into the layouts that we make for the web.
A fantastic talk by Brad Frost. Held at Smashing Conference 2012 in Freiburg
Media queries may be responsive design's secret sauce, but we know there's a whole lot more that goes into crafting amazing adaptive experiences. By dissecting an example of a mobile-first responsive design, we'll uncover the principles of adaptive design and highlight some considerations for creating contextually-aware Web experiences. We'll go over emerging mobile Web best practices and responsive patterns that can assist in our journey toward a future-friendly Web.
Stay up to date about Smashing Conference: