context-aware and user-centered design: the lost battle between desktop and mobile - vasiliy popov -...
TRANSCRIPT
Context-Aware Design
is hot topic
Mobile is the future… 5 years already
Same old song
Mobile vs Desktop
Pragmatic People
Responsive design was listed as #2 in Top Web Design Trends for 2012
by .net magazine
Mashable called 2013 the Year of Responsive Web Design
Many other sources have recommended responsive design as a cost-effective alternative to mobile applications.
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”
Responsive as Default
Less Clicks is Better
Everything Should Fit One Screen
Large Buttons and Linear Layout?
Technology-Driven UX
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/
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/
Different Mobile Usages
The layout changes based on the size and
capabilities of the device
Linear vs Multi-column
Bigger Buttons on Smaller Screens
Check for Screen Size, Not Device Type
• 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
Responsive to What?
User vs Device
Supercomputer in your hands
USER
TASK CONTEXT
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.
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
Context: at work
Mobile Usage
'context awareness', a term that describes the ability of
the computer to sense and act upon information about its environment.
Sensors
Data
Context
App Modes
Triggers
Feeds
Implies
Environmental Context
Personal
ConditionsInfrastructure Location
Light
Pressure
Acceleration Audio
Temperature
FlickeringLevel Wave length
SocialEnvironment
User Purposes
Google Now
• 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
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