Tweet
Tweet

Slide 1

Slide 1 text

Ryan Bigge | April 18, 2016 | @biggeidea Toronto Content Strategy Meetup Content-First UX: How to Design With Words

Slide 2

Slide 2 text

Let’s talk about me … •  Former print journalist •  Moved into content strategy six years ago •  Interested in the overlap between UX and content •  I’ve worked with words for almost 20 years

Slide 3

Slide 3 text

Now let’s talk about … Content-First User Experience (C1UX) A technique invented by Steph Hay

Slide 4

Slide 4 text

Content-First UX

Slide 5

Slide 5 text

Content-First UX change management process user research interaction design

Slide 6

Slide 6 text

Content-First UX change management process user research interaction design SEO accessibility responsive design

Slide 7

Slide 7 text

Reasons I like C1UX: •  I’ve tried it and it actually works

Slide 8

Slide 8 text

Reasons I like C1UX: •  I’ve tried it and it actually works •  A bunch of other people have recently championed C1UX, although they call it: •  Content Design (GOV.UK) •  Storymapping (Donna Lichaw) •  Designing with words (Nicole Fenton)

Slide 9

Slide 9 text

Reasons I like C1UX: •  I’ve tried it and it actually works •  A bunch of other people have recently championed C1UX, although they call it: •  Content Design (GOV.UK) •  Storymapping (Donna Lichaw) •  Designing with words (Nicole Fenton) •  It plays to my strengths as a copywriter, journalist and content strategist

Slide 10

Slide 10 text

Reasons I like C1UX: •  I’ve tried it and it actually works •  A bunch of other people have recently championed C1UX, although they call it: •  Content Design (GOV.UK) •  Storymapping (Donna Lichaw) •  Designing with words (Nicole Fenton) •  It plays to my strengths as a copywriter, journalist and content strategist •  It serves as a constant reminder that content = UX

Slide 11

Slide 11 text

How can we better convince designers and stakeholders to build digital experiences from real content instead of Lorem Ipsum?

Slide 12

Slide 12 text

C1UX = content strategy + copywriting + user experience Content-First User Experience

Slide 13

Slide 13 text

I used to say I was a journalist moving into content strategy. Now I say I’m a content strategist moving into UX.

Slide 14

Slide 14 text

I’m not alone. Karen McGrane calls herself a UX consultant. And she wrote a book about content strategy.

Slide 15

Slide 15 text

So how does C1UX help content strategists improve user experience and eliminate placeholder copy? Excellent question(s).

Slide 16

Slide 16 text

conversation map c o n v e r s a t i o n m a p conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map conversation map  

Slide 17

Slide 17 text

A conversation map is a series of linked speech bubbles that express, in ordinary language, the content expectations of your persona as she travels from Point A to Z.

Slide 18

Slide 18 text

A conversation map is a series of linked speech bubbles that express, in ordinary language, the content expectations of your persona as she travels from Point A to Z. As a bonus, the convo-map helps identify what she’s feeling (emotional states) and thinking (mental models).

Slide 19

Slide 19 text

The conversation map becomes the first step in determining your user experience. It’s conversational but thorough.

Slide 20

Slide 20 text

What is Acorn? Acorn lets you build a free and attractive portfolio site in less than 60 seconds. Why do I need Acorn? It’s perfect for designers, students and photographers – or anyone who doesn’t want to waste time and money creating a new portfolio site Won’t my Acorn site just look like a jumble of junk? We appreciate your skepticism. Here’s a sample Acorn site. Of course, you can customize and tweak until you’re happy. Sounds good. I’m ready for my free trial page. User Product/Service

Slide 21

Slide 21 text

http://www.mayaeilam.com/2012/01/01/the-shapes-of-stories-a-kurt-vonnegut-infographic/

Slide 22

Slide 22 text

“Imagine if we anticipated and designed for a conversation to happen at each decision point in a user's journey.” – Steph Hay

Slide 23

Slide 23 text

No content

Slide 24

Slide 24 text

No content

Slide 25

Slide 25 text

What happens if you don’t anticipate and address the content needs of users? You’ll get a brutal teardown from UserOnboard.com

Slide 26

Slide 26 text

Benefits of a conversation map: •  Reduced risk •  Better collaboration •  Built from and validated through UX research •  Serves as a first draft of your copy deck •  Complements IxD process •  A way to smuggle related aspects of content strategy into your design process

Slide 27

Slide 27 text

Last-minute content cannot fix a broken user experience

Slide 28

Slide 28 text

Develop real copy from the start… … or suffer the consequences.

Slide 29

Slide 29 text

Super List of C1UX resources: http://tiny.cc/C1UX

Slide 30

Slide 30 text

Super List of C1UX resources: http://tiny.cc/C1UX Super List of Shopify thoughts: https://medium.com/ shopify-ux

Slide 31

Slide 31 text

Thank you! Questions? Comments? @biggeidea