44
ART DIRECTION & EDITORIAL DESIGN ON THE WEB: DOES IT WORK? @GREGWOOD @ERSKINEDESIGN

Art Direction and Editorial Design on the Web

Embed Size (px)

DESCRIPTION

Art direction and editorial design are two terms that have been the butt of many debates, discussions and arguments on the web recently. Folks seem to have been caught up with the granular semantics of the terms, and how they may relate to the way we present content on the internet. Greg will be attempting to answer the question that people should be asking: do the great unwashed public actually care about the way their content is presented? Does art direction & editorial design on the web actually work?

Citation preview

Page 1: Art Direction and Editorial Design on the Web

ART DIRECTION &EDITORIAL DESIGNON THE WEB:DOES IT WORK?

@GREGWOOD @ERSKINEDESIGN

Page 2: Art Direction and Editorial Design on the Web
Page 3: Art Direction and Editorial Design on the Web

“I COULD PISS THAT

Page 4: Art Direction and Editorial Design on the Web

30MPH WIND 4 UNFIT MENON BICYCLES

Page 5: Art Direction and Editorial Design on the Web
Page 6: Art Direction and Editorial Design on the Web
Page 7: Art Direction and Editorial Design on the Web

“Art direction is about evoking the right emotion, it’s about creating that connection to what you’re seeing and experiencing.”

Dan Mall – November 2010

Page 8: Art Direction and Editorial Design on the Web

Art direction – does it feel good?

Design – does it look good?

Page 9: Art Direction and Editorial Design on the Web
Page 10: Art Direction and Editorial Design on the Web
Page 11: Art Direction and Editorial Design on the Web

I think the journal posts I've art directed more successfully have had significant impact.

I think some of the content I've published has been more eagerly and widely consumed because

of the art direction and design of the content.

Page 12: Art Direction and Editorial Design on the Web
Page 13: Art Direction and Editorial Design on the Web

B

CONTENT

A

Page 14: Art Direction and Editorial Design on the Web

• Simon Campbell’s mailing list• Friends & family• Students in brother’s halls

SAMPLE OF 200 PEOPLE

Page 15: Art Direction and Editorial Design on the Web

PREDICTIONS

Page 16: Art Direction and Editorial Design on the Web

TEST #1

Page 17: Art Direction and Editorial Design on the Web
Page 18: Art Direction and Editorial Design on the Web
Page 19: Art Direction and Editorial Design on the Web
Page 20: Art Direction and Editorial Design on the Web
Page 21: Art Direction and Editorial Design on the Web
Page 22: Art Direction and Editorial Design on the Web
Page 23: Art Direction and Editorial Design on the Web

EDUCATIONAL

INTERESTING

EASY TO CONSUME

TypographyColour

ImageryDiagrams & maps

CompositionDiagrams & maps

Page 24: Art Direction and Editorial Design on the Web

TEST #2

Page 25: Art Direction and Editorial Design on the Web
Page 26: Art Direction and Editorial Design on the Web
Page 27: Art Direction and Editorial Design on the Web
Page 28: Art Direction and Editorial Design on the Web

DELICIOUS

EASY TO RECREATE

Imagery

CompositionTypography

Color

Page 29: Art Direction and Editorial Design on the Web

Did you fully read everything?

Did you find the content easy to consume?

Rate the experience you had consuming the content.

To what extent do you think the design of the content affected your experience?

Any additional thoughts on how the content was presented?

1

2

3

4

5

Page 30: Art Direction and Editorial Design on the Web

When did Tyrannosaurus Rex exist?

How tall was Tyrannosaurus Rex?

Who named Tyrannosaurus Rex?

In which American state were the first remains of Tyrannosaurus Rex found?

How was Tyrannosaurus Rex’ eyesight?

1

2

3

4

5

Page 31: Art Direction and Editorial Design on the Web

How confident would you be recreating the dish?

How difficult would you say the dish is to recreate?

How inspired are you to attempt to recreate the dish?

How inspired are you to eat the dish?

1

2

3

4

Page 32: Art Direction and Editorial Design on the Web

RESULTS

Page 33: Art Direction and Editorial Design on the Web

• TEST 1 & 2 EXPERIENCE • TEST 1 SPECIFICS• TEST 2 SPECIFICS

Page 34: Art Direction and Editorial Design on the Web

DID YOU FULLY READ EVERYTHING?

REGULAR ART DIRECTED & DESIGNED

YES – 58% YES – 74%

Page 35: Art Direction and Editorial Design on the Web

DID FIND THE CONTENT EASY TO CONSUME?

REGULAR ART DIRECTED & DESIGNED

EASY – 39% EASY – 75%

Page 36: Art Direction and Editorial Design on the Web

RATE THE EXPERIENCE YOU HAD CONSUMING

THE CONTENT

REGULAR ART DIRECTED & DESIGNED

ENGAGING – 23% ENGAGING – 63%

Page 37: Art Direction and Editorial Design on the Web

CORRECT ANSWERS

REGULAR ART DIRECTED & DESIGNED

61% 66%

Page 38: Art Direction and Editorial Design on the Web

HOW CONFIDENT WOULD YOU BE

RECREATING THE DISH?

REGULAR ART DIRECTED & DESIGNED

VERY – 13% VERY – 42%

Page 39: Art Direction and Editorial Design on the Web

HOW DIFFICULT WOULD YOU SAY THE DISH IS TO

RECREATE?

REGULAR ART DIRECTED & DESIGNED

EASY – 21% EASY – 33%

Page 40: Art Direction and Editorial Design on the Web

HOW INSPIRED ARE YOU TO ATTEMPT TO

RECREATE THE DISH?

REGULAR ART DIRECTED & DESIGNED

VERY – 8% VERY – 52%

Page 41: Art Direction and Editorial Design on the Web

HOW INSPIRED ARE YOU TO EAT THE DISH?

REGULAR ART DIRECTED & DESIGNED

VERY – 4% VERY – 67%

Page 42: Art Direction and Editorial Design on the Web

OVERVIEW OF RESULTSENJOYED A RICHER EXPERIENCE

INFORMATION RETENTION THE SAME

FOUND RECIPE SLIGHTLY EASIERSIGNIFICANTLY MORE INSPIRED

Page 43: Art Direction and Editorial Design on the Web

TO CONCLUDE

Page 44: Art Direction and Editorial Design on the Web

THANKS@GREGWOOD @ERSKINEDESIGN