128
THE GOOD, THE BAD, THE NICE, AND THE UGLY. A look into the practice of contemporary Web design. By Oliver Reichenstein, @iA

The good, the bad, the pretty and the ugly

Embed Size (px)

DESCRIPTION

Web design Today: The good, the bad, the nice and the ugly With the advent of HTML5/CSS3 and Web fonts, things seemed to look good for people with an aesthetic sense. At the same time an avalanche of technical innovations destroyed all dreams of being able to fully control the look of digital information. The old question: Is it possible to design Websites that look nice and work well? Does good Web design need to look ugly? Are there links, bridges, short cuts between good user experience and nice aesthetics? A look into good and bad practice of contemporary Web design.

Citation preview

Page 1: The good, the bad, the pretty and the ugly

THE GOOD, THE BAD, THE NICE, AND THE UGLY.A look into the practice of contemporary Web design.

By Oliver Reichenstein, @iA

Page 2: The good, the bad, the pretty and the ugly

LOOKING BACK

Page 3: The good, the bad, the pretty and the ugly

THE GOOD

Page 4: The good, the bad, the pretty and the ugly
Page 5: The good, the bad, the pretty and the ugly
Page 6: The good, the bad, the pretty and the ugly
Page 7: The good, the bad, the pretty and the ugly
Page 8: The good, the bad, the pretty and the ugly
Page 9: The good, the bad, the pretty and the ugly
Page 10: The good, the bad, the pretty and the ugly
Page 11: The good, the bad, the pretty and the ugly
Page 12: The good, the bad, the pretty and the ugly
Page 13: The good, the bad, the pretty and the ugly
Page 14: The good, the bad, the pretty and the ugly
Page 15: The good, the bad, the pretty and the ugly
Page 16: The good, the bad, the pretty and the ugly
Page 17: The good, the bad, the pretty and the ugly
Page 18: The good, the bad, the pretty and the ugly

THE BAD

Page 19: The good, the bad, the pretty and the ugly
Page 20: The good, the bad, the pretty and the ugly
Page 21: The good, the bad, the pretty and the ugly
Page 22: The good, the bad, the pretty and the ugly
Page 23: The good, the bad, the pretty and the ugly
Page 24: The good, the bad, the pretty and the ugly
Page 25: The good, the bad, the pretty and the ugly
Page 26: The good, the bad, the pretty and the ugly
Page 27: The good, the bad, the pretty and the ugly
Page 28: The good, the bad, the pretty and the ugly
Page 29: The good, the bad, the pretty and the ugly
Page 30: The good, the bad, the pretty and the ugly

THE PRETTY

Page 31: The good, the bad, the pretty and the ugly
Page 32: The good, the bad, the pretty and the ugly
Page 33: The good, the bad, the pretty and the ugly
Page 34: The good, the bad, the pretty and the ugly
Page 35: The good, the bad, the pretty and the ugly
Page 36: The good, the bad, the pretty and the ugly
Page 37: The good, the bad, the pretty and the ugly
Page 38: The good, the bad, the pretty and the ugly
Page 39: The good, the bad, the pretty and the ugly
Page 40: The good, the bad, the pretty and the ugly
Page 41: The good, the bad, the pretty and the ugly
Page 42: The good, the bad, the pretty and the ugly

AND THE UGLY

Page 43: The good, the bad, the pretty and the ugly
Page 44: The good, the bad, the pretty and the ugly
Page 45: The good, the bad, the pretty and the ugly
Page 46: The good, the bad, the pretty and the ugly
Page 47: The good, the bad, the pretty and the ugly
Page 48: The good, the bad, the pretty and the ugly
Page 49: The good, the bad, the pretty and the ugly
Page 50: The good, the bad, the pretty and the ugly
Page 51: The good, the bad, the pretty and the ugly

“Flash has had it’s day, but it’s waining.”-- Steve Jobs

Page 52: The good, the bad, the pretty and the ugly

“New open standards created in the mobile era, such as HTML5, will win on mobile devices (and PCs too). Perhaps Adobe should focus more on creating great HTML5 tools for the future, and less on criticizing Apple for leaving the past behind.”-- Steve Jobs, April, 2010

Page 53: The good, the bad, the pretty and the ugly
Page 54: The good, the bad, the pretty and the ugly
Page 55: The good, the bad, the pretty and the ugly
Page 56: The good, the bad, the pretty and the ugly
Page 57: The good, the bad, the pretty and the ugly

So, yes. But here is the thing...

Page 58: The good, the bad, the pretty and the ugly

“If you just make an HTML-Document and you put it on the Web it’s already responsive.”--Jeremy Keith

