responsive design is overrated: developing context-aware ux for fun and profit
DESCRIPTION
Here's a presentation I gave at Digital Dallas on going beyond responsive design - and using other signals to tweak content and functionality. (Digital Dallas, December 10th 2013)TRANSCRIPT
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