SlideShare una empresa de Scribd logo
1 de 44
Descargar para leer sin conexión
ART DIRECTION &
EDITORIAL DESIGN
ON THE WEB:
DOES IT WORK?




@GREGWOOD   @ERSKINEDESIGN
“I COULD PISS THAT
30MPH WIND   4 UNFIT MEN
             ON BICYCLES
“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
Art direction – does it feel good?
  Design – does it look good?
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.
A
CONTENT



          B
SAMPLE OF 200 PEOPLE
• Simon Campbell’s mailing list
• Friends & family
• Students in brother’s halls
PREDICTIONS
TEST #1
EDUCATIONAL
    Typography
      Colour

  INTERESTING
      Imagery
  Diagrams & maps

EASY TO CONSUME
    Composition
  Diagrams & maps
TEST #2
DELICIOUS
     Imagery


EASY TO RECREATE
    Composition
    Typography
       Color
1   Did you fully read everything?

2   Did you find the content easy to consume?

3   Rate the experience you had consuming
    the content.

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

5   Any additional thoughts on how the
    content was presented?
1   When did Tyrannosaurus Rex exist?

2   How tall was Tyrannosaurus Rex?

3   Who named Tyrannosaurus Rex?

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

5   How was Tyrannosaurus Rex’ eyesight?
1   How confident would you be recreating
    the dish?

2   How difficult would you say the dish is to
    recreate?

3   How inspired are you to attempt to
    recreate the dish?

4   How inspired are you to eat the dish?
RESULTS
• TEST 1 & 2 EXPERIENCE
• TEST 1 SPECIFICS
• TEST 2 SPECIFICS
DID YOU FULLY READ
    EVERYTHING?

YES – 58%    YES – 74%
   REGULAR   ART DIRECTED & DESIGNED
DID FIND THE CONTENT
 EASY TO CONSUME?

EASY – 39%   EASY – 75%
   REGULAR   ART DIRECTED & DESIGNED
RATE THE EXPERIENCE
YOU HAD CONSUMING
    THE CONTENT

ENGAGING – 23%   ENGAGING – 63%

     REGULAR      ART DIRECTED & DESIGNED
CORRECT ANSWERS


61%         66%
 REGULAR   ART DIRECTED & DESIGNED
HOW CONFIDENT
   WOULD YOU BE
RECREATING THE DISH?

VERY – 13%   VERY – 42%
   REGULAR   ART DIRECTED & DESIGNED
HOW DIFFICULT WOULD
YOU SAY THE DISH IS TO
     RECREATE?

EASY – 21%    EASY – 33%
    REGULAR   ART DIRECTED & DESIGNED
HOW INSPIRED ARE YOU
   TO ATTEMPT TO
 RECREATE THE DISH?

 VERY – 8%    VERY – 52%
    REGULAR   ART DIRECTED & DESIGNED
HOW INSPIRED ARE YOU
  TO EAT THE DISH?

 VERY – 4%    VERY – 67%
    REGULAR   ART DIRECTED & DESIGNED
OVERVIEW OF RESULTS
  ENJOYED A RICHER EXPERIENCE

INFORMATION RETENTION THE SAME

  FOUND RECIPE SLIGHTLY EASIER
  SIGNIFICANTLY MORE INSPIRED
TO CONCLUDE
THANKS
@GREGWOOD   @ERSKINEDESIGN

Más contenido relacionado

Similar a Art Direction and Editorial Design on the Web

Task 6 Idea Development Resubmitted
Task 6 Idea Development ResubmittedTask 6 Idea Development Resubmitted
Task 6 Idea Development Resubmitted
Mel Storey
 
Evaluation pro forma
Evaluation pro formaEvaluation pro forma
Evaluation pro forma
shaniajane
 
Evaluation pro forma
Evaluation pro formaEvaluation pro forma
Evaluation pro forma
shaniajane
 
