Web Design Evolution and Best Practices

Web
Design

Monday 28 December 2009

Web 2.0 is so 2005


And yet people still say ...

“I want that design
to be more 2.0”


2009 - 2005 = 4 years


Who’s fault is that?


It’s everyone’s fault
Everyone’s fault?

Picture by flickr.com/photos/isayx3


It’s the ones to blame!
We are everyone’s fault


“We” everyone’s fault
It’s as in: designers,
developers, accounts, ...


Why?everyone’sto hide
It’s We love fault
behind technology


Web 2.0 & web 3.0 has brought us
a lot of “new” (sometimes useful) stuff...


... but how has web design
changed ever since?


Web Design should
become more mature


This is what people think when you say
you’re a web designer...


My definition of web design:

It’s a pixel perfect craft that communicates
a clear & structured message.


2 things to keep in mind


The internet is all about content
&
People get frustrated in no time


5 skills each web designer should practice

Picture by flickr.com/photos/anjin


... or at least should have an interest in!


1 Information Design
2 Usability
3 Typography
4 Visual Language
5 Change - ?


Skill 1: Get addicted to Information Design

Picture by konigi.com


“Information design makes complex
information easier to understand and use”


‣ Human-centered design

‣ Measure information
density

‣ What’s the knowledge
base of my audience?

‣ Whitespace is sexy

‣ Prioritize

‣ Respect Standards


Skill 2: Usability, to ease everyone’s mind

Picture by flickr.com/photos/jepoirrier


“Don’t make me think - please”


‣ “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


Who doesn’t recognize these shapes?


Skill 3: Typography, yes we Kern


“typography is the art and
technique of arranging type”


‣ Drop the tiny font-size

‣ Use different font-faces

‣ People Love color

‣ What should be
emphasized?


Skill 4: Visual Language

Picture by flickr.com/photos/41894180030@N01


Matching content and design.
“Are they telling the same story?”


‣ Your design should
communicate something

‣ There’s no such thing as;
“One template to rule
them all”

‣ Design your content, not
only the surrounding
elements

‣ Your header & footer
shouldn’t be the only
Climax

‣ Your copy should be
part of the lay-out


Skill 5
change

“Find a piece of the status-quo
and try to change it”

Seth Godin

“You can tell who the pioneers are
from the arrows sticking out of
their backs”

Hugh MacLeod

Web design is Craftsmanship

Craftsmanship gets noticed twice as hard

Picture by flickr.com/photos/jepoirrier

Web design is functional, it goes further
then creating a good looking website


Every website has a goal

How do we support the visitor in completing that goal?


Good Web design equals higher ROI
and a bunch of happy visitors


... Everyone is happy!


That’s it!

Erlend Debast
Web designer @ proximity BBDO

twitter.com/erlend
erlend@artueel.be


Web Design Evolution and Best Practices

Recommandé

Recommandé

Contenu connexe

Similaire à Web Design Evolution and Best Practices

Similaire à Web Design Evolution and Best Practices (20)

Dernier

Dernier (20)

Web Design Evolution and Best Practices