83
DESIGNING FROM THE GROUND UP Future of Web Design / November 2014 / New York City JON SETZEN @jonsetzen

Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Embed Size (px)

Citation preview

Page 1: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DESIGNING FROM THE GROUND UPFuture of Web Design / November 2014 / New York City

JON SETZEN@jonsetzen

Page 2: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 3: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 4: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 5: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 6: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 7: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 8: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DESIGN STRATEGYFiguring out the story and solving problems.

Page 9: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

SIMPLE SOLUTIONS & SOLVING PROBLEMSFOCUSING ON CONTENTCREATING EXPERIENCESTORY BEFORE DESIGN

Today’s Agenda

Page 10: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

X

Page 11: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Good design is as little design as possible.” - Dieter Rams

Page 12: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

PROBLEM SOLVINGA little bit of design helps solve problems quickly.

Page 13: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 14: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 15: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

I’M NOT THE ONLY USERYou can’t design only for yourself.

Page 16: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DON’T DISRUPT WORKFLOWWhat seems better for you,

could be worse for someone else.

Page 17: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 18: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

MY SIMPLE SOLUTION

Page 19: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 20: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

USER FEEDBACK

Page 21: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“I can never remember if the sticker is for the coffee or the toaster. It drives me crazy.”

- Mindy (wife, mother of two, not a morning person)

Page 22: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

ITERATE AND IMPROVE

Page 23: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 24: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

DESIGNED…but not designed.

Page 25: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

IT’S MISSING THE PRETTY

Page 26: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Design makes what feels complex simpler, and what is simpler feel richer.”

- John Maeda

Page 27: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THE SWEET SPOT OF SIMPLICITY & EXPERIENCE

Page 28: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

SIMPLE EXPERIENCESHelp us get what we want & need effortlessly.

Page 29: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 30: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

IT’S ALL ABOUT CONTENTExperience. Stories. Understanding.

Page 31: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CONTENT WINSParallax Scrolling, not so much.

Page 32: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Freely distributed information that’s relevant to the person reading it. That’s web design.”

- Dan Cederholm, SimpleBits.com

Page 33: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CONTENT IS VAST

Page 34: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“Content is anything that adds value to the reader’s life. It can add value by making them smarter, making them

laugh, making them do their job better, rush to their child to share the video, make a contribution to a charity”

- Avinash Kaushik, Google

Page 35: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 36: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GOOD CONTENT MAKES US FEEL SOMETHING

Page 37: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 38: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 39: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GOOD CONTENT MAKES US A PART OF SOMETHING

Page 40: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 41: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 42: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 43: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WE DO A LOT FOR THE CONTENT WE WANT

Page 44: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHERE DO YOU GET YOUR CONTENT?

Page 45: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 46: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 47: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

CREATING AN EXPERIENCEThe unique story of your content.

Page 48: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

LET’S TALK ABOUT MUSIC

Page 49: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 50: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 51: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 52: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 53: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

Arcade Fire Discography Funeral Neon Bible The Suburbs Reflektor

Page 54: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 55: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 56: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 57: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 58: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 59: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

GET YOUR STORY STRAIGHTThe best content tells the right story, right away.

Page 60: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHAT IS WEB HOSTING?

Page 61: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THERE ARE OVER

40,000 WEB HOSTING COMPANIES

IN YOUR CITY THERE IS

ONE POWER COMPANY

Page 62: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

+ approximately 39,994

Page 63: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 64: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

tough metallic

dismissive machine-like

elitist

elegant conditioned

inviting human

approachable

Media Temple then Media Temple now

Page 65: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

vs.

PERSONIFICATION

Page 66: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

vs.

THE ARMY BEHIND YOU

Page 67: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

MESSAGE DIVERSITY v. MESSAGE DISCIPLINE

Tell unique stories, not just the same story.

Page 68: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 69: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 70: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 71: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 72: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 73: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 74: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 75: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

“The features for the price - but also your site design and blog posts - appealed to my sense of design aesthetic and seemed to be interesting, useful articles. Gave me a sense of professionalism that I liked.”

WHAT THEY’RE SAYING

Page 76: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 77: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 78: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

NEVER STOP TELLING A GREAT STORY

Page 79: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 80: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design
Page 81: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

WHERE DO WE GO FROM HERE

Page 82: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

YOUR BIG SPARK IS NOT A WIREFRAMEIt’s a story. It’s a solution. It’s an experience.

Page 83: Jon Setzen – Designing From the Ground Up: Approaching, Prioritizing and Executing Design

THANK YOU@jonsetzen

jonsetzen.com