Category Archives: @media

@media day 2

***As promised here’s the second part. The ‘me from yesterday’ started to writing after picking up from the ‘me from the day before’ that but both of them failed to finish the work from the ‘me that was Friday’ so i’m carrying on. Bloody useless fools***

Day twos opening keynote was presented by a guy knocking back bourbon, had a slide from ‘Who framed Roger Rabbit’ and proved to be the second most entertaining of the event (that award came later). Andy Clarke presented a little set called ‘Hardboiled design’ and the working examples he gave just blew my fragile mind. He started with the idea that we shouldn’t make all web users have the same experience on every browser. This is nothing new in itself but what he did next was to show how a really well produced website can degrade nicely in less capable browsers.
Several examples followed including a 404 page which looked the same in each browser only with minor changes depending how capable each one was. Then another with two separate pages with lovely effects in Safari where we saw cards flipping when clicked and wobbling when rolled over. Then the firefox version which didn’t support the flipping going onto the IE version which didn’t do much but it was laid out very neatly and looked great in each version. No JS was harmed in the use of the effects, so to see a different version of each page in every browser was not only novel but also refreshing in a way. A huge amount of slugging away would have got every page to work the same way but probably at the forfeit of the nice CSS effects. When all browsers have the same support as webkit then all would be good with the world and every one would see the same thing and this was the main point of the talk that I took away. Don’t shoehorn everything into a site which works with IE6 and above, produce something for the top browser and then let every other catch up in the next five years as the site could be up for that amount of time. If you don’t get this stuff in early then its wasted. I almost slipped back into Safari as my main browser so I can try out some fancy stuff but I have a feeling most of the stuff covered in the talk isn’t out in the wild yet. Many of his points had legs but what was interesting was at the end when he pointed out he has the luxury of being able to work for clients directly and isn’t part of a team bogged down by guiding forces so he has a lot of freedom to work. His IE6 style sheet is a work of genius as well.

