Web Design
Monday 28 December 2009
Web 2.0 is so 2005
Monday 28 December 2009
And yet people still say ...
“I want that design to be more 2.0”
Monday 28 December 2009
2009 - 2005 = 4 years
Monday 28 December 2009
Who’s fault is that?
Monday 28 December 2009
It’s everyone’s faultEveryone’s fault?
Picture by flickr.com/photos/isayx3
Monday 28 December 2009
It’s everyone’s faultWe are the ones to blame!
Monday 28 December 2009
It’s everyone’s fault“We” as in: designers,
developers, accounts, ...
Monday 28 December 2009
It’s everyone’s faultWhy? We love to hide
behind technology
Monday 28 December 2009
Web 2.0 & web 3.0 has brought us
a lot of “new” (sometimes useful) stuff...
Monday 28 December 2009
... but how has web design
changed ever since?
Monday 28 December 2009
Web Design should
become more mature
Monday 28 December 2009
This is what people think when you say
you’re a web designer...
Monday 28 December 2009
It’s a pixel perfect craft that communicates
a clear & structured message.
My definition of web design:
Monday 28 December 2009
2 things to keep in mind
Monday 28 December 2009
The internet is all about content
&
People get frustrated in no time
Monday 28 December 2009
5 skills each web designer should practice
Picture by flickr.com/photos/anjin
Monday 28 December 2009
... or at least should have an interest in!
Monday 28 December 2009
Information Design
Usability
Typography
Visual Language
Change - ?
1
2
3
4
5
Monday 28 December 2009
Skill 1: Get addicted to Information Design
Picture by konigi.com
Monday 28 December 2009
“Information design makes complex information easier to understand and use”
Monday 28 December 2009
‣ Human-centered design
‣ Measure information density
‣ What’s the knowledge base of my audience?
‣ Whitespace is sexy
‣ Prioritize
‣ Respect Standards
Monday 28 December 2009
Monday 28 December 2009
Skill 2: Usability, to ease everyone’s mind
Picture by flickr.com/photos/jepoirrier
Monday 28 December 2009
“Don’t make me think - please”
Monday 28 December 2009
‣ “What we design for” VS“How people really use it”
‣ Sense of Location
‣ What elements are clickable?
‣ Visual Hierarchy
‣ Less noise more signal
‣ Be consistent: it gives people the grip they need
Monday 28 December 2009
Monday 28 December 2009
Who doesn’t recognize these shapes?
Monday 28 December 2009
Skill 3: Typography, yes we Kern
Monday 28 December 2009
“typography is the art and technique of arranging type”
Monday 28 December 2009
‣ Drop the tiny font-size
‣ Use different font-faces
‣ People Love color
‣ What should be emphasized?
Monday 28 December 2009
Monday 28 December 2009
Skill 4: Visual Language
Picture by flickr.com/photos/41894180030@N01
Monday 28 December 2009
Matching content and design. “Are they telling the same story?”
Monday 28 December 2009
‣ Your design shouldcommunicate something
‣ There’s no such thing as;“One template to rule them all”
‣ Design your content, notonly the surroundingelements
‣ Your header & footer shouldn’t be the only Climax
‣ Your copy should bepart of the lay-out
Monday 28 December 2009
Monday 28 December 2009
Monday 28 December 2009
Skill 5change
Monday 28 December 2009
“Find a piece of the status-quo and try to change it”
Seth Godin
Monday 28 December 2009
“You can tell who the pioneers are from the arrows sticking out of
their backs”
Hugh MacLeod
Monday 28 December 2009
Web design is Craftsmanship
Craftsmanship gets noticed twice as hard
Picture by flickr.com/photos/jepoirrier
Monday 28 December 2009
Web design is functional, it goes further
then creating a good looking website
Monday 28 December 2009
Every website has a goal
How do we support the visitor in completing that goal?
Monday 28 December 2009
Good Web design equals higher ROI
and a bunch of happy visitors
Monday 28 December 2009
... Everyone is happy!
Monday 28 December 2009
That’s it!
Erlend Debast
Web designer @ proximity BBDO
twitter.com/erlend
Monday 28 December 2009