Idea development pro forma 2
Idea development pro forma 2Idea development pro forma 2
Idea development pro forma 2
em-monsey
 
Producing print based media lo2 initial ideas
Producing print based media lo2   initial ideasProducing print based media lo2   initial ideas
Producing print based media lo2 initial ideas
ashboyne
 
Idea development pro forma 2
Idea development pro forma 2Idea development pro forma 2
Idea development pro forma 2
em-monsey
 
Ha thi vu ha edgt940 how to write a recipe in english
Ha thi vu ha   edgt940 how to write a recipe in englishHa thi vu ha   edgt940 how to write a recipe in english
Ha thi vu ha edgt940 how to write a recipe in english
Vũ Hà Hà
 
Initial ideas and feedback
Initial ideas and feedbackInitial ideas and feedback
Initial ideas and feedback
katiesteph5
 

Similar a Art Direction and Editorial Design on the Web (20)

Symbolic sandwiches
Symbolic sandwichesSymbolic sandwiches
Symbolic sandwiches
 
ENGLISH 5 PPT Q3 W3 - Infer The Meaning Of Unfamiliar Word Based On The Given...
ENGLISH 5 PPT Q3 W3 - Infer The Meaning Of Unfamiliar Word Based On The Given...ENGLISH 5 PPT Q3 W3 - Infer The Meaning Of Unfamiliar Word Based On The Given...
ENGLISH 5 PPT Q3 W3 - Infer The Meaning Of Unfamiliar Word Based On The Given...
 
Hs reading signposts
Hs reading signpostsHs reading signposts
Hs reading signposts
 
Task 6 Idea Development Resubmitted
Task 6 Idea Development ResubmittedTask 6 Idea Development Resubmitted
Task 6 Idea Development Resubmitted
 
Evaluation pro forma
Evaluation pro formaEvaluation pro forma
Evaluation pro forma
 
Evaluation pro forma
Evaluation pro formaEvaluation pro forma
Evaluation pro forma
 
Idea development pro forma 2
Idea development pro forma 2Idea development pro forma 2
Idea development pro forma 2
 
The Engagement Platform - Employee Engagement, Employee Empowerment, Employee...
The Engagement Platform - Employee Engagement, Employee Empowerment, Employee...The Engagement Platform - Employee Engagement, Employee Empowerment, Employee...
The Engagement Platform - Employee Engagement, Employee Empowerment, Employee...
 
English Grade 4 1st Quarter Week 1 Day 1-5
English Grade 4 1st Quarter  Week 1 Day 1-5English Grade 4 1st Quarter  Week 1 Day 1-5
English Grade 4 1st Quarter Week 1 Day 1-5
 
Producing print based media lo2 initial ideas
Producing print based media lo2   initial ideasProducing print based media lo2   initial ideas
Producing print based media lo2 initial ideas
 
Idea development pro forma 2
Idea development pro forma 2Idea development pro forma 2
Idea development pro forma 2
 
Harcourt Reading Lesson 10 Day 4
Harcourt Reading Lesson 10 Day 4Harcourt Reading Lesson 10 Day 4
Harcourt Reading Lesson 10 Day 4
 
Ha thi vu ha edgt940 how to write a recipe in english
Ha thi vu ha   edgt940 how to write a recipe in englishHa thi vu ha   edgt940 how to write a recipe in english
Ha thi vu ha edgt940 how to write a recipe in english
 
Science-Process-Skills_DepEdCopy.pdf
Science-Process-Skills_DepEdCopy.pdfScience-Process-Skills_DepEdCopy.pdf
Science-Process-Skills_DepEdCopy.pdf
 
HIGHER ORDER THINKING SKILLS
HIGHER ORDER THINKING SKILLSHIGHER ORDER THINKING SKILLS
HIGHER ORDER THINKING SKILLS
 
hots-180705002430.pdf
hots-180705002430.pdfhots-180705002430.pdf
hots-180705002430.pdf
 