Sandi Wassmer was next with a talk about inclusive design. Sandi obviously had a lot of passion about inclusive design which is something we have been focusing on a lot at work and her slides (http://www.slideshare.net/SandiWassmer/inclusive-design-is-for-everyone) could easily be applied to our sites. What was interesting was her points about the horror buzzword ‘web 2.0’ was used to cram as much fancy stuff into a website as possible and this came right after Andy Clarke who was advocated putting effects into sites, Sandi’s stance was to ‘Develop features and functionality from a users perspective, not a technology one’. Obviously the two can work together very well, but both could also be taken to extreme from either angle. ‘Test the hell out of it’ was the key for the presentation for me.

The next talk for me was from Hannah Donovan who had slides filled with sketches of monsters and even a Judge Dredd panel (there was Star Wars but thats too damn mainstream). Hannah’s talk about telling stories through design hit home in several place and one point that was that the design is the first thing one the site that people see. I know this as I have to deal with my work on websites all the time, but she somehow made my neurosis gland work double time while talking about it. Blimey Riley, she knew how to scare me. through the use of pop culture (A Neil Gaiman quote “put a lot of guns in a lot of drawers”), how the team should feel about each other (trust and caring about the input) and a load of Agile references this was the talk which meant the most to me. Hannah is obviously a designer who cares about her stuff and I loved her technique of telling stories around her design while presenting to people. I naturally waffle (hence the long blog posts) and enjoy building up back stories for characters I create so It should be a natural progression for me. The delicious list she gave out has some interesting reading (http://delicious.com/hannahdonovan/storytelling) and I really hope her slides and talk become available (i overheard someone saying the talks would be recorded and put out but I don’t know if that was only for one or two people) The audiopresentations will go up in the future but I doubt I will link to them as they could be copyrighted/only for people who went to the event.
***EDIT*** Hannahs slides: http://www.slideshare.net/hannahdonovan/storytelling-slideshare

Now for the comedy award which goes to Relly Annett-Baker. I think everyone in the audience was in stitches at one point or another during this talk. Dressed in a schoolgirl outfit Relly managed to show how to make baby Jesus cry, how to not make users feel like muppets when something goes wrong with a form and some really bad 404 pages including one with a goat that gets fan letters and little Moo from Moo cards got mentioned.. The bit about about forms and what to do when they go wrong was one of those blindingly obvious ones but it needs to be pointed out sometimes. *State the error (eg on line 4 the email address is wrong, this helps the user find how they fucked up) *Explain the error (not just you fucked up, you tell the user what is wrong) *create a resolution (help the user fix the error). It sounds obvious but its better than some standard form text which basically says there is a problem then leaves the user to figure out where it is and what it is.
I doubt her slides would mean much to most people when you looked at them (Giant head of Shigeru Miyamoto means what again?) but would probably help me wet myself laughing again. The best talk in terms of entertainment and some really thought provoking material.
All together now “get some death”
***EDIT***
Slides are up 🙂 http://www.slideshare.net/RellyAB/all-the-small-things-microcopy-and-web-design

(At some point between last night and now, the ‘me from yesterday’ lost the @media card with the lineup on it. He has be executed for incontinence and fortunately the ‘me that is now’ is able to carry on due to the notes I had scribbled out on my imacs screen. Anyone got some screenwipes?)

Aral Balkan started very strongly. He bounced around the stage excitedly talking about emotional design and had a real charisma and energy with his talk. He talked at great length about how you should try to make people smile with your apps/design and give them a little happiness with it. He demonstrated this with a couple of little apps. First was his ‘avit app which was rather smart. A little stone/potato-thing with a giant smiley face (think aardman style) searches safari books after you scan a barcode to see if its in their lineup. Very nice and the faces it pulls when it tries to get online and fails was pretty funny. Rather than the usual evil spinning thing which goes round and round and round and round and round until you get hypnotised and buy another iphone, the little spud talk to you telling you he is struggling and then cries because the internet hates you. Quite cool and I can see the use if you have a safari books online account.
His next demonstration was with another of his apps ‘feathers’ which is a twitter app that allows you to add special characters and has a nice little bird characters which slowly fills up and turns red when you hit the 140 char limit (something I do all the time). He also had a tiny rant about facebook and the feathers for facebook app and the API being pulled from under his feet. Now at this point I was getting a touch annoyed. While Aral was a good speaker, he obviously loves his own apps and his own work so much he spent most of the talk telling us all about the great features in there. Great features though they are, they are not someone elses features and it felt like a sales pitch for his stuff. The guy is obviously very talented but if i wanted to hear someone talking about how great their stuff was, I would have stayed in the main foyer and listened to MS, Opera, yahoo et al flogging their goods.

The last speaker of the day (and event) was Scott Berkun. I know why this was last, this was a really motivational talk which wrapped up the day well. Scott had me enthralled so much that I didn’t make any notes so sadly I can’t put too much down but it had some stuff about Edison not inventing the light-bulb, a photo of Einstein and Hemingway saying the first draft of every book is shit (then probably went off to have a Hemingway moment). Innovation and inspiration come to us when we are out walking when the Id and Ego are not concentrating on each other. There was some stuff about showers and Karl muttering in my ear about white noise but the lack of notes isn’t helping. The news today that the talks will be available as podcasts in the near future is excellent as of all the talks, Scotts is the one I would like to hear again (mainly due to lack of notes, what WAS I thinking?)

And with that I am done. The ‘me that is today’ will sail off into the sunset to leave way for the ‘me that will be tomorrow’ to read this and wonder where the grammar and speel checker went to.

All that is left to say thanks to all that went, all that I meet, all that I heard and those that organised. I’m now off to rest my bloody stubs which once looked like fingers and to do all the things I should have done over the last couple of nights. Like sleep…..

More failed photos

Two more photos which didn’t come out as well as I would have hoped (sound of tray on face)

OI! DAWSON! I’ve seen the picture in that slide before! You two must have searched on the same interweb. Who was that doing the presentation?
edit – I think it was Aral now. Not sure.

Hannah Donovan reenacts the AT-AT’s movements in the storyboard on her slide by sprouting two extra legs.

@media nob it photo

I’ve just got round to copying the photos from @media onto my mac and I knew I should have taken the better camera. Rather than my Sony SLR i thought I would just take my 8 year old 2MP Olympus and the results show because its smaller and less valuable. Sadly 90% of the pics are terrible but a few are good enough to be useable for now. Two corkers stand out, Microsofts rather dodgy URL as pointed out below it was @media who have the filthy minded URL, which to me looks like the words ‘nob it sher cock’ mashed up together (MS @media are moving into the porn trade?)

And while its blurry, this slide was the highlight of my time at the whole event. It was from Christian Crumlish’s slides and was a screen grab of a twitter feed AND I WAS THE NAME AT THE TOP! I know its a pretty weak thing to get excited about but thats me all over baby.

I would be immortalised in pixels if i had taken the SLR. Serves me right for cutting corners 🙁