37
DES I GN I NG ON SOL I D FOUNDAT I ONS Tim Van Damme/@maxvoltar #Naconf B-

Designing on Solid Foundations

Embed Size (px)

DESCRIPTION

What is design? Polishing squares until they're circles? Getting your website in as many CSS galleries as possible? No. There's more to it than that, and we need to think deeper about the foundations for our work. Design benefits from preparation, making things easier, and anticipating what comes next. In this presentation, Tim will explain how you can up the quality of your work and simplify your output without harming a single pixel.

Citation preview

Page 1: Designing on Solid Foundations

DES I GN I NG ONSOL I D FOUNDAT I ONS

Tim Van Damme/@maxvoltar#Naconf

B-

Page 2: Designing on Solid Foundations

Projects

YourselfClients

Others

Page 3: Designing on Solid Foundations

?

Page 4: Designing on Solid Foundations
Page 5: Designing on Solid Foundations

Nokia 3310

(worst cellphone ever)

Page 6: Designing on Solid Foundations

<TD FONT=ARIAL BORDER=2 HEIGHT=50

COLOR=BLACK>

Page 7: Designing on Solid Foundations

Projects

YourselfClients

Others

Page 8: Designing on Solid Foundations

The lists

GOOD BAD

Page 9: Designing on Solid Foundations

Preparations

Page 10: Designing on Solid Foundations

“The ProcessToolbox”by Simon Collison

http://col.ly/s/794

Page 11: Designing on Solid Foundations

SPPW(Styled Pixels Per Website)

(also referred to as “SHAPOW!”)

Page 12: Designing on Solid Foundations

0

pixels

time

restaurant

Page 13: Designing on Solid Foundations

submersioncohesion

pleasurebook

indiscretion

Page 14: Designing on Solid Foundations

0

pixels

time

restaurant

webapp

Page 15: Designing on Solid Foundations

Review

Page 16: Designing on Solid Foundations
Page 17: Designing on Solid Foundations
Page 18: Designing on Solid Foundations
Page 19: Designing on Solid Foundations

Projects

YourselfClients

Others

Page 20: Designing on Solid Foundations

Educate

Page 21: Designing on Solid Foundations

What’s a good website?

Page 22: Designing on Solid Foundations

Pricing

Page 23: Designing on Solid Foundations

Project Phases

Page 24: Designing on Solid Foundations

Their job?

Page 25: Designing on Solid Foundations

Approach

Page 26: Designing on Solid Foundations

Projects

YourselfClients

Others

Page 27: Designing on Solid Foundations
Page 28: Designing on Solid Foundations
Page 29: Designing on Solid Foundations

comfortzone

Page 30: Designing on Solid Foundations

0

skillset

life

Page 31: Designing on Solid Foundations

Job Titles

Page 32: Designing on Solid Foundations

Projects

YourselfClients

Others

Page 33: Designing on Solid Foundations

Why?

Page 34: Designing on Solid Foundations

How?

Page 35: Designing on Solid Foundations

noviceadvanced beginner

competentproficient

expert“M

ount D

reyfus

Page 36: Designing on Solid Foundations

Next Generation

Page 37: Designing on Solid Foundations

THANK YOU