SXSW Day 4
Intentionally Dealing with Responsive Design
A designer/developer is a unicorn a mystical person that does everything.
As an organization grows the specialization in each field grows.
They optimized the css per page not actually globally. This allows to optimize for the smallest possible css required for the page.
Performance of a responsive design is very important when designing responsively. 700k on a desktop is no big deal but having to serve the same content for a mobile device is not acceptable.
Only axes for media queries are screen width.
- Screen dimensions
- orientation
- pixel density
Performance hit
CSS Regions and Content Flow
- Not backward compatible
Srcset spec
- Not backward compatible
- Only for images
Aware.js and Breakpoint.js
- Multi class structure leads to harder to maintain code at scale
- fewer responsive axes
Conditionizer
- Good at managing low and high resolution images
What to use?
Intention.js
- allows you to create custom responsive contexts
- do things in those contexts
Context.js
- an implementation of Intention.js with a whole lot of useful
- can easily be extended to add your own.
http://intentionjs.com/pages/about.html
http://www.slideshare.net/everyplace/intentionally-dealing-with-responsive-design
How AI Is Enhancing the User Experience
When AI goes wide things are very broad and might frustrate users because of expectations.
If you go deep you pick a subject and train the machine to understand the subject. Expectations for the user are that it should only deal with that subject and tends to provide a greater experience.
AI works well if you have collections of data on intent. Google Now is working well because of all the search history. If you do not have the data of intent it it AI tries to crawl random history of the user and tends to be noise and produce a lot of notifications.
Future
AI will become greater with more virtual with very specific needs. Along with wearable devices that collect more data for intent to better understand the user.