Designing Future-Friendly Content

R b cR b pe = a ` =l`ql_bR =OM I =OMNS=# R E F R E S H D C

WITH

`^RR f b =e^kb=]`^RR f bes^

IT IS THE YEAR 2016.tb i `ljb = ql = q e b = c r qrR b

`lkqbkq=fp=bsbRvtebRbK

@CARRIEHD

YOUR HOST`^RR f b = e^kb =@ C A R R I E H D

MISSION BRIEFING50

@CARRIEHD

1. Future-Friendly Content - What is it and why do you need it?

2. How it starts: Research

3. Understanding the subject domain

4. Bring it to life with content design

5. Using your models for interface design

crqrRbJcR fbkaiv=`lkqbkqSTORED, STRUCTURED, AND CONNECTED FOR PEOPLE AND COMPUTERS, BEYOND THE USER INTERFACE.

@CARRIEHD

WHERE IT STARTEDOMNR = f ^ = p rjj f q

IA SUMMIT 20158

Goal: Create a future-friendly presence for annual event

Need: Anticipate every future event, not just 2015

Audience: Information architects and content strategists (No pressure!)

Outcome: Met our goals by practicing the same information architecture and content strategy methods we’re sharing today

0

@CARRIEHD

FUTURE-FRIENDLY CONTENT SOLVES PROBLEMS

9

So much content

So many devices

Changing design trends

Organization-centric

Silos

0

@CARRIEHD

b^è=fkqbRc^`b=fp=^=afccbRbkq=RbmRbpbkq^qflk=lc=qeb=p^jb=pqRr`qrRba=`liib`qflk=lc=RbplrR`bpK

INTERFACES ARE WINDOWS ON THE WORLD100

@CARRIEHD

il`^qflk

RbplRq

m^Rh

elqbi

tbbkfb

i^ka

jbî

Rbpq^rR^kq

^qqR^`qflk

è^R^`qbR

`Rb^qlR

tlRh

RbplrR`b=_bclRb=RbmRbpbkq^qflkKYOUR FIRST DESIGN DOESN’T CARE ABOUT YOUR PLATFORM OR WHAT CONTENT YOU HAVE.

FORGET WEBSITES. FORGET SITEMAPS.

CONSIDER THE pr_gb`q=alj^fk=AND THE RESOURCES WITHIN.

@CARRIEHD

RESEARCH_r f i a fkd = pe^R b a = rka bR p q^ka fkd

DESIGN BEGINS WITH WORDS13

Design starts from sharing a common language

Information spaces have contextual concepts, relationships, and rules

Our fundamental design is a model of connected concepts in a ‘subject domain’

The interfaces we then create are representations of that abstract space

0

@CARRIEHD

bumbRqp=j^m=qeb=tlRiaI=rpbRp=j^Rh=qeb=mlfkqp=lc=fkqbRbpqKGOOD MODEL-BASED DESIGN HAS COMPLEXITY BEHIND THE SCENES AND CLARITY UP FRONT.

FIND A BALANCE BETWEEN AUTHORITATIVE AND ACCESSIBLE.

@CARRIEHD@CARRIEHD

“So we’re putting on a ÅçåÑÉêÉåÅÉ=ÉîÉåí about f^. This óÉ~ê we

will be in jáååÉ~éçäáëI=jk. Our éêçÖê~ã has ÑìääJäÉåÖíÜ=and=

äáÖÜíåáåÖ=í~äâë from fantastic ëéÉ~âÉêë and âÉóåçíÉë, and other

Ñçäâë giving ÑìääJÇ~ó=and=Ü~äÑJÇ~ó=ïçêâëÜçéë, on íçéáÅë like

Future-Friendly Content. _ççâ=É~êäó for that one! The main event

has Ü~åÇëJçå=sessions for ÄÉÖáååÉêë and ÉñéÉêíë.

We host ëÉëëáçåë and ëçÅá~ä=ÉîÉåíë in different îÉåìÉë all over

the cityI=with the help of our îçäìåíÉÉêë and ëéçåëçêë.”

abp`R f_fkd=qeb=pr_gb`q=alj^fk=rkm^`hp=`lk`bmqpI=qbRjpI=Rbi^qflkpefmpI=^ka=RribpK

GETTING HOLD OF THE WORDS150

@CARRIEHD

i s each event an i nstance o f the overa l l ‘ conference ’ ?

i s the top i c a lways the same?

new locat i on each year ?i s th i s a type o f

ta l k or a durat i on ?

can a speaker a l so g i ve a workshop ?

Is a keynote d i f f erent to a speaker ?what are peop le g i v i ng

workshops ca l l ed ?

a l l sess i ons have var i ab l e durat i on ?

i s th i s k i nd o f top i c l i k e the ma in event top i c ?

t i c ket i ng ? ava i l ab i l i ty ? workshops on ly ?

