understanding web design - jeffrey zeldman

84
UNDERSTANDING WEB DESIGN

Upload: user-experience-israel

Post on 12-Jul-2015

1.442 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Understanding Web Design - Jeffrey Zeldman

U N D E R S T A N D I N G W E B D E S I G N

Page 2: Understanding Web Design - Jeffrey Zeldman

O N A P L A N E

Page 3: Understanding Web Design - Jeffrey Zeldman

“I make things on the internet.”O N A P L A N E

Page 4: Understanding Web Design - Jeffrey Zeldman

“I’m a designer. On the internet.”O N A P L A N E

Page 5: Understanding Web Design - Jeffrey Zeldman

“I create experiences on the web.”O N A P L A N E

Page 6: Understanding Web Design - Jeffrey Zeldman

“I make apps and websites. That’s right, like on the iPhone.”

O N A P L A N E

Page 7: Understanding Web Design - Jeffrey Zeldman

“I design matrices that facilitate and subtly direct human interactions on the world wide web.”

O N A P L A N E

Page 8: Understanding Web Design - Jeffrey Zeldman

“I’m ... in marketing.” O N A P L A N E

Page 9: Understanding Web Design - Jeffrey Zeldman

? ??O N A P L A N E

Page 10: Understanding Web Design - Jeffrey Zeldman

@#$%!O N A P L A N E

Page 11: Understanding Web Design - Jeffrey Zeldman

New York, New York

Page 12: Understanding Web Design - Jeffrey Zeldman

New York, New York

Page 13: Understanding Web Design - Jeffrey Zeldman

New York, New York

Page 14: Understanding Web Design - Jeffrey Zeldman

Art Directors ClubO R I G I N A L H Q B Y S TA N F O R D W H I T E

Page 15: Understanding Web Design - Jeffrey Zeldman

O R I G I N A L H Q B Y S TA M F O R D W H I T E

Page 16: Understanding Web Design - Jeffrey Zeldman
Page 17: Understanding Web Design - Jeffrey Zeldman

Art Directors ClubO R I G I N A L H Q B Y S TA N F O R D W H I T E

Page 18: Understanding Web Design - Jeffrey Zeldman
Page 19: Understanding Web Design - Jeffrey Zeldman
Page 20: Understanding Web Design - Jeffrey Zeldman
Page 21: Understanding Web Design - Jeffrey Zeldman
Page 22: Understanding Web Design - Jeffrey Zeldman
Page 23: Understanding Web Design - Jeffrey Zeldman
Page 24: Understanding Web Design - Jeffrey Zeldman
Page 25: Understanding Web Design - Jeffrey Zeldman
Page 26: Understanding Web Design - Jeffrey Zeldman
Page 27: Understanding Web Design - Jeffrey Zeldman
Page 28: Understanding Web Design - Jeffrey Zeldman
Page 29: Understanding Web Design - Jeffrey Zeldman
Page 30: Understanding Web Design - Jeffrey Zeldman
Page 31: Understanding Web Design - Jeffrey Zeldman
Page 32: Understanding Web Design - Jeffrey Zeldman
Page 33: Understanding Web Design - Jeffrey Zeldman

“We had this conversation ten years ago.”

Page 34: Understanding Web Design - Jeffrey Zeldman

“It’s interactive if it’s on the internet.”

Page 35: Understanding Web Design - Jeffrey Zeldman

“It’s interactive if it’s on the internet.”

Page 36: Understanding Web Design - Jeffrey Zeldman

Something’s wrong when a web page can win awards for interactivity even though the only interactive elements on the page are a Play button and a “Like” button.

Page 37: Understanding Web Design - Jeffrey Zeldman
Page 38: Understanding Web Design - Jeffrey Zeldman

The MYSTERY of WEB DESIGN

Page 39: Understanding Web Design - Jeffrey Zeldman
Page 40: Understanding Web Design - Jeffrey Zeldman
Page 41: Understanding Web Design - Jeffrey Zeldman
Page 42: Understanding Web Design - Jeffrey Zeldman
Page 43: Understanding Web Design - Jeffrey Zeldman
Page 44: Understanding Web Design - Jeffrey Zeldman
Page 45: Understanding Web Design - Jeffrey Zeldman
Page 46: Understanding Web Design - Jeffrey Zeldman
Page 47: Understanding Web Design - Jeffrey Zeldman
Page 48: Understanding Web Design - Jeffrey Zeldman
Page 49: Understanding Web Design - Jeffrey Zeldman
Page 50: Understanding Web Design - Jeffrey Zeldman
Page 51: Understanding Web Design - Jeffrey Zeldman
Page 52: Understanding Web Design - Jeffrey Zeldman
Page 53: Understanding Web Design - Jeffrey Zeldman
Page 54: Understanding Web Design - Jeffrey Zeldman

