{"id":743,"date":"2013-03-09T15:17:25","date_gmt":"2013-03-09T21:17:25","guid":{"rendered":"https:\/\/www.techory.com\/blog\/?p=2387"},"modified":"2013-03-09T15:17:25","modified_gmt":"2013-03-09T21:17:25","slug":"beyond-squishy-the-principles-of-adaptive-design-2","status":"publish","type":"post","link":"https:\/\/techory.com\/sxsw\/?p=743","title":{"rendered":"Beyond Squishy: The Principles of Adaptive Design"},"content":{"rendered":"

Brad Frost – Brad Frost Web<\/em><\/p>\n

Generic Trademarks (Kleenex, Corn Flakes) on the web are AJAX & HTML this lead the way for responsive web design, which includes fluid grids, flexible media and media queries.<\/p>\n

Adaptive web design is a larger container for responsive web design. It just happens to be the term that caught on.<\/p>\n

Principles of Adaptive Design<\/strong>
\nUbiquity<\/strong> – The web is not just a computer any more, it includes many many more ways to access now. What will it be in the future? Cars? Refrigerators? Watches? Printers? TV’s We have to reach a LOT of devices. “This isn’t a bug, but an opportunity.” Adaptive isn’t just “web light”. Mobile users should be able to access everything their counterparts on a full browser can. Just give people what they want regardless of how they access.<\/p>\n

Content Parity<\/strong> – Does content parity trump all? The typical “mobile context” is on the go – quick access. There is on the go, but it doesn’t include everything. Just make quality relevant content accessible on whatever platform it’s being viewed on.<\/p>\n

Ubiquity<\/strong> – Your design needs to work across the entire design continuum, not just certain browser sizes, or phone sizes.<\/p>\n

Performance<\/strong> – 70% of mobile users expect their site to open as fast or faster than regular browsers. If your site doesn’t load in 5 seconds, they’re gone. Performance is invisible, so it’s a hard thing to root out. It lives underneath and it’s hard to measure. Performance should be a design feature. Mobitest.akamai.com will help test mobile performance.<\/p>\n

Enhancement<\/strong> – Responsive design is NOT one size fits all. Don’t go mobile last, but go mobile first and then grow. Build the experience up from mobile. It’s not about building for the lowest common denominator but starting and building up from there. Be careful with a single (javascript) point of failure. Don’t over-engineer things… simple is better. There is a difference between support and optimization (you can’t test on absolutely everything out there).<\/p>\n

Future Friendly<\/strong> – Things are going to change. There is no such thing as future proof. Just be future friendly. People have a low tolerance for BS. Focus before your customers do it for you. People will find ways around a bad experience (Instapaper, Flipboard, ad-blocker). On the web, the more backward compatible you are the more forward compatible you’re likely to be.<\/p>\n

How to<\/strong><\/p>\n