Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Content-First UX: How to Design with Words

Ryan Bigge
April 18, 2016

Content-First UX: How to Design with Words

Are you having trouble convincing clients to design with real content instead of meaningless placeholder copy? You’re not alone. Lorem Ipsum continues to thrive on tight deadlines, imperfect Statements of Work and ingrained habits. So what’s a content strategist to do?

Content-first user experience (C1UX) to the rescue! What is C1UX? Almost exactly what it sounds like – a way to build user experiences from content, not empty wireframes.

Ryan Bigge

April 18, 2016
Tweet

More Decks by Ryan Bigge

Other Decks in Design

Transcript

  1. Ryan Bigge | April 18, 2016 | @biggeidea Toronto Content

    Strategy Meetup Content-First UX: How to Design With Words
  2. 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
  3. 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)
  4. 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
  5. 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
  6. How can we better convince designers and stakeholders to build

    digital experiences from real content instead of Lorem Ipsum?
  7. I used to say I was a journalist moving into

    content strategy. Now I say I’m a content strategist moving into UX.
  8. I’m not alone. Karen McGrane calls herself a UX consultant.

    And she wrote a book about content strategy.
  9. So how does C1UX help content strategists improve user experience

    and eliminate placeholder copy? Excellent question(s).
  10. 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  
  11. 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.
  12. 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).
  13. The conversation map becomes the first step in determining your

    user experience. It’s conversational but thorough.
  14. 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
  15. “Imagine if we anticipated and designed for a conversation to

    happen at each decision point in a user's journey.” – Steph Hay
  16. What happens if you don’t anticipate and address the content

    needs of users? You’ll get a brutal teardown from UserOnboard.com
  17. 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