responsive design is overrated: developing context-aware ux for fun and profit

RESPONSIVE DESIGN IS OVERRATED.Developing context-aware UX

for fun and profit.

WHO SAH KNEE

A collection of technologies and techniques that allow your content

to adapt to the viewer’s device.

Responsive design is device-centric.

(Screen) Size matters.

Device resolution decides how your

content isshown.

SCREEN SIZE + TECHNICAL

MAGIC =DEVICE TYPE

BROWSER ATTRIBS

The Phone.The user is probably out in the world, not at home. !

They want information kept short and sweet. !

The device is definitely not as powerful as a desktop.

The user is probably at home, living room or kitchen. !

Used as a reference device. !

The device isn’t as powerful as a desktop.

The Tablet.

The Desktop.The user is sitting at a desk and uses a keyboard/mouse. !

The device will never be offline. !

Damn, that’s a big screen. This is gonna be awesome!

malarkey.

With all due respect, that’s a bunch of

Last week’s episode of Scandal generated almost 400 million tweets.

Tablets are mobile, too.

A collection of technologies and techniques that allow your content

to adapt to the viewer’s device

!

!

!

while making assumptions about how the device is being used.

A collection of technologies and techniques that allow your content

to adapt to the viewer’s device

Nope.

device-centric

YESTERDAY

user-centric

TODAY

First, add more signals.

+ TECHNICAL MAGIC =

? DEVICE TYPE

? SCREEN SIZE

? BROWSER ATTRIBS

Location.At home, at work, or mobile?

Change button size? Focus on video? Focus on text?

Time.Morning? Afternoon? Evening?

Change colors? Rearrange content? Focus on social sharing?

Position.Rotating? Angled up? Angled down?

Rearrange buttons? Simplify interface? Mute audio?

+ TECHNICAL MAGIC =

LOCATION DEVICE TYPE

TIME SCREEN SIZE

POSITION BROWSER ATTRIBS

These signals are available in most modern browsers today.

So what’s holding you back?

Second, change your process.

On the left, UX. On the right, tech. Oops.

A mix of all disciplines from day one.

A collaborative environment driven by your product’s needs.

+TECHNICAL MAGIC =

DEVICE TYPE

DEVICE POSITION

TIME SCREEN SIZE

BROWSER ATTRIBS LOCATION

CROSS- DISCIPLINE

TEAM +

LESS OF MORE OF

thanks for listening.

WHO SAH KNEE

www.husani.com @husanioakley