Essay on 5.Mall-RWDsummit2014-RWDstillEASYhard

Submitted By jeffsmrctest21
Words: 1107
Pages: 5

by Dan Mall (@danielmall) for RWD Summit 2014

!

Henry Ford
Photo: http://goo.gl/IoAncU

1907

“A motor car for
the great multitude”

1913

First moving line assembly
!

Photo: http://goo.gl/ZUSNbv

Reduce prices

Reduce prices
Low-skilled laborers could replace
skilled craftspersons

Reduce prices
Low-skilled laborers could replace
skilled craftspersons
Bring work to the workers so they spend
less time moving about

Reduce prices
Low-skilled laborers could replace
skilled craftspersons
Bring work to the workers so they spend
less time moving about
Well-paid workers would put up with
dull work and still be loyal

SPOILER

We’re not far off.
!
Photo: http://goo.gl/TvxJbZ

SPOILER

Tips, tricks & stories
!
Photo: http://goo.gl/TvxJbZ

A Framework
(NOT A PROCESS)

!
twitter.com/simonlindsay/status/433651732481323008

!
twitter.com/cjwillet/status/433669676950765568

Traditional Waterfall
KICKOFF

User Experience

Design

Development

LAUNCH

WATERFALL TO AGILE
…IN 6 EASY PAYMENTS!

Traditional Waterfall
KICKOFF

User Experience

Design

Development

LAUNCH

http://goo.gl/YzvPvL

http://en.wikipedia.org/wiki/Track_and_field

IA: Good luck suckers, I’m done my part!

http://en.wikipedia.org/wiki/Track_and_field

IA:

DESIGNER: My uniform is more stylish!

http://en.wikipedia.org/wiki/Track_and_field

DEVELOPER: …what sport is this?
IA:

DESIGNER

http://en.wikipedia.org/wiki/Track_and_field

Traditional Waterfall
KICKOFF

User Experience

Design

Development

LAUNCH

1

Passing the Baton

User Experience
IMPORTANT OVERLAP

Design

Development

IMPORTANT OVERLAP

2

More together time

User Experience
ALL HANDS ON DECK

Design

Development

3

Maximum Involvement

User Experience

Design

Development

4

Appropriate Tapering

User Experience

HEAVY AND EQUAL INVOLVEMENT UP FRONT FROM ALL DISCIPLINES

Design

Development

5

Focal Points

5
KICKOFF

Focal Points
LAUNCH

5
START

Focal Points
SHIP

5

Focal Points

START

SHIP
DIVERGENT THINKING & EFFORT

CONVERGENT THINKING & EFFORT

5

Focal Points

6

Rinse & Repeat

6

Rinse & Repeat

6

Rinse & Repeat

6

Rinse & Repeat

Rinse & Repeat

6

START

START

SHIP

START

SHIP

START

SHIP

SHIP

6

WRITE CREATIVE BRIEF

DELIVER CREATIVE BRIEF

Rinse & Repeat
START SITE STRUCTURE

CREATE HOME PAGE

DELIVER SITE STRUCTURE

LAUNCH NEW HOMEPAGE

TWEAK ARTICLE PAGE

LAUNCH NEW ARTICLE PAGE

Traditional Agile
WRITE CREATIVE BRIEF

DELIVER CREATIVE BRIEF

START SITE STRUCTURE

CREATE HOME PAGE

DELIVER SITE STRUCTURE

LAUNCH NEW HOMEPAGE

TWEAK ARTICLE PAGE

LAUNCH NEW ARTICLE PAGE

A MODERN WEB DESIGN PROCESS
…IN 4 EASY PAYMENTS!

1

Plan

PLAN

Research

PLAN › RESEARCH ›

Hypothesize

2

Inventory
SHOW ME WHATCHA WORKIN’ WIT’

INVENTORY

Content Inventory

!
abookapart.com/products/the-elements-of-content-strategy

You’re going to create an extremely detailed site map
that represents every page and other piece of content
on the website you are working with, along with every
other piece of existing content that may end up on the
site, but that lives elsewhere.
!

For each piece of content, an inventory generally lists:






a title
format (standard text, video, P DF , etc.)
URL or other location
content type (landing page, article, support page, contact page, etc.)
owner (person responsible for upkeep)

!
!
—Erin Kissane, The Elements of Content Strategy, page 52

Kevin M. Hoffman

Josh Luciano

Noah Stokes

Information Architecture
@kevinmhoffman

Design
@jluciano215

Development
@motherfuton

Dan Mall

Matt Cook

Creative Direction & Design
@danielmall

Production
@mattecook

CONTENT STRATEGY FOR DUMMIES DESIGNERS

Add • Edit • Remove

INVENTORY

Performance Budgets

Tim Kadlec
Development
@tkadlec

Dan Mall

Matt Cook

Creative Direction & Design
@danielmall

Production
@mattecook

INVENTORY

Pattern Inventory

INVENTORY

Visual Inventory

“ If you want to get a better understanding of
something, asking a question