Webstock: Day Three

I also want to talk about people who tell you what they do, them demonstrate traits that don't support that statement and indicate they're probably not very good at it anyway <== this has absolutely nothing to do with either of the speakers I just mentioned. <<= not going to talk about this because this is me just being bitchy and petty - in future, if your mouth and your traits don't align, I'm gone-burgers. Don't say you haven't been warned.

PLUS: HOW WOULD YOU FEEL? if the kid you used to babysit sat down at the same table at Webstock? I may not be the oldest person at Webstock, but contextually I just may well be. arg! GET OFF MY LAWN!!

Visual Communication: Scott McCloud

"If someone says 'that's a terrible elephant' then you've succeeded."

The message from the workshops continue - communication. It's a two-way street with each artist needing an audience - the dialogue between the page and the eye. Scott McCloud is about transferring information fast or, at least, as quickly as possible. He wants to minimise the 'load time' between seeing something and understanding something.

He talks of timing and beats, of boxes and sequencing, of pacing and the things between. "As you move through space you are moving through time." Urging all to tell stories with pictures, optimising and simplifying. To resolve contours and watch out for non-articulated silhouettes.

Getting down to business

The workshop room was full again - 32 healthy heads. Scott McCloud has a good voice - he's easy to listen to and he says interesting things. He has scratched the surface of this thing and has picked the eyes right out of it.

He started with a history lesson of visual communication before breaking down the differences between cartoons and comics. Cartoons, he says, are a type of simplified image; while comics are images in deliberate sequence.

Our first exercise was about cognitive load; that is, how long does it take our brain to figure out the context of what we're looking at, then the content. With our large black makers and sheets of paper, we each had to draw four objects from a defined group: fruit and vegetables, vehicles, furniture, mammals (I can't remember the rest). Dividing the paper into four, we needed to draw as simply as possible, four objects from that category. Scott then held each of our efforts aloft, and we had to raise our left hand when we knew the category the four images belonged to, and our right hand when we recognised all four objects. The idea being that success equalled both hands raised at the same time - minimal cognitive load time.

It was interesting that those beats it took to recognise those two parts of the problem could grow when outlines were complicated, or too many details existed in the image. It was also interesting to see who could, or who did not, follow the instructions. Not that you have to do everything 'the man' says, but it was interesting that one person did four objects from a category that wasn't on the list. It was also interesting that someone else groupled a snowman in the 'mammal' category.

People are interesting creatures.

What'd you learn?

Optimise (there it is again), clarify, tell stories (theme becoming stronger), compel to propel (mo-mentum) - there is as much to be said between the words; between the pictures; between the boxes of a sequence of images.

Don't crash your viewer's brain. Don't require them to install plug-ins to understand what you're on about. Don't cause that spinning beach-ball in their head. Deliver them visual caffeine. Stimulate, minimise the time to understand - communicate concepts with clarity.

Great morning.. Webstock workshops: three for three :)

sketch notes from webstock workshop

Sinking your sailboats: Merlin Mann

sketch notes from webstock workshop

"I'm not trying to derail your derailment."

Merlin Mann. You either know who I'm talking about or you don't. This last workshop session before Webstock-proper commenced was highly anticipated. I just wanted to see this guy in action. And what a joy. Such a human, such a rabbit-warren of a mind, such a thoroughly likeable soul.

Merlin talks. God only know how his brain is wired to get that many words out of his cake-hole - the hamster-wheel in his brain must be supersonic to keep those ideas gattling-gunning their way out - and it all make sense - the tangents are offramps to more ideas, more stories, more, more more.

Dude, I was a fan before - now I'm boarding on cult-member. Such joy. Such a jolt-inducing batch of truths that one in particular would have brought me to my knees had I been standing.

Getting down to business

Merlin sat with us. He didn't podiumise, he didn't powerpoint. He system carded (oh I love a good system carding) and he talked. He also listened - he really did. Like us, he wasn't really sure what he was going to talk about (or did he?) and the session turned into a bit of a self-help group for people who are managed poorly. Thank God because I really needed a reality check and that's exactly what I got.

Again the session had a couple of other speakers as attendees. Marco Arment and Mark Pilgrim sat in and shared their stories, their ideas, their laughter. It was also great to hear from the woman behind the Inland Revenue website (ird.co.nz) and how that came to be. It's an impressive website and it wasn't born of project plans and budgets, but of passion and the inability of a person to take "no" for an answer. LOVED THAT!

The question that Merlin asked was this: what if everyone in your team was smarter than you? what if they all cared more than you do?

and I was okay with that until he asked: what if your boss was smarter than you and cared more for the company than you did?

Fox said my face showed the shock as Merlin's question sunk into my brain - but he was right, even if I've still not been able to process the question at a personal level for a specific person. "We're all extras in everyone elses movies."

What'd you learn?

Every man really does have his own reason. Merlin's session reminded me we all have the same problem with someone - and we really need to get over ourselves, think clearly, get real and get on with it. As Jeff Veen said, when he had a lot of trouble finding a seat at the table, he decided to build his own table.

This session, as with all the workshops and the conference to come, went a very long way to healing a big chunk of my soul. Thank you Mr Mann.

Webstock: Day Two

Webstock: Day Two

The karaoke bar next door is blasting Dirty Dancing's "(I've Had) The Time of My Life" while a fellow Nomad is singing it at the top of his lungs in the courtyard several floors below mine. My tummy is full of comfortable butter chicken and my mind is getting ready to unpack and store all the information that poured into it from today's Webstock workshop.

