Upload
david-peter-simon
View
475
Download
0
Embed Size (px)
DESCRIPTION
Talking about "Representing ..." paper, structural design in relation to usability
Citation preview
@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
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.