Triple Crown of Custom Content - IA Strategy Session

Triple Crown of Custom Content

Information Architecture Strategy Session

by Gloria AntonelliWordCamp Chicago 2014

creating content structure with

Custom Post Types Custom Taxonomies & Custom Fields


WordCamp Chicago 2014@GloriaAntonelli #WCCHI

!

about me artist trainer designer consultant ux designer web strategist wordpress developer & scuba diver! !


RB

!

stuff i know

html css

php wordpress

web standards

front end design user experience usability testing content architecture information architecture


RB

Beyond Posts & PagesWhat: analyze, organize & preplan ! ! ! ! Custom Post Types (CPT)! ! ! ! Custom Taxonomies ! ! ! ! & Custom Fields!

How: Information Architecture ! ! & Content Architecture skills.!

Why: Supports UX, Business !Goals, !!! Authoring UI & Content Portability.


Agenda

Standard WordPress Posts or Pages may not be sufficient for different types of content.


Each content type can be separated into its own section instead of mixing in with posts or pages.

Build-in vs. CustomPages, Posts, Categories & Tags are build-in content structures. !

Custom Post Types, Taxonomies & Custom Fields - you build & extend the content structure.

WordCamp Chicago 2014@GloriaAntonelli #WCCHITriple Crown of Custom Content

Custom Post TypesCreate your own content containers.

Look for content that works better when separated from pages or posts.Options - books, movies, reviews,products, recipes, menus, venues,reports, artists, events, authors …



Presenters 2014 is a Custom Post Type (CPT)

Custom Taxonomies

A taxonomy is a way of organizing and relating content.

They classify and group like categories and tags.


Presenters 2014 (CPT) relates to Sessions 2014 (Custom Taxonomy)

Custom Fields

Meta-data is handled with key/value pairs.

Key Name: WP Book Value: Professional WordPress


Why Structure Content?Avoid long WYSIWYG - formatted pages. !

Create content modularity and portability.!

Content parts are disassembled & reassembled.!

Adapt to contexts, platforms devices & channels.!

Improve content production & guided authoring UI.!

Accommodate content with different requirements.

Step 1 Project (New or Redesign)!

Step 2 Assessment & Audit!

Step 3 Brainstorm & Collaboration!

Step 4 Create Content Model


Process


Use

Information Architecture"for the big picture

!

Content Architecture"for granular view

WordCamp Chicago 2014@GloriaAntonelli #WCCHITriple Crown of Custom Content

Designing a System• build smart components!

• labels are important!

• create relationships !

• capture attributes & methods!

• aim for consistency WordCamp Chicago 2014@GloriaAntonelli #WCCHI

Content Discovery"Museum of Contemporary Arts

Audit Curent Content

Start BroadCustom Post Types


Diagrams

Broad View


Custom Post Types connect with Custom Taxonomies.

Look for"ContentChunks

Hero Image

Body

TitleDate

Art Info

Extra

Talk

Sponsorship

Museum Exhibit Page

Detailed content model breaks down"each content type into its components."

Content Elements for exhibit page

• title of exhibition!

• date of exhibition!

• large image !

• body content about artist!

• booklet download!

• related events!

• funding

• image details!

• artist name!

• title!

• art creation year!

• medium!

• size!

• details!

• related events!

Look for RelationshipsExhibit Page

Talks Listing Page

MCA Talk Pages

12

What could be a… custom post type?"custom taxonomy?"custom field?

How does the content relate to each other? !Identify shared elements.

3


CollaborationUser Experience StrategistInformation ArchitectContent Strategist/ArchitectDesignerDeveloperProject ManagerStakeholderContent CreatorSubject Matter Expert


*Collaborators may have more then one skill. Your team can be large or small.

Content Modeling

A detailed description of each contenttypes, attributes and relationships.!!

Mines, Defines & RefinesWordCamp Chicago 2014@GloriaAntonelli #WCCHI

The art of designing structured content.

Why Content Modeling• clarifies requirements!

• creates better organization!

• assigns content types & elements!

• communicates tasks to dev!

• roadmap for custom templates

Brainstorm Activities• write out key stakeholders goals!

• target audience goals (personas)!

• compile important content areas!

• organize, group & label content areas!

• sort sticky notes with similar subjects

Sticky Notes Strategy

Prioritize sticky notes with dots.

Lots of Sticky Notes

Card Sorting

https://flic.kr/p/esq9T

Another way to sort and organize.

https://flic.kr/p/esq9T

Author Experience• supports author creation & management!

• author-oriented input considerations!

• build authoring interface for content elements!

• reduces time to create content!

• author is guided through the content input

Authoring Interface "CPT - Artist | Taxonomies - Art Forms, Curricular Themes, Ethnicity, Locations"

complements of @jamieschmid

Artist Page continues | Advanced Custom Fields Plugin Subpages - Residencies tab


Artist Page continues | Advanced Custom Fields Plugin Subpages - Stories for Students Tab


Success is a mix of business objectives, content strategy & crafting a user experience.!

Its iterative!


#663399Becca

My slides are purple for Rebecca. Becca is Eric Meyer’s daughter who lost her year long battle with cancer on her 6th birthday. June 7, 2014. Purple was her favorite color. Eric Meyer has lead the way for web standards for over 20 years. The international web community showed support for Eric and his family by tweeting #663399Becca on June 12. !Hope Becca’s spirit lends a “spark” to all of the web community. Lets continue to make the web better!

Color Purple in memory of Rebecca Alison Meyer!

“little spark”

Join the WordPress Global

Community Online Meetups WordCamps make.WordPress.org

!

thank you!Gloria Antonelli !@GloriaAntonelli

google + linkedin facebook

!

UX Designer Web Strategist WordPress Developer Consultant & Trainer

[email protected]


RB

mailto:[email protected]

Triple Crown of Custom Content - IA Strategy Session

Design

Transcript of Triple Crown of Custom Content - IA Strategy Session