nate archer - beyond responsive ixd13
DESCRIPTION
The rise of mobile has forced everyone dealing with web experiences to think beyond the desktop format. But, if we have learned anything from the recent push to mobile, we need to anticipate the future sooner rather than later; not only the next wave of formats, but everything after that. This presentation will talk about why we have to adapt to creating more flexible interactions for the immediate future and the coming wave of connected devices. It will look at the practical lessons learned from today’s best practices in responsive web design and think about how we can evolve and expand these to better handle the implications of a growing internet of things. The presentation aims to start a dialogue within the community and link web designers and more product oriented designers together, as there two worlds blur together.TRANSCRIPT
Beyond ResponsiveNate Archer / @natearchermyplanetdigital.com
This is not a talk about responsive design
Cha-cha-changes
http://www.flickr.com/photos/pdxsurreal/14301113
Native +
Responsive
http://www.flickr.com/photos/zzpza/3269784239
The future is here
http://wearcam.org/computing.html/
http://www.flickr.com/photos/jazzmasterson/3046719455
http://www.flickr.com/photos/mcmahon/4788415471
Running
Riding
http://www.flickr.com/photos/a4gpa/2620896189
How?
Flexible Interactions
http://www.flickr.com/photos/8773000@N08/8066218471
Flexible Interactions:Anticipate changeSupport user needsExtend experiences
What makes an interaction flexible?Able to be easily modified to respond to altered contexts
What makes an interaction flexible?Able to be easily modified to respond to altered contexts
Modifiable
http://www.flickr.com/photos/slackpics/4289782818
ModifiableAnticipatoryIndependentStructuredMeaningful
Understands Context
http://www.flickr.com/photos/mikebaird/3009401040
Understand ContextSenses
Processes
Understand ContextDevice, Location, Speed,
Motion, Immediacy, Sounds, Visuals, Behaviour,
Intimacy & More
http://research.microsoft.com/apps/video/default.aspx?id=162795
Responds
http://www.flickr.com/photos/splorp/64027565
RespondsForm
Function
http://www.adobe.com/ca/products/nav.html
Flexible Interactions are easily modified to respond to altered contexts; anticipating change,supporting user needs and extending experiences now and into the future.
Thanks!Nate Archer / @natearchermyplanetdigital.com