This document discusses strategies for developing websites that can be accessed across multiple devices. It notes that 99% of websites are not optimized for mobile access and that responsive web design is a common approach using CSS media queries and proportional sizing. A second approach discussed is responsive web coding, which uses multiple views tailored to specific devices rather than just CSS. It recommends starting with a mobile-first approach and considering native apps later. The document demonstrates examples of CSS media queries and server-side device detection using WURFL to optimize content for different devices. It concludes that responsive design and server-side device detection are important approaches for the new "device UX" landscape.

1. Siti web per device multipli
Dino Esposito
Francesco Esposito
Crionet http://www.e-tennis.net

2. Mobile and the web
99% web sites aren’t optimized for mobile
99% of the above believe they can fix any site
just with a bit of smart CSS
99% of the above (plus 99% of designers) are
concerned about adapting mobile sites to
iPhone

3. Capabilities of CSS
What can you really
achieve with CSS?

4. Your take?
Just rendering on mobile
vs.
Adapting for mobile

5. Choice or decision
Is it simply a matter of
choice?
Is it rather a matter of
decision?

6. Basics of a mobile strategy
“Lowest Common Denominator” approach
 Get a mobile site first
 Look at native apps as a way to improve

7. Mobile what?

8. Devices. Devices. Devices.
 PC is a device.
 Tablet is a device.
 Smartphone is a device.
 TV is a device.
 Raspberry PI is a device.
 :

9. First-aid option: Responsive web design
One-site-fits-all
Grid based layout
Proportional sizes
Dynamic images
Visual breakpoints
CSS media queries (size & orientation)

10. Second-pass option: Responsive web coding
One-site-serves-all
Multiple views (instead of CSS)
Specific use-cases & workflows
Chances of real optimization (bandwidth)
Server-side UA sniffing
Server-side feature detection

11. DEMO
CSS media queries

12. http://www.easycourt.net/contosoEN
Courtesy of e-tennis.net
User: federer | Pswd: fede123

14. DEMO
WURFL & ASP.NET

15. The bottom line
Mobile UX is now obsolete.
Device UX is the new frontier.
 Responsive web design
 Server-side WURFL
 RESS (a mix of the two)