The unbearable likeness of web design

71
@sarahsemark · triggersandsparks.com

Transcript of The unbearable likeness of web design

Page 1: The unbearable likeness of web design

@sarahsemark · triggersandsparks.com

Page 2: The unbearable likeness of web design
Page 3: The unbearable likeness of web design

do websites look the same?

why

Page 4: The unbearable likeness of web design
Page 5: The unbearable likeness of web design
Page 6: The unbearable likeness of web design
Page 7: The unbearable likeness of web design
Page 8: The unbearable likeness of web design
Page 9: The unbearable likeness of web design

anyway?how did we get here

A HISTORY OF WEB DESIGN

Page 10: The unbearable likeness of web design

the darkages

Page 11: The unbearable likeness of web design
Page 12: The unbearable likeness of web design
Page 13: The unbearable likeness of web design
Page 14: The unbearable likeness of web design

tablesto infinity!

Page 15: The unbearable likeness of web design
Page 16: The unbearable likeness of web design
Page 17: The unbearable likeness of web design
Page 18: The unbearable likeness of web design
Page 19: The unbearable likeness of web design
Page 20: The unbearable likeness of web design
Page 21: The unbearable likeness of web design

rescueCSS to the

Page 22: The unbearable likeness of web design
Page 23: The unbearable likeness of web design
Page 24: The unbearable likeness of web design

lookin’goodweb design starts

Page 25: The unbearable likeness of web design
Page 26: The unbearable likeness of web design
Page 27: The unbearable likeness of web design
Page 28: The unbearable likeness of web design
Page 29: The unbearable likeness of web design

whereare we now?

Page 30: The unbearable likeness of web design
Page 31: The unbearable likeness of web design
Page 32: The unbearable likeness of web design
Page 33: The unbearable likeness of web design

designvs development

Page 34: The unbearable likeness of web design
Page 35: The unbearable likeness of web design
Page 36: The unbearable likeness of web design
Page 37: The unbearable likeness of web design
Page 38: The unbearable likeness of web design

It’s easy to build a website that looks good…

Page 39: The unbearable likeness of web design

great…but it’s hard

to build a website that looks

Page 40: The unbearable likeness of web design
Page 41: The unbearable likeness of web design

the designer-developer

CONTINUUM

Page 42: The unbearable likeness of web design

constraintsare holding us back

Page 43: The unbearable likeness of web design

should we

follow?

Page 44: The unbearable likeness of web design

HECK YES!

• established patterns

• increased usability

• aesthetics are temporal

Page 45: The unbearable likeness of web design

HECK NO!

• doesn’t account for needs

• hard to distinguish

• aesthetics are temporal

• drive new trends

• meaning disappears

Page 46: The unbearable likeness of web design

how do wesoFIX THE PROBLEM?

Page 47: The unbearable likeness of web design

with pattern & texture

play

Page 48: The unbearable likeness of web design
Page 49: The unbearable likeness of web design
Page 50: The unbearable likeness of web design
Page 51: The unbearable likeness of web design
Page 52: The unbearable likeness of web design

get creative with

typography

Page 53: The unbearable likeness of web design
Page 54: The unbearable likeness of web design
Page 55: The unbearable likeness of web design
Page 56: The unbearable likeness of web design
Page 57: The unbearable likeness of web design

breakout of the grid

Page 58: The unbearable likeness of web design
Page 59: The unbearable likeness of web design
Page 60: The unbearable likeness of web design
Page 61: The unbearable likeness of web design
Page 62: The unbearable likeness of web design

add dynamism with

movement

Page 63: The unbearable likeness of web design
Page 64: The unbearable likeness of web design
Page 65: The unbearable likeness of web design

inspirationshop around for

Page 66: The unbearable likeness of web design
Page 67: The unbearable likeness of web design
Page 68: The unbearable likeness of web design
Page 69: The unbearable likeness of web design
Page 70: The unbearable likeness of web design

experiment!go forth and

Page 71: The unbearable likeness of web design

thanks• Geocities screenshots: oneterabyteofkilobyteage.tumblr.com

• Internet archives: waybackmachine.org

• Designer vs developer infographic: Shane Snow, sixrevisions.com/infographics/web-

designers-vs-web-developers-infographic

• Icons from thenounproject.com

• Packaging design from lovelypackage.com

• Lettering work by Tobias Saul, tobiassaul.de

• Bloomberg Businessweek layouts by Braulio Amado itsnicethat.com/articles/braulio-

amado-bloomberg

@sarahsemark · triggersandsparks.com