Web typography and you: Jason Santa Maria

"Act of doing. Art of seeing."

Another full-day workshop this time with Jason Santa Maria helping us to understand and use beautiful typography to enhance our content. He also wanted to expand our vocabulary when talking about type from "clean" and "modern" and "classic" to "tender" and "volume" and "lickable". To really think about what we are looking at when we look at the fonts that make up the content on the web.

It's no secret that Jason loves type. It's documented online, in books, and in his voice and body language. He said that typography is the art of contrast - and urged us to see that in mixing typefaces, when choosing colour, when deciding weight, when adding context.

Clarity. Communication. Relationships.

Getting down to business

I had the extreme pleasure to spend an entire day in Jason Santa Maria's "Web Typography and You" workshop here at Webstock in Wellington. We started the morning with an hour-long walk around the waterfront with our cameras, snapping examples of typography in the wild. Wellington storm water cover It's strange to think how much of the stuff there is out there that I just take for granted. Words, man, they're everywhere - the way they look is because of the typefaces that have been created to display them. Yet it's more than display - it's another level of communication. I mean: we know that right? yeh, we just forget - or at least I did.

Today I spent some time remembering and together with the wonderful primer that Jason delivered upon our return from the glorious Wellington morning walk, got a taste for why those who love typography can become so passionate about it.

After lunch Jason gave us a project. He asked us to set a quote of our own choosing in two differnt typefaces, utilising contrast between shape, colour, size, weight etc on one of the photos we had taken that morning. We had an hour and then, as a group, we each talked about what we'd done and then listened to others for ideas, opinions and suggestons. The afternoon was enhanced by the presence of two of Webstock's speakers who sat in and particpated in the afternoon session. Frank Chimero and Tom Coates added a wonderful dimension to the proceedings - not least of which because we got to comment on their work as they commented on ours.

This is one of the very very special things about this glorious conference - the accessibility to the speakers: the experts who have come to share not just as speakers, but participants.

What'd you learn?

The work we shared in the afternoon session really brought the fact that typefaces communicate as much, if not more, than the content they display. Case in point was a lovely quote set by one of the participants, who had chosen a grunge font to display it. While the quote's words spoke of love and longing, the grunge typeface told a story of heartbreak and blood. In fact, I still can't remember the quote but I can see the drop of blood-like colouring in the 'o' of the word LOVE. It was a real eye opener.

 

While other typefaces may not carry such an inbuilt message as that grunge font, they all come with some story - and choosing the best one for the message is all the more clear for having spent a day with Jason Santa Maria, his friends and my fellow workshoppers. It was freaking AWESOME and ordinary and I had the best, interesting, inspiring day.

sketch notes from workshop

Webstock's video of Jason's presentation

Webstock: Day One

shot of Information is Beautiful workshop - audience in foreground, David McCandless presenting

PHOTO SNAFFLED FROM FLICKR: WEBSTOCK (USED UNDER CREATIVE COMMONS)

Information is beautiful: David McCandless

"Love pies, hate pie charts."

Full Day workshop: Information is Beautiful with David McCandless was sold out. My poor counting skills put the attendance at about 50 souls.

Info-graphics is the new photo journalism. Because numbers and some concepts are hard to 'get' by designing visual information we bring into focus the connections we didn't see before and discover things that were not initially obvious.

To make this work though, info-graphics need to be self-sufficient - not requiring any other information or complex explanation. They need to be visually optimised - least is best - an "MP# of understanding". The information is revealed through the design and new relationships are discovered between data. It is the best of information married with the best of design. Use these superpowers to tell a story; design a journey; find structure in the data.

Getting down to business

This was a very hands-on workshop. We had two tasks to do - one in the morning, one after lunch.

The first task was to break into groups of three and list 10 concepts that might make an interesting info-graphic. It was amazing, that once we started, the floodgates opened. Such a valuable exercise for realising that these ideas and concepts are all around us - just need to spend a bit of time thinking! We had an hour to create our group list, with David coming to each group and hearing a few ideas from each of us. Very obviously, his mind wears this groove very well as his suggestions and advice gave a glimpse of how agile his mind is. Nothing so obvious as a full frontal attack from Mr McCandless.

Before lunch we each pitched our concept to the entire group. So fantastic to hear all the ideas - even when they were similar they were different - different aspects of the data relationship - and all very interesting.

After lunch, David took us through some of his design work to get our minds ready for the next phase - designing an info-graphic.

Because of the compressed nature of our workshop, there was an assumption that the research had already been done, and the data gathered for the concept we'd chosen. Now it was all about sketching ideas for the info-graphic.

Our group had chosen to explain the recent conflict in Egypt. The info-graphic was to be a timeline - I sketched a timeline with pyramids and palm trees - I mean: why wouldn't you? Our team ended up with a more traditional-looking timeline. The object of the exercise wasn't to end up with an info-graphic, but to see how sketching can bring ideas and concepts together, and then lead eventually to the most interestingly visual way to show the data.

What'd you learn?

I learned that I forgot how exhausting and brilliant a really vibrant, well run workshop can be. This was a day very well spent! Seeing the bones of a process from idea to infographic suits a system thinking type like me. I also sniffed how very difficult this is to do very well. Which you can kinda see in the graphics that hit the nail on the head but still, even more difficult than I supposed.

I also had my first taste of the themes that run through the whole Webstock conference - unorchestrated, I suggest. But David started us off - tell stories, be clear, have integrity. Be beautiful.

 

notes sketched during workshop