setting interface foundations with ia

43
WORLD IA DAY 2017 WASHINGTON DC

Upload: carrie-hane

Post on 08-Apr-2017

314 views

Category:

Internet


0 download

TRANSCRIPT

Page 1: Setting Interface Foundations with IA

WORLD IA DAY 2017

WASHINGTON DC

Page 2: Setting Interface Foundations with IA

WORLD IA DAY 2017

SETTING INTERFACE FOUNDATIONS WITH IA

Page 3: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017

CONTENT IS EVERYWHERE

Page 4: Setting Interface Foundations with IA

WORLD IA DAY 2017 01WORLD IA DAY 2016 01WORLD IA DAY 2016

CARRIE HANE

@CARRIEHD

Page 5: Setting Interface Foundations with IA

WORLD IA DAY 2017

OUR JOURNEY• WHERE ARE WE NOW?

• WHERE DO WE WANT TO GO?

• HOW DO WE GET THERE?

• WHAT DOES THAT GET US?

• HOW DOES THIS CHANGE YOUR WORK?

Page 6: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

WHERE ARE WE NOW?

Page 7: Setting Interface Foundations with IA

WORLD IA DAY 2017 01WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

WE’VE GOT SOME PROBLEMS

01So much content02So many devices03Changing design trends04Organization-centric05Silos

Page 8: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Garbage in, garbage out

Page 9: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

WHERE ARE WE GOING?

Page 10: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Future

Page 11: Setting Interface Foundations with IA

WORLD IA DAY 2017 01WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

The road to the future

01Ask better questions02Take a step back03Think differently

Page 12: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

IA and content strategy to the rescue!

https://flic.kr/p/pgLUU3

Page 13: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

HOW DO WE GET THERE?

Page 14: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Make the future happen

Page 15: Setting Interface Foundations with IA

WORLD IA DAY 2017 01WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Domain Model*

01Mental model of a subject domain02Captures the overall context of subject03Visualization of how concepts and relationships fit together04Models truth, not websites

* Thanks to Mike Atherton for these ideas

Page 16: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

RELATIONSHIPSHold specific meaning within a

domainDefined at a general level

Have descriptive properties

Explain how concepts connect in reality

Define structure outside an interfaceEstablish and support learning

through linking

CONCEPTS

WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Page 17: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Domain Model

orbits

wrote

partOf

adaptationOf

Page 18: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Domain Model

Page 19: Setting Interface Foundations with IA

WORLD IA DAY 2017

Isn’t this a content model?

Page 20: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

CONTENT IS EXPRESSION

DOMAIN IS CONTEXT

WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Page 21: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Content Model

• Follows from the domain model• Concerned with the content offered to users• Describes the required properties of each concept

Domain models capture overall meaning. Content models add specific structure.

WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Page 22: Setting Interface Foundations with IA

WORLD IA DAY 2017

Content models describe properties of each concept

Content model created for the 2015 IA Summit

WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Page 23: Setting Interface Foundations with IA

WORLD IA DAY 2017

From domain model to content model

The domain model expresses the main concept, the content model describes it with properties.

WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Page 24: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Domain model before

… content model… taxonomies… site maps

Page 25: Setting Interface Foundations with IA

WORLD IA DAY 2017

What does this get us?

Page 26: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Deliberately decide what to include

Page 27: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Understand how 200 sites fit together

Page 28: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Creates expansiveness, sets boundaries

Page 29: Setting Interface Foundations with IA

WORLD IA DAY 2017

How can I do this?

Page 30: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Part of research

Page 31: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Getting hold of the words

Describing  the  subject  domain  unpacks  concepts,  terms,  relationships  and  rules.

Page 32: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Pre-card sort activity

Page 33: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Concepts extracted

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.

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.

Person: An individual associated with one or more events.

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

Page 34: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Project validation

Page 35: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Lead, don’t dictate

Page 36: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

HOW DOES A DOMAIN MODEL HELP?

Page 37: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Content & IA1. Single source for a thing

Page 38: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Real world things don’t change

People

Involved in IA Summit

Involved in current year’s Summit

Volunteers in current year’s

Summit

See “Positing 3 axes of web design (possibly 4)” by Michael Smethurst, http://smethur.st/posts/176135864

Page 39: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Content & IA1. Single source for a thing2. Curation

cu•rate: to pull together, sift through, and select for presentation

Page 40: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Content & IA1. Single source for a thing2. Curation3. Flexibility

within an interfaceacross interfacesacross devices

Page 41: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

Organization1. Stakeholder alignment2. Prioritization3. Cohesive set of properties

Page 42: Setting Interface Foundations with IA

WORLD IA DAY 2017WORLD IA DAY 2017 | #WIAD17 #WIADDC | @carriehd

How could this change your work?

Page 43: Setting Interface Foundations with IA

WORLD IA DAY 2017

THANK YOU.

QUESTIONS?

PLEASE CONTACT:CARRIE [email protected] | @CARRIEHDTANZENCONSULTING.COM