Content first for Better UX

  • Published on
    22-Feb-2017

  • View
    120

  • Download
    0

Embed Size (px)

Transcript

Content First f r Better UX

Kavitha KrishnanUX Camp - Apr 30, 2016

Why content first?

1996

1980s

1970s

Photographers Market

But, Why content before design?

http://blog.usabilla.com/10-best-ux-infographics-5/

But, Why content before design?

Design may be impressive but content is the reason users are there

Design may be impressive but content is the reason users are thereContent decides interaction

Design may be impressive but content is the reason users are thereContent decides interactionContent determines the design

Design may be impressive but content is the reason users are thereContent decides interactionContent determines the designContent first is mobile first approach

Content Choreography

https://speckyboy.com/2013/01/17/the-evolution-of-responsive-web-design-responsivity-analysis/

But, why?

DesignContentDesignContent

Round 1A well-designed space immediately says that you care about the details and that you want to contribute something fun and meaningful to your customers' lives.

Design is a word thats come to mean so much thatwe don't really talk about design, we talk about developing ideas and making products.

Round 2

The use of high quality, education-based content has become an essential ingredient in creating awareness, building trust, converting leads, serving customers and generating referrals.Todays web is an endless 24/7 cycle fed by content and social actions.

Round 3You can write for your idea-spreaders AND you can write for your buyers.

Design is the fundamental soul of a man made creation.

What is content first strategy?

You can create good experiences without knowing the content. What you cant do is create good experiences without knowing your content structure. What is your content made from, not what your content is.

- Mark Boulton

What do you do when there is no content?

F*&% Lorem Ipsum

Start with Five WsWho are your users?

What is the main message you want to get across?

Where does the action take place?

When is it relevant?

Why is it important?

The Core Model

Content Inventory Navigation TitlePage TitleFiles Last UpdatedOwnerContent (optional)0.0HomeWine Tasmania3/5/2016PK1.0Wine Tasmani3/5/2016KK1.1 HistoryHistory1.2 TouringTouring1.3 InvestmentsInvestments1.4 PartnersPartners1.5 Industry statisticsIndustry Statistics2.0Latest NewsLatest News3/5/2016KK3.0Events PK3.1 OverviewEvents3.2 BookingEvent Booking3.3 PolicyBooking Policy4.0MembersMembers3/5/2016JH5.0ResourcesResources3/5/2016JH6.0Contact UsContact Us3/5/2016JH

Page Table

Use real text in early sketching

Use Proto ContentCurrent Content

Competitor Content

Write your own content

This wont hold up

bradfrostweb.com

Era of Digital Omnivore

90% move between 4 core devices to accomplish a goal1.75 Billion smartphone users worldwide in 2014

24 Billion wireless connected devices in 2022

225 B app downloads worldwide in 2016

6 connected devices owned on average by tabled owners

86% use mobile devices while watching TV and other mediaDesigning Multi-Device Experiences, Michal Levin, OReilly, 2014

Multi-Device Ecosystem

Designing Multi-Device Experiences, Michal Levin, OReilly, 2014

Design/content thats unfixed from the desktop Design/content ready for new devicesDesign/content portable to future platforms/devices

COPE: Create Once, Publish Everywhere

GO FROM PAGES TO PARTS

Brad Frosts Atomic DesignWere not designing pages, were designing system of components

- Stephen Hay

Brad Frosts Atomic Design

Atoms

Molecules

Organism

Templates

Pages

Why Brad Frosts Atomic Designs?

Brad Frosts Atomic DesignObject Oriented Design

Object Oriented DesignObject Oriented Programming is a programming language model organized around objects rather than actions and data rather than logic.Object Oriented design is the art of identifying real world objects and map objects so that they work together to create a digital system that is efficient and meets user goals.

Brad Frosts Atomic DesignObject Oriented DesignInteractive Game Design Approach

Interactive Game Design Approach

We cant manually managehow each bit of design looks.

But, when we have structure,we can make rules.

Better content knowledge

More Structure

Rules that best reflect human choices

Questions ?

Thank You!

@PassionateUXer

kavitha.krishnan4@gmail.com