200_Wow_Teaching_Ideas.pdf
200_Wow_Teaching_Ideas.pdf200_Wow_Teaching_Ideas.pdf
200_Wow_Teaching_Ideas.pdf
 
4th quarter cot
4th quarter cot4th quarter cot
4th quarter cot
 
Little Rock FEB 2015
Little Rock FEB 2015Little Rock FEB 2015
Little Rock FEB 2015
 
Initial ideas and feedback
Initial ideas and feedbackInitial ideas and feedback
Initial ideas and feedback
 

Más de New Adventures

Más de New Adventures (7)

A New Canon
A New CanonA New Canon
A New Canon
 
Unraveling the Mysteries of Inspiration
Unraveling the Mysteries of InspirationUnraveling the Mysteries of Inspiration
Unraveling the Mysteries of Inspiration
 
Designing on Solid Foundations
Designing on Solid FoundationsDesigning on Solid Foundations
Designing on Solid Foundations
 
Language and the Lizard Brain
Language and the Lizard BrainLanguage and the Lizard Brain
Language and the Lizard Brain
 
Produced For Use
Produced For UseProduced For Use
Produced For Use
 
With Great Power Comes Great Responsibility
With Great Power Comes Great ResponsibilityWith Great Power Comes Great Responsibility
With Great Power Comes Great Responsibility
 
The New Language of Web Design
The New Language of Web DesignThe New Language of Web Design
The New Language of Web Design
 

Último

Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
JIT KUMAR GUPTA
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
cyebo
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
cyebo
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
Jaime Brown
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
ajroy0196
 

Último (20)

FW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers ParisFW25-26 Fashion Key Items Trend Book Peclers Paris
FW25-26 Fashion Key Items Trend Book Peclers Paris
 
Bit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolioBit Dhrumi shah Graphic Designer portfolio
Bit Dhrumi shah Graphic Designer portfolio
 
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...Knowing, Understanding and Planning Cities- Role and Relevance  Physical Plan...
Knowing, Understanding and Planning Cities- Role and Relevance Physical Plan...
 
Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..Dos And Dont's Of Logo Design For 2024..
Dos And Dont's Of Logo Design For 2024..
 
一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理一比一原版谢菲尔德大学毕业证成绩单如何办理
一比一原版谢菲尔德大学毕业证成绩单如何办理
 
iF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythreeiF_Design_Trend_Report_twentytwenrythree
iF_Design_Trend_Report_twentytwenrythree
 
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
NO1 Popular kala jadu karne wale ka contact number kala jadu karne wale baba ...
 
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024Abdulaziz Tariq Abdulaziz Mustafa CV 2024
Abdulaziz Tariq Abdulaziz Mustafa CV 2024
 
The Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptxThe Impact of Artificial Intelligence on Modern Healthcare.pptx
The Impact of Artificial Intelligence on Modern Healthcare.pptx
 
Week of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_HeadersWeek of Action 2022_EIT Climate-KIC_Headers
Week of Action 2022_EIT Climate-KIC_Headers
 
一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理一比一原版格林威治大学毕业证成绩单如何办理
一比一原版格林威治大学毕业证成绩单如何办理
 
BIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic designBIT Khushi gandhi project.pdf graphic design
BIT Khushi gandhi project.pdf graphic design
 
Recycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdfRecycled Modular Low Cost Construction .pdf
Recycled Modular Low Cost Construction .pdf
 
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdfSpring 2024 wkrm_Enhancing Campus Mobility.pdf
Spring 2024 wkrm_Enhancing Campus Mobility.pdf
 
Design Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM SpecialistDesign Portofolios - Licensed Architect / BIM Specialist
Design Portofolios - Licensed Architect / BIM Specialist
 
Heuristic Evaluation of System & Application
Heuristic Evaluation of System & ApplicationHeuristic Evaluation of System & Application
Heuristic Evaluation of System & Application
 
spColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdfspColumn-Manual design column by spcolumn software.pdf
spColumn-Manual design column by spcolumn software.pdf
 
Presentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentationPresentation on 3D Printing.pptx presentation
Presentation on 3D Printing.pptx presentation
 
Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3Design lessons from Singapore | Volume 3
Design lessons from Singapore | Volume 3
 
Eric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-INEric Parein CV. Parein in English is best pronounced as PARE-IN
Eric Parein CV. Parein in English is best pronounced as PARE-IN
 

Art Direction and Editorial Design on the Web

  • 1. ART DIRECTION & EDITORIAL DESIGN ON THE WEB: DOES IT WORK? @GREGWOOD @ERSKINEDESIGN
  • 2.
  • 4. 30MPH WIND 4 UNFIT MEN ON BICYCLES
  • 5.
  • 6.
  • 7. “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
  • 8. Art direction – does it feel good? Design – does it look good?
  • 9.
  • 10.
  • 11. 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.
  • 12.
  • 14. SAMPLE OF 200 PEOPLE • Simon Campbell’s mailing list • Friends & family • Students in brother’s halls
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23. EDUCATIONAL Typography Colour INTERESTING Imagery Diagrams & maps EASY TO CONSUME Composition Diagrams & maps
  • 25.
  • 26.
  • 27.
  • 28. DELICIOUS Imagery EASY TO RECREATE Composition Typography Color
  • 29. 1 Did you fully read everything? 2 Did you find the content easy to consume? 3 Rate the experience you had consuming the content. 4 To what extent do you think the design of the content affected your experience? 5 Any additional thoughts on how the content was presented?
  • 30. 1 When did Tyrannosaurus Rex exist? 2 How tall was Tyrannosaurus Rex? 3 Who named Tyrannosaurus Rex? 4 In which American state were the first remains of Tyrannosaurus Rex found? 5 How was Tyrannosaurus Rex’ eyesight?
  • 31. 1 How confident would you be recreating the dish? 2 How difficult would you say the dish is to recreate? 3 How inspired are you to attempt to recreate the dish? 4 How inspired are you to eat the dish?
  • 33. • TEST 1 & 2 EXPERIENCE • TEST 1 SPECIFICS • TEST 2 SPECIFICS
  • 34. DID YOU FULLY READ EVERYTHING? YES – 58% YES – 74% REGULAR ART DIRECTED & DESIGNED
  • 35. DID FIND THE CONTENT EASY TO CONSUME? EASY – 39% EASY – 75% REGULAR ART DIRECTED & DESIGNED
  • 36. RATE THE EXPERIENCE YOU HAD CONSUMING THE CONTENT ENGAGING – 23% ENGAGING – 63% REGULAR ART DIRECTED & DESIGNED
  • 37. CORRECT ANSWERS 61% 66% REGULAR ART DIRECTED & DESIGNED
  • 38. HOW CONFIDENT WOULD YOU BE RECREATING THE DISH? VERY – 13% VERY – 42% REGULAR ART DIRECTED & DESIGNED
  • 39. HOW DIFFICULT WOULD YOU SAY THE DISH IS TO RECREATE? EASY – 21% EASY – 33% REGULAR ART DIRECTED & DESIGNED
  • 40. HOW INSPIRED ARE YOU TO ATTEMPT TO RECREATE THE DISH? VERY – 8% VERY – 52% REGULAR ART DIRECTED & DESIGNED
  • 41. HOW INSPIRED ARE YOU TO EAT THE DISH? VERY – 4% VERY – 67% REGULAR ART DIRECTED & DESIGNED
  • 42. OVERVIEW OF RESULTS ENJOYED A RICHER EXPERIENCE INFORMATION RETENTION THE SAME FOUND RECIPE SLIGHTLY EASIER SIGNIFICANTLY MORE INSPIRED
  • 44. THANKS @GREGWOOD @ERSKINEDESIGN