Facebook approached mobile as a technology problem, when it was really a design problem.

U N D E R S TA N D I N G W E B D E S I G N

Page 55: Understanding Web Design - Jeffrey Zeldman

Facebook’s mobile performance problems weren’t a referendum on the capabilities of HTML 5.

U N D E R S TA N D I N G W E B D E S I G N

Page 56: Understanding Web Design - Jeffrey Zeldman

What happens when too many developers, in too many silos, work on the same product at the same time.

U N D E R S TA N D I N G W E B D E S I G N

Page 57: Understanding Web Design - Jeffrey Zeldman

When companies harvest data to serve their advertisers instead of their customers.

U N D E R S TA N D I N G W E B D E S I G N

Page 58: Understanding Web Design - Jeffrey Zeldman

How to remove needless complexity from the Facebook experience, regardless of device used.

U N D E R S TA N D I N G W E B D E S I G N

Page 59: Understanding Web Design - Jeffrey Zeldman

We don’t design for browsers.U N D E R S TA N D I N G W E B D E S I G N

Page 60: Understanding Web Design - Jeffrey Zeldman
Page 61: Understanding Web Design - Jeffrey Zeldman
Page 62: Understanding Web Design - Jeffrey Zeldman
Page 63: Understanding Web Design - Jeffrey Zeldman
Page 64: Understanding Web Design - Jeffrey Zeldman

Web design is not book design, it is not poster design, it is not illustration, and the highest achievements of those disciplines are not what web design aims for.

U N D E R S TA N D I N G W E B D E S I G N

Page 65: Understanding Web Design - Jeffrey Zeldman

Web design is like type design.U N D E R S TA N D I N G W E B D E S I G N

Page 66: Understanding Web Design - Jeffrey Zeldman

Web design is like architecture.U N D E R S TA N D I N G W E B D E S I G N

Page 67: Understanding Web Design - Jeffrey Zeldman

Web design is the creation of digital environments that facilitate and encourage human activity; reflect or adapt to individual voices and content; and change gracefully over time while always retaining their identity.

U N D E R S TA N D I N G W E B D E S I G N

Page 68: Understanding Web Design - Jeffrey Zeldman
Page 69: Understanding Web Design - Jeffrey Zeldman
Page 70: Understanding Web Design - Jeffrey Zeldman

A great website makes interaction easy.

U N D E R S TA N D I N G W E B D E S I G N

Page 71: Understanding Web Design - Jeffrey Zeldman

A great website guides you subtly toward your heart’s desire.

U N D E R S TA N D I N G W E B D E S I G N

Page 72: Understanding Web Design - Jeffrey Zeldman

Great design is never passive. It only looks that way.

U N D E R S TA N D I N G W E B D E S I G N

Page 73: Understanding Web Design - Jeffrey Zeldman

Great web design can be invisible or in your face.

U N D E R S TA N D I N G W E B D E S I G N

Page 74: Understanding Web Design - Jeffrey Zeldman

Represent the profession.S P R E A D T H E W O R D

Page 75: Understanding Web Design - Jeffrey Zeldman

Don’t wait to be asked.S P R E A D T H E W O R D

Page 76: Understanding Web Design - Jeffrey Zeldman

Arrive early and often.S P R E A D T H E W O R D

Page 77: Understanding Web Design - Jeffrey Zeldman

Push your way in. Volunteer.S P R E A D T H E W O R D

Page 78: Understanding Web Design - Jeffrey Zeldman

Achieve the right things for the wrong reasons.

S P R E A D T H E W O R D

Page 79: Understanding Web Design - Jeffrey Zeldman
Page 80: Understanding Web Design - Jeffrey Zeldman
Page 81: Understanding Web Design - Jeffrey Zeldman

Your boss will never care about the web for the same reasons you do.

S P R E A D T H E W O R D

Page 82: Understanding Web Design - Jeffrey Zeldman

Your job is to find the reasons she will care about.

S P R E A D T H E W O R D

Page 83: Understanding Web Design - Jeffrey Zeldman

We are all ambassadors.S P R E A D T H E W O R D

Page 84: Understanding Web Design - Jeffrey Zeldman

Thank you.