53
Reid Peifer @reidpeifer // tri.be Content Creation Reimagining

Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

Reid Peifer@reidpeifer // tri.be

Content CreationReimagining

Page 2: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 3: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 4: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 5: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

THE

EVENTS CALENDAR

WE CODE AWESOME

Page 6: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

What are we doing here?

1. I ramble for a while

2. Finally arrive at the point

3. Talk about design for a bit

4. Show work from people smarter than me

5. We all have a nice chat - Questions & Conversation

Page 7: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

I WordPress

Page 8: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 9: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

TO DEMOCRATIZE PUBLISHING THROUGH OPEN SOURCE, GPL SOFTWARE.

MISSION STATEMENT

Page 10: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

WHY DOES WORDPRESS EXIST?

+

Page 11: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

CONTENT IS THE WHOLE BALLGAME.

Page 12: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

1.5

Page 13: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.0

Page 14: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.1

Page 15: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.2

Page 16: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.3

Page 17: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.5

Page 18: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.6

Page 19: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.7

Page 20: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.8

Page 21: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

2.9

Page 22: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.0

Page 23: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.1

Page 24: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.2

Page 25: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.4

Page 26: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.5

Page 27: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.6

Page 28: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.7

Page 29: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.8

Page 30: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

3.9

Page 31: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

4.0

Page 32: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

4.1

Page 33: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

4.2

Page 34: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

Where WordPress Fails

1. Encourages a waterfall approach to content

2. Content Strategy subject to dev process

3. Content limited to wysiwyg’s & metaboxes

4. Every problem looks like a nail when all you have is a hammer

5. Rich relationships are difficult to communicate

6. Distances creators from the users

Page 35: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 36: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 37: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 38: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

TEMPLATED THINKING SUCKS HARD.

TEMPLATES SUCK.

MODULAR THINKING IS BETTER.“Reid, I know you’re not that smart. Where’d it come from?”

http://bradfrost.com/blog/post/atomic-web-design/

Page 39: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

MODULAR DESIGN NEEDS TO SUCCEED ON THREE LEVELS1. Visual Language / Aesthetics

2. Technology

3. Content Strategy

Page 40: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

VISUAL LANGUAGE• Design must function as a system

• Start with the smallest units and build up

• Everything is reusable

• Initial deliverables become Pattern Libraries and Frameworks

• Design all the way through your process, but identify how components are assembled to make specific deliverables.

• Design the relationships.

Page 41: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

TECHNOLOGY• Theme needs to be organized, modular, and flexible

• IDs should be a red flag

• You should be able to output Bootstrap or Foundation like frameworks for your projects relatively easily

• Admin User Interfaces that encourage best practices.

• Give them the right tools, not all of the tools.

Page 42: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

CONTENT STRATEGY• Small components come together to form individual pieces of content

The Verge Longform, Velocity Page, Aesop Story Engine

• Relationships between pieces of content can tell larger storiesSnowfall, America The Gutted, Panel Builder, ACF Flex Content

• Content should continually push the abilities of the CMSPost Formats anyone?

• Stop thinking only in terms of taxonomy. Tell stories.

Page 43: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

PARADIGMS

SITE BUILDING VS CONTENT CREATION

Page 44: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 45: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 46: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 47: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 48: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 49: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

TOOLS

Page 50: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

DIVI

LONG FORM STORY

BUILDER

Page 51: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

HTTP://WWW.NIEMANLAB.ORG/

Page 52: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be
Page 53: Reimagining Content Creation - WordCamp Vancouver 2015 · Content limited to wysiwyg’s & metaboxes 4. ... • Theme needs to be organized, modular, and flexible • IDs should be

Thank you!

Q&A

Reid [email protected] // tri.be // @reidpeifer