@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 FOR
OUR 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.

Collaborate Bristol