nate archer - beyond responsive ixd13

Post on 02-Nov-2014

1.548 Views

Category:

Design

5 Downloads

Preview:

Click to see full reader

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

top related