plan your chunks! future-proofing your information architecture with drupal (rock eagle 2014)

26
Plan your Chunks! @adellefrank (adellefrank.com) 2014 October 23 USG Rock Eagle #USGre14 Future-proofing your Site’s Information Architecture

Upload: adelle-frank

Post on 29-Nov-2014

53 views

Category:

Technology


0 download

DESCRIPTION

Master the tools in your Drupal site-building arsenal to future-proof your information design! See sloppy blobs battle discrete chunks - and lose! Learn basic concepts AND expert tips for organizing your website. Uncover secret strategies for making findable, usable content. Some of the topics covered include the importance of planning your names, entities versus content types, why NOT to share fields, always being multilingual, when and why to use taxonomy, connecting with entity reference, and more! No Drupal knowledge required, and a number of these insights will apply to ANY Web project you are planning.

TRANSCRIPT

Page 1: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

Plan your Chunks!

@adellefrank (adellefrank.com)

2014 October 23

USG Rock Eagle #USGre14

Future-proofing your Site’s Information Architecture

Page 2: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

2

A bit about me & about DrupalA bit about me & about Drupal

Hi, I’m drupal

I make websites …with help from Adelle

and YOU!

Page 3: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

3

Who are Y’ALL?Who are Y’ALL?

Page 4: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

4

OutlineOutline

*PRIZES for participation!

1.Why Plan your Chunks?

2.How to Plan?

3.Which Chunks to Plan?

Page 5: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

5

Practice: What do we do?Practice: What do we do?

Page 6: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

6

Why Plan? Zombie / Device ApocalypseWhy Plan? Zombie / Device Apocalypse

Photo Credits: hello world by Windell Oskay (https://www.flickr.com/photos/oskay/472097903); Samsung Galaxy Gear by [email protected] (http://commons.wikimedia.org/wiki/File:Samsung_Galaxy_Gear_Comparison.jpg); Flat Screen LCD television by Vector Fresh (http://vector4free.com/vector/flat-screen-lcd-television)

Page 7: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

7

Why Plan? Karen McGrane 2013 KeynoteWhy Plan? Karen McGrane 2013 Keynote

http://karenmcgrane.com/2013/05/23/drupalcon-keynote-video-and-talk-notes/

"It’s a war of blobs versus chunks: sloppy blobs of where there’s no distinction between content & form VS. clean, flexible, presentation-independent chunks.”

Page 8: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

8

My definition of Information ArchitectureMy definition of Information Architecture

Designing and building STRUCTURES

that make it easier to

FIND, USE, & MANAGE

shared information

on any DEVICE.

Page 9: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

9

What do we do?What do we do?

Page 10: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

10

Why Plan? Change happensWhy Plan? Change happens

• Changes

– Updates

– Migrations

– New web technologies

– My organization

Page 11: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

11

YOUR examples: Web-ish ChangesYOUR examples: Web-ish Changes

Page 12: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

12

Why Plan? Change is HARD: be KindWhy Plan? Change is HARD: be Kind

• Easier to change in PLANNING than on LIVE site! (know system limitations & gotchas)

• Be nice to your future self, authors, & those who come after you.

Page 13: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

13

What do we do?What do we do?

Page 14: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

14

How do YOU Plan sites?How do YOU Plan sites?

Page 15: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

15

How to Plan?How to Plan?

• Think BEFORE you click

• Self-documenting, as you go

• Use simple tools (like Checklists)– Drupal Groups, Content planning checklist for a

Drupal site https://groups.drupal.org/node/144374

– John Walling, Drupal Project Check List https://checkvist.com/checklists/61331?simple=true

• Think in CHUNKS

Page 16: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

16

Which Chunks to Plan? Drupalese 101Which Chunks to Plan? Drupalese 101

Drupalese 101:

http://drupalcampatlanta.com/node/154

@annikagarbers is a better explainer than me, but I’ll try!

Page 17: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

17

Which Chunks to Plan? Layout vs. ContentWhich Chunks to Plan? Layout vs. Content

Page 18: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

18

Layout/Design Chunks: make it prettyLayout/Design Chunks: make it pretty

• Theme = all the Design things

• Page (vs. Web Page vs. Article) = Layout (&

sometimes “About”)

• Regions = Sections/Areas/Parts (of a Page)

• Blocks = content-having box, inside a Region

• Views = lists or other ways to Show content

Page 19: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

19

Find the Layout ChunksFind the Layout Chunks

Page 20: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

20

Planning Content Chunks: Gooey InsidesPlanning Content Chunks: Gooey Insides

• Entities & Fields = orange with cloves (an Idea)

• A specific Node = an instance = my dog Jasper

• Even More Abstract stuff:

– Content Types (I need more containers)

– User accounts

– Taxonomy terms (Linnaeus)

– etc.

Page 21: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

21

Find the Content ChunksFind the Content Chunks

Page 22: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

22

Find the Content Chunks, reduxFind the Content Chunks, redux

Page 23: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

23

The Content Chunks strike backThe Content Chunks strike back

Page 24: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

24

Which Chunks to Plan? Mental MapWhich Chunks to Plan? Mental Map

http://druvision.com/content/drupal-information-architecture

Page 25: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

25

Which Chunks to Plan? Imitate GurusWhich Chunks to Plan? Imitate Gurus

• Larry Garfield, Developing Drupal sites: Plan or Perish (Build Spec)http://www.palantir.net/blog/developing-drupal-sites-plan-or-perish

• Jody Lynn, Semantic Site Architecture (Naming)https://austin2014.drupal.org/session/semantic-site-architecture

• Kristen Pol, Hook 42 Presentations at Stanford Drupal Camp (Tune-up Checklists, Migrations, Features, and more!) http://www.hook42.com/blog/hook-42-presentations-stanford-drupal-camp

• BadCamp & DrupalCon Amsterdam: some great sessions! https://2014.badcamp.net & https://amsterdam2014.drupal.org/

Page 26: Plan your Chunks! Future-proofing Your Information Architecture with Drupal (Rock Eagle 2014)

26

Questions?Questions?