Nate Archer - Beyond Responsive IXD13

26
Beyond Responsive Nate Archer / @natearcher myplanetdigital.com

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 of Nate Archer - Beyond Responsive IXD13

Page 1: Nate Archer - Beyond Responsive IXD13

Beyond ResponsiveNate Archer / @natearchermyplanetdigital.com

Page 2: Nate Archer - Beyond Responsive IXD13

This is not a talk about responsive design

Page 3: Nate Archer - Beyond Responsive IXD13

Cha-cha-changes

http://www.flickr.com/photos/pdxsurreal/14301113

Page 4: Nate Archer - Beyond Responsive IXD13
Page 5: Nate Archer - Beyond Responsive IXD13

Native +

Responsive

http://www.flickr.com/photos/zzpza/3269784239

Page 6: Nate Archer - Beyond Responsive IXD13

The future is here

http://wearcam.org/computing.html/

Page 7: Nate Archer - Beyond Responsive IXD13

http://www.flickr.com/photos/jazzmasterson/3046719455

Page 8: Nate Archer - Beyond Responsive IXD13

http://www.flickr.com/photos/mcmahon/4788415471

Running

Page 9: Nate Archer - Beyond Responsive IXD13

Riding

http://www.flickr.com/photos/a4gpa/2620896189

Page 10: Nate Archer - Beyond Responsive IXD13

How?

Page 11: Nate Archer - Beyond Responsive IXD13

Flexible Interactions

http://www.flickr.com/photos/8773000@N08/8066218471

Page 12: Nate Archer - Beyond Responsive IXD13

Flexible Interactions:Anticipate changeSupport user needsExtend experiences

Page 13: Nate Archer - Beyond Responsive IXD13

What makes an interaction flexible?Able to be easily modified to respond to altered contexts

Page 14: Nate Archer - Beyond Responsive IXD13

What makes an interaction flexible?Able to be easily modified to respond to altered contexts

Page 15: Nate Archer - Beyond Responsive IXD13

Modifiable

http://www.flickr.com/photos/slackpics/4289782818

Page 16: Nate Archer - Beyond Responsive IXD13

ModifiableAnticipatoryIndependentStructuredMeaningful

Page 17: Nate Archer - Beyond Responsive IXD13
Page 18: Nate Archer - Beyond Responsive IXD13

Understands Context

http://www.flickr.com/photos/mikebaird/3009401040

Page 19: Nate Archer - Beyond Responsive IXD13

Understand ContextSenses

Processes

Page 20: Nate Archer - Beyond Responsive IXD13

Understand ContextDevice, Location, Speed,

Motion, Immediacy, Sounds, Visuals, Behaviour,

Intimacy & More

Page 21: Nate Archer - Beyond Responsive IXD13

http://research.microsoft.com/apps/video/default.aspx?id=162795

Page 22: Nate Archer - Beyond Responsive IXD13

Responds

http://www.flickr.com/photos/splorp/64027565

Page 23: Nate Archer - Beyond Responsive IXD13

RespondsForm

Function

Page 24: Nate Archer - Beyond Responsive IXD13

http://www.adobe.com/ca/products/nav.html

Page 25: Nate Archer - Beyond Responsive IXD13

Flexible Interactions are easily modified to respond to altered contexts; anticipating change,supporting user needs and extending experiences now and into the future.

Page 26: Nate Archer - Beyond Responsive IXD13

Thanks!Nate Archer / @natearchermyplanetdigital.com