d i f f i cu l ty ? wh i ch sess i on types ?

d i f ferent venue for each sess i on !

i s soc i a l just a k i nd o f sess ion ?

can vo lunteers a l so be speakers ? what about i n

the future ?

i s a sponsor a lways assoc i a ted w i th a

sess i on ?

klqbp=cRlj=Rbpb^R`e=fkqbRsfbt

CONCEPTS EXTRACTED160

@CARRIEHD

Brand: The overall brand, distinct from specific events.

Event: The 2016 IA Summit is an event.

Location: Place the event is held. Different city each year.

Venue: Within the location, a specific venue (usually a hotel) houses the event.

Hotel: The ‘official’ hotel for attendee accommodation. Usually this is the same as the event venue, though not necessarily.

Person: An individual associated with one or more events.

Role: The specific role (such as a speaker, co-chair, or volunteer) a person has within an event. A person may hold one or more roles for the same event.

Topic: May refer to the subject theme of a specific session, or an overall event.

Session: A specific occurrence within an event, such as a workshop or social.

Session format: The type of session, such as 45m talk, social, or workshop.

Track: A thematic grouping of sessions

Sponsor: Company who sponsors an event or specific session

lkb=mlppf_ib=alj^fk=jlabi=clR=^=`lkcbRbk`bK

CAPTURING THE DOMAIN MODEL170

@CARRIEHD

mbRplk

Rlib

bsbkq pbppflk

il`^qflk

pbppflk=clRj^qsbkrb

qlmf`

hasRoleInvolvedIn

HostedAt

LocatedIn

hasFormat

hasTopic

HostedAt

hasTopic

pmlkplR

SponsoredBy

qR^`h

elqbi

`lkcbRbk`b=_R^ka

SponsoredBy

partOf

partOf

hasAccomodation

LocatedIn

DOMAIN MODELSR b mR b p bk q fkd =R b ^ i f q v

CONCEPTS19

Concepts hold specific meaning within a subject domain

We define them at a generalised level to which specific examples can be applied

Concepts have their own descriptive properties

0

@CARRIEHD

RELATIONSHIPS20

Relationship values explain how concepts connect in reality

They help to define the structure of the working model outside of an interface

Explaining in an interface ‘how’ ideas connect supports learning through linking

0

@CARRIEHD

THE DOMAIN MODEL21

The domain model is our working model of how the concepts and relationships within a specific subject domain fit together

It is not intended as a sitemap, nor should it be limited by our content inventory

It aims to describe the subject complexity and we can decide later which parts of the model we want to expose in our interface

Domain models model truth, not websites

0

@CARRIEHD

afpkbv=qebjb=m^RhpW=alj^fk=jlabi

MODELING THE INFORMATION SPACE220

@CARRIEHD

il`^qflk

RbplRq

m^Rh

elqbi

tbbkfb

i^ka

jb^i

Rbpq^rR^kq

^qqR^`qflk

`e^R^`qbR

`Rb^qlR

tlRh

locatedIn

hasWeenie

ParentResortlocatedIn

locatedIn

hasEvent

features

adaptationOf

adaptationOfhasAttraction

CreatedBy

appearsIn

hasPark

contains

appearsIn

alj^fk=fp=`lkqbuqI=`lkqbkq=fp=bumRbppflkKDOMAIN MODELS CAPTURE AN OVERALL CONTEXT.

CONTENT MODELS ZOOM IN TO SPECIFIC STRUCTURE.

@CARRIEHD


24

So much content

So many devices



Silos

0

@CARRIEHD

CONTENT DESIGNcRlj = `lk` b m q = ql =R b ^ i f q v

^=`lkqbkq=jlabi=`^k=_b=aR^tk=ifhb=^=alj^fk=jlabi=tfqe=mRlmbRqv=cfbiap=^aabaK

SPACECRAFT CONTENT MODEL260

@CARRIEHD

bksfRlkjbkq

`R^cq=qvmb mfilq

`Rb^qfsb=tlRh

pm^`b`R^cq

fksbkqlR

FIRST NAME / LAST NAME PHOTO

AFFILIATION YEAR OF BIRTH

BIOGRAPHY

NAME PHOTO

DESCRIPTION LENGTH SPEED

WEIGHT SERVICE YEAR

FIRST NAME / LAST NAME YEAR OF BIRTH

PHOTO BIOGRAPHY

TITLE AUTHOR

DESCRIPTION RELEASE YEAR

NAME PHOTO

DESCRIPTION

NAME DESCRIPTION

@CARRIEHD / @MIKEATHERTON

Ú p qRr` qrR b a = `lkq bk q Û = q^h b p =_ il`hp =l c = `lkq bk q = ^ka = _R b ^h p =

q e bj = altk = fk ql = pj^ i i bR = ` erkhp

