12. “We don’t have a UX Team. If the problem
with your service is that the servers are slow
and the UX Team can’t change that, then
they aren’t in control of the user experience
and they shouldn’t be called the user
experience team.”
https://gds.blog.gov.uk/2014/07/18/whats-the-design-process-at-gds/
19. “used to query whether scripting languages, such as JavaScript, are supported on the
dev.w3.org/csswg/mediaqueries4/
Scripting
current document”
pointer
hover
light-level
“used to query about the presence and accuracy of a pointing device such as a mouse”
“used to query the user’s ability to hover over elements on the page”
21. DeviceLightEvent = ? lux
LightLevelEvent = dim | normal | bright
Media query translation: washed
(Approximate levels of dim: < 50 lux, normal: 50 - 10000 lux, bright: > 10000 lux)
www.w3.org/TR/ambient-light/
22. Device Light
window.addEventListener('devicelight', function(e) {!
var lux;!
lux = e.value;!
!
if (lux < 50) {!
//Change things for dim light!
}!
if (lux >= 50 && lux <= 10000) {!
//Change things for normal light!
}!
if (lux > 10000) {!
//Change things for bright light!
}!
});
23. light-level media query
@media (light-level: dim) {!
/*Change things for dim light*/!
}!
@media (light-level: normal) {!
/*Change things for normal light*/!
}!
@media (light-level: washed) {!
/*Change things for bright light*/!
}
42. “A Dark Pattern is a type of user interface
that appears to have been carefully crafted
to trick users into doing things, such as
buying insurance with their purchase or
signing up for recurring bills.”
- darkpatterns.org
43. “ It’s not who I am underneath, but
what I do that defines me. ”
- Batman
