Atmedia
7- 8 juni 2007

@media
Molly E. Holzschlag
Web Standards Evangelist @ Microsoft

• \"How do you do it? How do you get the
ideas to actually design something??\"

• \"Designers need to be visual leeches,
constantly cataloguing and recording
information like a camera that’s always
snapping photos\"

• The 3 stages of the Creative Sponge
– COLLECT!
– CATALOG!
– CREATE!

Sources
• Observing life

Sources
• Books and
magazines

Sources
• Typography Typography

Sources
• T-shirts

Sources

Sources

Sources

Sources

Sources
• Doodles

Sources
• Doodles

Sources

• The 3 stages of the Creative Sponge
– COLLECT!
– CATALOG!
– CREATE!

Catalog

Catalog
• Schetsboek,
Mappen ect.

Catalog
• Sponge 2.0
– ‘Killer App’ Flicker

• The 3 stages of the Creative Sponge
– COLLECT!
– CATALOG!
– CREATE!

Create
• How do we use these
collections to create
stuff?

Create
• Creative Catalysts
• Deadlines!
• Change of environment - walk/drive
• Go to Bed!
• Peace & Quiet (go for a wee)
• Take a shower
• Brainstorming / Mind-mapping

Create

Create
• LINK

Create
• Moodboards

Create
• Moodboards

Create
• Advantages of using
moodboards
• Concentrates on the concept/mood
• Stimulates conversation with stakeholders
• Quick to make
• Clients can make their own!

Create
• Design Patterns
• “Patterns are optimal solutions to
common problems, tossed around a
community and are resolved, solutions
spontaneously emerge. The best of these
rise above the din and become refined
until they reach the status of a Design
Pattern.”

Create
Breadcrumbs
Problem
The users need to know
where they are in a
hierarchical structure and
navigate back to higher
levels in the hierarchy
Solution
Show the hierarchical path
from the top level to the
current page and make
each step clickable

Create
• Sample colours

Create
• Sample colours

• \"Soak up everything, you never know
when you're going to need it!\"
• Jon Hicks