qR^mmba=fk=qeb=_lav=cfbiaWHEN CONTENT IS UNSTRUCTURED IN A ‘BLOB,’ CORE CONCEPT ATOMS ARE INVISIBLE AND UNACCESSIBLE.

@CARRIEHD SHOUT OUT TO JEFF EATON @EATON

CROSS-CHANNEL READY29

Meaning and relationships stored in a database, represented in an interface

Build many different interfaces to represent the same content and structure

Ready for visual redesigns or new devices yet to come.

0

@CARRIEHD

Rl_lqJRb^a^_ibCREATE CONTENT FOR CONSUMPTION BY HUMANS, SEARCH BOTS, AND ALGORITHMS

ALLOW CONTENT TO BE PUBLISHED ON EXTERNAL PLATFORMS WHILE RETAINING INTEGRITY

ALLOW YOUR CONTENT TO BE AVAILABLE AS AN API FOR THIRD-PARTY USE.

@CARRIEHD

SCALABLE FOR THE FUTURE31

Create a structure to support a lot of content

Accommodate current and future content inventory

Build connections and create a knowledge network across subjects

0


al`qlRtelKqs

EXAMPLE OF SCALABLE CONTENT ON BBC320

@CARRIEHD

http://www.doctorwho.tv

PLAN FOR IMPLEMENTATION33

Working as a team

Understanding content management

The Future-Friendly CMS

Understanding Content Type

Planning for Display

0

@CARRIEHD

MISSION NEARLY COMPLETE340

@CARRIEHD

1. Future-Friendly Content - What is it and why do you need it?


3. Understanding the subject domain



INTERFACE DESIGN`R b ^q fkd =t fkaltp =lk = vlrR =tlR i a

plrR`bW=eqqmWLL_R^acRlpqK`ljL_ildLmlpqL^qljf`Jtb_JabpfdkL

ATOMIC DESIGN & CONTENT360

@CARRIEHD

`lkqbkq=^p=abpfdk=j^qbR f^iCREATING DESIGN PATTERNS AND BUILDING CONTAINERS FOR CONTENT

@CARRIEHD

CONTENT AS DESIGN MATERIAL380


mbRplk=abpfdk=m^qqbRk=clR=ifpqp=lc=mblmib

CONTENT AS DESIGN MATERIAL - PATTERNS390

@CARRIEHD

CONTENT AS DESIGN MATERIAL - DYNAMIC DISPLAY - SPEAKERS400


CONTENT AS DESIGN MATERIAL - DYNAMIC DISPLAY - TEAM410


CONTENT AS DESIGN MATERIAL - TEMPLATES420


Username

Tw i t ter ID

B i o

Ma in Event

Sess i on date , s tart t ime - end t ime

Sess ion Name

Ro leP i c ture

@CARRIEHD

tb = pelr ia = ^ it^vp = _ b = illh fkd = ql =j^h b =^ = ` i b ^k = p v p q bj =t f qe = ^k = f k q bR c^ ` b =

R b ^av = ql = _ b = r p ba = _ v = ^ = p v p q bj =te f `e =e^pk D q = v b q = _ b bk = f ks bk q ba K =

TIM BERNERS-LEE, 2008


44

So much content

So many devices



Silos

0

@CARRIEHD

THE FUTURE^ =dR b ^q = _ f d = _ b^r q f c r i = qljlRRlt

mfqc^iipONGOING COMMITMENT AND RESOURCES TO SUPPORT DOMAIN-DRIVEN DESIGN IS ESSENTIAL

@CARRIEHD

`lkqbkq=fp=qeb=telib=a^jk=mlfkqKWE CONNECT WITH PEOPLE TO CONNECT THEM TO INFORMATION.

@CARRIEHD

qefkh=afccbRbkqKUNDERSTANDING HOW DEVELOPERS, WRITERS, AND COMPUTERS THINK WILL MAKE YOU A BETTER DESIGNER.

@CARRIEHD

alkÛq=_b=^cR^fa=lc=`ljjfqjbkqKBEING FUTURE-FRIENDLY MEANS DESIGNING FOR LONG-TERM BENEFITS AND BUILDING ON STABLE FOUNDATIONS.

@CARRIEHD

pbb=qeb=telib=_l^RaKCREATE GREATER VALUE BY MODELING THE COMPLETE DOMAIN, AND STITCHING YOUR CONTENT INTO THE FABRIC OF THE WIDER WEB.

@CARRIEHD

MISSION ACCOMPLISHED510

@CARRIEHD

1. What is Future-Friendly Content? Why do you want to have it?


3. Understanding the subject domain model



@CARRIEHD

al =te^q = vlr = al = _ b p qI =^ka = i f kh = ql = qe b =R b p qK

— JEFF JARVIS

CONTACT ME]`^RR f b ea =q^kw bk`lkpr iq f kd K `lj

http://tanzenconsulting.com

Designing Future-Friendly Content

Internet

Transcript of Designing Future-Friendly Content