Page 59: The good, the bad, the pretty and the ugly

“The Web is responsive by default.”--Andy Hume

Page 60: The good, the bad, the pretty and the ugly

Why do we screw it up then?

Page 61: The good, the bad, the pretty and the ugly

Because we’re stupid?

Page 62: The good, the bad, the pretty and the ugly

Because branding matters?

Page 63: The good, the bad, the pretty and the ugly

Because we are too excited about our new opportunities?

Page 64: The good, the bad, the pretty and the ugly

Because we have not adapted to the new environment yet?

Page 65: The good, the bad, the pretty and the ugly

How do we not screw things up?

Page 66: The good, the bad, the pretty and the ugly

“You have structure, you have presentation, you have behavior.”--Jeremy Keith

Page 67: The good, the bad, the pretty and the ugly

HTML - StructureCSS - PresentationJava-Script - Behavior

Page 68: The good, the bad, the pretty and the ugly

“Use progressive enhancement at every level of the stack.”--Jeremy Keith

Page 69: The good, the bad, the pretty and the ugly
Page 70: The good, the bad, the pretty and the ugly
Page 71: The good, the bad, the pretty and the ugly

LOOKING FORWARD

Page 72: The good, the bad, the pretty and the ugly

1. No other Technology evolves as fast as the Web....HTML, CSS are work in progress.

Page 73: The good, the bad, the pretty and the ugly
Page 74: The good, the bad, the pretty and the ugly
Page 75: The good, the bad, the pretty and the ugly
Page 76: The good, the bad, the pretty and the ugly
Page 77: The good, the bad, the pretty and the ugly

2. Apps are definitely not the future of Web design....better apps are the future of apps.

Page 78: The good, the bad, the pretty and the ugly
Page 79: The good, the bad, the pretty and the ugly

3. Web Design is 95% Typography....if the future of Web Design is responsive, then the future of typography should be responsive as well. But that’s just me.

Page 80: The good, the bad, the pretty and the ugly
Page 81: The good, the bad, the pretty and the ugly

CONCLUSION.

Page 82: The good, the bad, the pretty and the ugly
Page 83: The good, the bad, the pretty and the ugly
Page 84: The good, the bad, the pretty and the ugly
Page 85: The good, the bad, the pretty and the ugly
Page 86: The good, the bad, the pretty and the ugly
Page 87: The good, the bad, the pretty and the ugly
Page 88: The good, the bad, the pretty and the ugly
Page 89: The good, the bad, the pretty and the ugly
Page 90: The good, the bad, the pretty and the ugly
Page 91: The good, the bad, the pretty and the ugly
Page 92: The good, the bad, the pretty and the ugly
Page 93: The good, the bad, the pretty and the ugly
Page 94: The good, the bad, the pretty and the ugly
Page 95: The good, the bad, the pretty and the ugly
Page 96: The good, the bad, the pretty and the ugly
Page 97: The good, the bad, the pretty and the ugly
Page 98: The good, the bad, the pretty and the ugly
Page 99: The good, the bad, the pretty and the ugly
Page 100: The good, the bad, the pretty and the ugly
Page 101: The good, the bad, the pretty and the ugly
Page 102: The good, the bad, the pretty and the ugly
Page 103: The good, the bad, the pretty and the ugly
Page 104: The good, the bad, the pretty and the ugly
Page 105: The good, the bad, the pretty and the ugly
Page 106: The good, the bad, the pretty and the ugly
Page 107: The good, the bad, the pretty and the ugly
Page 108: The good, the bad, the pretty and the ugly
Page 109: The good, the bad, the pretty and the ugly
Page 110: The good, the bad, the pretty and the ugly
Page 111: The good, the bad, the pretty and the ugly
Page 112: The good, the bad, the pretty and the ugly
Page 113: The good, the bad, the pretty and the ugly
Page 114: The good, the bad, the pretty and the ugly
Page 115: The good, the bad, the pretty and the ugly
Page 116: The good, the bad, the pretty and the ugly
Page 117: The good, the bad, the pretty and the ugly
Page 118: The good, the bad, the pretty and the ugly
Page 119: The good, the bad, the pretty and the ugly
Page 120: The good, the bad, the pretty and the ugly
Page 121: The good, the bad, the pretty and the ugly
Page 122: The good, the bad, the pretty and the ugly
Page 123: The good, the bad, the pretty and the ugly
Page 124: The good, the bad, the pretty and the ugly
Page 125: The good, the bad, the pretty and the ugly
Page 126: The good, the bad, the pretty and the ugly
Page 127: The good, the bad, the pretty and the ugly
Page 128: The good, the bad, the pretty and the ugly

THANK YOU.