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)

1. RESPONSIVE DESIGN IS OVERRATED.
Developing context-aware UX
for fun and profit.
WHO
SAH
KNEE

2. A collection of technologies and
techniques that allow your content
to adapt to the viewer’s device.

3. Responsive design is
device-centric.

4. (Screen) Size
matters.
Device resolution
decides how your
content is
shown.

5. DEVICE
TYPE
SCREEN
SIZE
BROWSER
ATTRIBS
+
TECHNICAL
MAGIC
=

6. 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.

7. 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.

8. 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!

9. With all due respect,
that’s a bunch of
malarkey.

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

11. Tablets are
mobile, too.

12. A collection of technologies and
techniques that allow your content
to adapt to the viewer’s device

13. 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.
!
!
!

14. Nope.

15. YESTERDAY
TODAY
device-centric
user-centric

16. First, add more signals.

17. ?
DEVICE
TYPE
?
SCREEN
SIZE
?
BROWSER
ATTRIBS
+
TECHNICAL
MAGIC
=

18. Location.
At home, at work, or mobile?
Change button size?
Focus on video?
Focus on text?

19. Time.
Morning? Afternoon?
Evening?
Change colors?
Rearrange content?
Focus on social sharing?

20. Position.
Rotating? Angled up?
Angled down?
Rearrange buttons?
Simplify interface?
Mute audio?

21. LOCATION
DEVICE
TYPE
TIME
SCREEN
SIZE
POSITION
BROWSER
ATTRIBS
+
TECHNICAL
MAGIC
=

22. These signals are available in
most modern browsers today.

23. So what’s holding you back?

24. Second, change your process.

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

26. A mix of all disciplines
from day one.
A collaborative
environment driven by your
product’s needs.

27. DEVICE
TYPE
CROSSDISCIPLINE
TEAM
+
DEVICE
POSITION
TIME
SCREEN
SIZE
BROWSER
ATTRIBS
LOCATION
+
=
TECHNICAL
MAGIC

28. LESS OF
MORE OF

29. thanks for listening.
www.husani.com
WHO
SAH
KNEE
@husanioakley