hevenstone - responsible design
TRANSCRIPT
![Page 1: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/1.jpg)
Responsible Design A Pragmatic Approach to Website Design For Multiple Devices
Jonathan Hevenstone Senior VP, Business Development Atypon
![Page 2: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/2.jpg)
Desktops and printed PDFs are still king but mobile is on the rise
Graphic: IDG Global Solutions
![Page 3: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/3.jpg)
Publishers should present their content optimally for each device
Screenshots: Taylor & Francis Online, powered by Atypon’s Literatum
Desktop Tablet Phone
![Page 4: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/4.jpg)
Two web design approaches to consider
Graphic: Digital Broadcasters “Responsive Web Design vs Adaptive Web Design vs Separate Mobile Sites”
1
![Page 5: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/5.jpg)
2
Two web design approaches to consider
Graphic: Digital Broadcasters “Responsive Web Design vs Adaptive Web Design vs Separate Mobile Sites”
![Page 6: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/6.jpg)
There is a lot of talk about Responsive Web Design
Graphic: IDG Global Solutions
![Page 7: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/7.jpg)
Adaptive Web Design? Not so much
Graphic: IDG Global Solutions
But what’s the difference? And which approach is better?
![Page 8: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/8.jpg)
Responsive Web Design
RWD can make a single site design work on multiple devices
Graphic: The Boston Globe December 10, 2011
Desktop Tablet Phone
![Page 9: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/9.jpg)
But one layout doesn’t fit all
Content order may need to vary, which is harder to do with responsive CSS than with adaptive coding
Graphic: Scott Abel, thecontentwrangler.com Webinar: “Mobile Devices and the Need for Adaptive Content” March 10, 2014
![Page 10: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/10.jpg)
Elevating Responsive Web Design with “progressive enhancement”
Requires lots of time and planning
![Page 11: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/11.jpg)
“It’s not just about layout anymore: a responsive redesign will raise challenges with your current design, development, and publishing processes.”
- responsivewebdesign.com
![Page 12: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/12.jpg)
Atypon’s Preference: Adaptive Web Design
“Adaptive content automatically responds to the screen size and orientation of
any device, but goes further by displaying relevant content that takes
full advantage of the specific capabilities of the device being used.”
Charles Cooper
The Language of Content Strategy
Graphic: Scott Abel, thecontentwrangler.com Webinar: “Mobile Devices and the Need for Adaptive Content” March 10, 2014
![Page 13: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/13.jpg)
Graphic: Skyrocket Blog, October 23, 2013
![Page 14: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/14.jpg)
![Page 15: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/15.jpg)
![Page 16: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/16.jpg)
“If you need to choose between your designer and your user, pick the user”
![Page 17: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/17.jpg)
Literatum for Mobile: AWD in Action
Screenshots: Taylor & Francis Online, tablet mode
Mobile access to Literatum-powered websites on Android and iOS phones and tablets
![Page 18: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/18.jpg)
But to be clear, we’re not opposed to using aspects of RWD
Mobile access to Literatum-powered websites on Android and iOS phones and tablets
Graphic: Blue Polo Interactive
![Page 19: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/19.jpg)
Think “Responsible Web Design”
![Page 20: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/20.jpg)
Deciding when to change your strategy
Graphic: Eyemaginetech Blog, “Free Mobile Strategies Guide for Catalogers” Nov 7, 2013
![Page 21: Hevenstone - Responsible Design](https://reader033.vdocuments.net/reader033/viewer/2022052708/58a2ee771a28ab343e8b988f/html5/thumbnails/21.jpg)
Time’s Up!
About your speaker: Name: Jonathan Hevenstone Company: Atypon Tel: +1 212-524-7040 Email: [email protected] Social Media: @Atypon on Twitter