Responsive design: impact & aanpakCMS CONGRES 2013

Floor van Riet | Creatief directeur Sabel Online | @floorvanriet | linkedin.com/in/floorvanriet

bradfrostweb.com

bradfrostweb.com

bradfrostweb.com

bradfrostweb.com

On the go?

CONTEXT

SchermresolutieKenmerken apparaat

SnelheidInputmogelijkheden

BehoeftenOmgevingAandachtsniveauVaardigheden

Adaptive Responsive

Desktop

Mobile Tablet

Site

Media queries

Fluid grids

Flexible images

ami.responsivedesign.is

Enkele voorbeelden

bra

dfro

stweb.co

m

Waterval

Waterval

Content?

Content?

Content?

Content?

Contentchoreografie

“We moeten dichter bij de content zelf blijven, een framework creëren om slimme keuzes te maken over de structuur ervan.”— Sara Wachter-Boettcher

“De toekomst van adaptieve content is een gestructureerde, flexibele en herbruikbare set platform-onafhankelijke content.”— Karen McGrane

Research

Interaction design

Interaction design

Web design

Art direction

Content outlines

Functional specs

Composite design

Content strategy

Web design

Front end dev.

Back end dev.

Content require-ments

Online strategy

IA

Database design

Content creation

Content creation

Strategy

Sprints

Structure

Skeleton

Scope

Gebaseerd op 5 ‘planes’ van Jesse

James Garrett

Zo gaat het web werkelijk over content, over betekenis, over boodschap en relaties met echte mensen.

CMS CONGRES 2013FLOOR@SABELONLINE.NL

Floor van Riet | Creatief directeur Sabel Online | @floorvanriet | linkedin.com/in/floorvanriet