designing for distributed content models

DESIGNINGFOR DISTRIBUTEDCONTENT MODELS

@danieleizans | #WIADA2

DANIEL EIZANSWIAD2013 | 2.9.2013

http://www.flickr.com/photos/ryanprince1974/7417131586/

Let’s talk about patterns

@danieleizans | #WIADA2http://www.flickr.com/photos/ryanprince1974/7417131586/



We look for clarity in patterns


=

But we’re increasingly distracted


And Mobile Isn’t Going Away


And oh, that *$#@&! context thing ...


What’s a UX pro to do?


RESPONSIVE DESIGN?!UNIFY CODEBASES?

DEVICE SPECIFIC STRATEGY?PROTOTYPE?

MOBILE FIRST?!ESCHEW WIREFRAMES?


What (many of us) DO

We create hierarchy.


Home Ford Social Support LAD En Esp. More Ford Search

Cars Crossovers & SUVS Trucks Hybrids

and EVs

C-Max Hybrid

Hybrid Games Gallery Features Specs Models Accesories Pricing

C-Max Energi

Fusion Hybrid SE

Fusion Energi

Focus Electric

Comm Truck All Tech Hub Shopping

Tools

Build/Price

Etc.


We catalogue and audit pages.

We devise a strategy.


We produce wireframes.


Then we think about design and content.


And then things like this happen.


And happen....


And happen.... (for lots and lots of pixels)


Taking 25 seconds to load


Foundational workflows (and patterns) are failing us.


These are problems we can solve

@danieleizans | #WIADA2http://www.rexfeatures.com/search/?kw=lego+italy&iso=GBR&lkw=lego&viah=Y&stk=N&sft=&search_action=#

http://www.rexfeatures.com/search/?kw=lego+italy&iso=GBR&lkw=lego&viah=Y&stk=N&sft=&search_action=#

http://www.rexfeatures.com/search/?kw=lego+italy&iso=GBR&lkw=lego&viah=Y&stk=N&sft=&search_action=#


A Call To ArmsDesign from the content out!


We must look beyond the page.


Prepare for new devices and contexts.


Prepare for distribution.


Designing for Portability


Content is messy.• PURPOSE

What’s the content supposed to accomplish?

• MESSAGEWhat’s it saying? How is it saying it?

• RELATIONSHIPSWhat other content is conceptually connected?

• PRIORITIESHow important is it for the business? The user?


1. Content types (inventory) 2. Content wireframes 3. Content structure (data model)4. CMS Plan 5. UX/Design 6. Prototype

Making sense of the mess


1. Content Type / Persona2. Production Source / Author / Owner3. Original Intent (aka why was it made)4. Content Quality / Score5. Length / Word Count / File Size6. Rights

Content Inventory


Goal: Understand the whys

Content purpose

Content quality

Content reach


1. Logo2. Navigation3. Headline4. Author5. Date6. Related Assets7. Related Badge8. Comments9. Related Articles10. Social Links

Content Wireframe


1. Logo2. Navigation3. Headline4. Author5. Date6. Related Assets7. Related Badge8. Comments9. Related Articles10. Social Links

Content Wireframe1

2

34

5 6 7

8

9

10

Goal: Understand Hierarchy and Relationships

Feature Article

City

Author BioBusiness

Blog Post

Landmark

Deal Event

Links to Related

Tagged by

Tagged by

Links to Related

Links to Related

Tagged by

Tagged by

Related to

Tagged by

Links to Related

Links to Related

From Sara Wachter-Boettcher“Building Bendable Content” @danieleizans | #WIADA2

Focus on Structure


By focusing on parts instead of pages, data is portable and able to shift when needed or seen as a competitive advantage.

Goal: Create relationships in data


Chunking data appropriately allows it to be nimble and repurposed quickly.

CMS and Data Modeling


What you see may be what you get, but what you get isnʼt good for content portability.

CMS and Data Modeling


Fields are your friends. They create relationships in the data and allow for scalability and meaning.

So this will be like wearing

handcuffs right?


Models are like rails for each

new experience


We can’t manage how every bit of

content looks



Content ItemAttributes:⁃ Title⁃ Date⁃ Author⁃ Abstract ⁃ Detailed

Content

Relation-ship

Relation-ship

Relation-ship

Relation-ship

Content ItemAttributes:⁃ Title⁃ Address ⁃ Short

Description


Content

Content ItemAttributes:⁃ Title⁃ Date⁃ Location⁃ Teaser ⁃ Detailed

Content

Relation-ship

Relation-ship


Content

But we can define rules

and encourage

relationships

From Sara Wachter-Boettcher“Building Bendable Content”

Clean, purposeful content flows


And when content flows via systems, we can scale

COPECreate Once Publish Everywhere

And we can design responsively


And we can deploy


Assured that our system is good for humans and robots



“Content and form are lovers, their love-child is design”

- Stephen Hay

Hug it out. Get to work.


Thanks.

> Me (danieleizans.com)

> Work (Team Detroit)

> Passion (Contents Magazine)

> Microthoughts (@danieleizans)
