The talk tries to explore the context-aware design approach as well as user-centered design, and how we should stop thinking in terms of universal solutions, why responsive design sometimes is actually not such a good idea, and why it's important to validate pretty much everything before applying anything new.

1. Context-Aware Design

2. is hot topic

3. Mobile is the future…
5 years already

4. Same old song

5. Mobile vs Desktop

6. Pragmatic People

8. Responsive design was listed as
#2 in Top Web Design Trends for 2012
by .net magazine

9. Mashable called
2013 the Year of Responsive Web Design
Many other sources have recommended responsive design as a
cost-effective alternative to mobile applications.

10. In 2013 Forbes urged everyone
“The time to get responsive with your
web design is now”
Article: “Why You Need to Prioritize Responsive Design Right Now”

12. Responsive as Default

13. Less Clicks is Better

14. Everything Should
Fit One Screen

15. Large Buttons and Linear
Layout?

17. Technology-Driven UX

18. Rather than tailoring disconnected designs to each of an ever-
increasing number of web devices, we can treat them as facets of the
same experience. We can design for an optimal viewing experience,
but embed standards-based technologies into our designs to make
them not only more flexible, but more adaptive to the media that
renders them. In short, we need to practice responsive web design.
Ethan Marcotte
http://alistapart.com/article/responsive-web-design/

19. Through a combination of embedded robotics and tensile materials, architects
are experimenting with art installations and wall structures that bend, flex, and
expand as crowds approach them. Motion sensors can be paired with climate
control systems to adjust a room’s temperature and ambient lighting as it fills
with people. Companies have already produced “smart glass technology” that
can automatically become opaque when a room’s occupants reach a certain
density threshold, giving them an additional layer of privacy.
Responsive Architecture
http://alistapart.com/article/responsive-web-design/

20. Different Mobile
Usages

22. The layout changes
based on the size and
capabilities of the device

23. Linear vs Multi-column

24. Bigger Buttons on
Smaller Screens

25. Check for Screen Size,
Not Device Type

26. • http://alistapart.com/article/responsive-web-design/
• http://www.lukew.com/ff/entry.asp?1494
• http://www.lukew.com/ff/entry.asp?1514
• https://developers.google.com/web/fundamentals/
layouts/rwd-fundamentals/
• http://www.practicalecommerce.com/articles/
80056-8-Common-Responsive-Design-Mistakes
• http://mediaqueri.es/
bit.ly/uxriga1
bit.ly/uxriga2
bit.ly/uxriga3
bit.ly/uxriga4
bit.ly/uxriga5
bit.ly/uxriga6

27. Responsive to What?

28. User vs Device

29. Supercomputer in your
hands

30. USER
TASK CONTEXT

31. Context, noun.
Cause of event the situation within which something
exists or happens, and that can help explain it
Cambridge Dictionary
Synonyms for context: circumstance, situation, phase, position, posture, attitude,
place, point, terms, regime, footing, standing, status, occasion, surroundings,
environment, location, dependence.

32. Context is any information that
can be used to characterize the
situation of an entity
An entity is a person, place, or object that is considered
relevant to the interaction between a user and an
application

33. Context: at work

34. Mobile Usage

36. 'context awareness',
a term that describes the ability of
the computer to sense and act upon
information about its environment.

40. Sensors
Data
Context
App Modes
Triggers
Feeds
Implies

44. Environmental
Context
Personal
Conditions
Infrastructure Location
Light
Pressure
Acceleration Audio
Temperature
Flickering
Level Wave length
Social
Environment
User Purposes

49. Google Now

68. • http://www.uie.com/articles/context_aware/
• http://www.bigspaceship.com/context-aware-
web-design/
• http://www.fastcolabs.com/3021735/how-we-
built-a-new-design-language-for-aware-apps
• http://www.cavelanguage.org/rfc.html
• https://signalvnoise.com/posts/3800-a-glimpse-
of-artificial-intelligence
bit.ly/uxriga6
bit.ly/uxriga7
bit.ly/uxriga8
bit.ly/uxriga9
bit.ly/uxriga10
bit.ly/uxriga11

69. Quick Recap
• Responsive Web Design is great, but it’s not a silver bullet
• Don’t stop thinking of ways to serve your users better; sometimes custom
mobile experience is better than ‘generic’ responsiveness
• Don’t forget that you design for user, not for device
• Design not only for user and task, but also for context
• Context-Aware Design can greatly enrich mobile experience
• Understand user’s context by getting data from ‘sensors’ and change
application modes accordingly
• Stay creative, there are no universal solutions
vasiliy.popov@gmail.com