@davidpetersimon

Representing Information Across Channels

IMG Source: http://is.gd/4OUw1e

PURE INFORMATION REPRESENTATION

STRUCTURED PRESENTATION

IMG Source: http://is.gd/fg5IGb

IMG Source: http://is.gd/5z13dK

!original no dithering dithering

IMG Source: http://is.gd/XFOoKn

IMG Source: http://is.gd/GcNg8m

IMG Source: http://is.gd/NFlXBL

IMG Source: http://is.gd/ujDmPr

IMG Source: http://is.gd/CHbnRB

WE MUST ADOPT AN AGILE, MOBILE FIRST APPROACH FOROUR NEXT MVP.

IMG Source: http://is.gd/qUjSAs

IMG Source: http://is.gd/vwz5z1

IMG Source: http://is.gd/Ki8HdB

“[We need] to develop thoughtful design systems, rather than creating simple

collections of web pages.” - @brad_frost

Quote Source: http://is.gd/fQUU9h

IMG Source: http://is.gd/oWMn34

IMG Source: http://is.gd/crKvwi

Form is not independent.

IMG Source: http://is.gd/UOe2QO

What defines a “page” nowadays?

!

IMG Source: http://is.gd/lBhdmb

IMG Source: http://is.gd/rj6QEE

Location: Twitter app

Connectivity: 3G

Location: Chrome browser

Connectivity: Wi-Fi

Location: Pocket app

Connectivity: Offline

IMG Source: http://is.gd/POnUr0

Instead of grids or textures, what is critical is the way the information is organized in a form that can be recognizable on any device, so as to add value to the user whatever entry point they may consume the content in.

It is about the fluidity of form and strength of device relationships, not page display.

!

IMG Source: http://is.gd/lBhdmb

“STRUCTURE FIRST” - @markboulton

IMG Source: http://is.gd/a3C6Gl

Create Once, Publish Everywhere.

!

IMG Source: http://is.gd/FEQhfF

Create Once, Publish Everywhere.

!

Create Once, Publish Everywhere.

!

Create Once, Publish Everywhere.

IMG Source: http://is.gd/V5Sd2P

39

“And so paradoxically, having more structure … is going to mean that we’re going to have more flexibility in the future to get that content onto places and platforms and devices that we didn’t even know would exist when we decided to do this ten years ago.”- @karenmcgrane

IMG Source: http://is.gd/zHCtXL

IMG Source: http://is.gd/dbqb5d

IMG Source: http://is.gd/qPVQ6s

meta title

meta description

thumbnail

IMG Source: http://is.gd/YrRBw4

!

IMG Source: http://is.gd/lyzlHo

Source:

“You only appreciate the IA through exposure to the complex cross-channel nature of the service.”

- @resmini

IMG Source: http://is.gd/0hWAPo

IMG Source: http://is.gd/NvhjBc

Mobile?

IMG Source: http://is.gd/BLoZX5

Mobile?Mobile?

IMG Source: http://is.gd/IYTENt

Mobile?

IMG Source: http://is.gd/dovJUG

IMG Source: http://is.gd/eYhaDY

Responsive?Mobile?

Responsive?Mobile?

structured

Responsive?Mobile? usable

structured

Talk with me on Twitter: @davidpetersimon

Thanks to the organizers @we_are_Nomensa.