• http://www.flickr.com/photos/webstock06/5452548587/

All photos Creative Commons from http://www.flickr.com/photos/webstock06/

Prepared By Simon Gianoutsos

“Webstock is a range of web-related events with the aim of improving how websites are built through inspiration, education, insightful analysis and practical application. It features industry leaders and kick-ass speakers talking on topics such as accessibility, web standards, usability and other best practices.”

Source: http://www.webstock.org.nz/about/

Frank Chimero

• Ask questions to get

good stories back.

• We tell stories to understand and be understood

Michael Koziarski• “The 15-person team

working on the new system was the largest engineering team Facebook has ever had for a single product or feature”

• Google would rather

leave a job unfilled than

hire a sub-optimal

candidate.

• Ship something small, something simple, then make it better.

David Recordon • Still not resolved in HTML5 (H.264 vs WebM)

• Mobile is likely to be driving a lot of the web standards over the next 10 years.

• Focus of HTML5 has been largely around desktop browsers (so far), not mobiles.

Mark Pilgrim

• Feature detection is really easy in HTML5; use modernizr

• Not just humans look at web pages. Bots and other tools can get more structure out of your site if you use proper semantic elements.

• HTML5

• Local Storage

• Offline

Nicole Sullivan

• Should have only about 7 font sizes on a site

• Can reuse flexible object in

many classes (c.f. Media Block

on Facebook page with image

on left, text on right)

• CSS Best Practices:• Keep specificity as low as possible• Abstract repeating visual patterns

• Speed: “First and foremost,

we believe that speed is more

than a feature. Speed is the

most important feature” Fred

Wilson (VC)

Improving performance:

• Gzip• Quick Win: Caching

What makes sites feel slow?• (lack of) Progressive Rendering

• Loading via dom using Javascript.• Deliver HTML• Defer Javascript downloading• Parallel downloading and rendering• Use non-blocking approaches

Steve Souders

Kristina Halvorson • “Content strategy helps

figure out how content

will meet your business

objectives”

• Ask: What? Why? For whom? How? For whom? With what? By whom? When? How often? What next?

• Content is like a fragile plant and once you plant it you need to take care of it (feed it, water it, ecosystem etc.)

John Gruber• GUI was about the

interface, not a interface

• GUI: for real people, API:

for programmers

• User Interfaces are clothing for the mind

Doug Bowman

6 tips to deliver delight:• Exceed expectations• Deliver value early• Sweat the small details• Embrace serendipity• Package it nicely• Listen, respond & act

• “Good design isn’t about making decisions for your users, it’s about making those decisions irrelevant” @rands

• Delightful experiences are

memorable experiences.

• People have a strong desire to return to a delightful place

• Making connections with

fans builds loyalty

Amanda F Palmer

• “Good will and free content on the behalf of an artist breeds success that may not be immediately visible or measurable”

Marco Arment

• Features requests are one input

of many; Stand up for your own

vision– E.g. nobody would ever have asked

for a glass phone with no buttons,

looking at predecessor phones

• Your product should be remarkable

• Use technology conservatively• There’s always something new

• Buggier, Less ability for problem resolution …• Boring == Stable• Design things so they are isolated from other things as much as possible.

David McCandless• Visualising information is about bringing it into focus.

• .

Diagrams Creative Commons from http://www.flickr.com/photos/25541021@N00/

Josh Clark

• Touch screen interactions feel more personal, intimate, natural, intuitive

• “Why does an e-book reader need a page-turn effect? Like having a fake needle on a CD player. Or horse-shit coming from the back of a car.” @blprnt• If it looks like a physical object people will attempt to interact with it like that object.• Animation provides feedback to your design metaphor.

• Gestures are the

keyboard shortcuts of

touch interfaces

(instead of clicking or

buttons)• Buttons are a Hack

• The more features you have the

more controls you need• Clarity should trump density. Just

enough is more.

Jason Cohen • How to decide what advice to follow, choose your own path• Lesson

1. You set the rules2. Advice has context3. “I’m not a _______

person” is twaddle4. Trust your

inexperienced gut5. “That’s how it’s

done” is bull5h1t

Peter Sunde (Pirate Bay)

• A private investigator following Peter

registered his car to a company called

“private investigators”

Responses to US legal threats:1. Photo of a polar bear; We’re

being eaten by polar bears2. Circled Sweden on map of

world “we’re not part of the US yet”

3. Reply to cease and desist font distribution with letter reformatted with fonts they were told to stop using.

Michael LoppEngineer• Needed so that you

don’t end up with chaos

• Willing to take the time to go deep and understand

Designer• Prioritising, focusing and

expertly describing the want.• Responsible for the user

experience.

Dictator• They know what they

want• This is the enforcer; the

person you can go to

for confirmation.

Tom Coates• APIs are the roads between services

along which data can travel to be

assembled and reassembled. This

means every open site or service is

another component we can build

on and extend

• “What happens when Ideas, Buildings, Objects, Media, Environments, Appliances, Vehicles and Information have Sex?” • Bloody amazing things

happen

• As cost drops we will see more and more connectivity in all objects.

• Objects as Services• Why bother owning something at all?• e.g. a washing machine. Why

bother buying one, just rent one and pay per usage. It could report back via a network that it needs servicing etc.

Scott McCloud • Simple imagery can be combined in a modular way to make complex data more understandable

• Visualisation +

Synchronisation makes

it easier to remember.

• Why have suitcases only recently been built with wheels? Lack of Imagination

Repurposing is evil• It is a terrible mistake to

take content designed for one medium and then just use it on another medium without transforming it.

• Static pictures are brilliant as memory anchors

• Visual communication is a

two way street; it takes

collaboration between the

artist and the audience.

Merlin Mann

• What’s the worst that can happen?

• You’re never going to be ready

• Even heroes are scared shitless

• If you're going to run through the shit storm, let yourself get covered in shit, but KEEP RUNNING. Keep moving, keep making cool stuff.

Jason Webley

For further Info check out:• http://webstock.waveadept.com/• http://gianouts.blogspot.com/2011/02/webstock-2011-conference-day-one.html• http://gianouts.blogspot.com/2011/02/webstock-2011-conference-day-two.html

• If you have an idea, get out there and make it happen!