Responsive Web Design for MagazinesMaking Publications Work Across Diverse Platforms &Keeping Your Sanity®
Hello.
Projects Products Play
Adaptive Life of Words
From people of the book
to people of the screen
50%
Books develop acontemplative mind
Screensprovokeaction
Other Slide TitleEvolving Media
The Challenge:How to serve words in the age of fragmentedmedia
Print
Print Web
Print WebWhat is your favoritememory of the years youspent on campus? http://t.co/xyz32Mobile
What is your favoritememory of the years youspent on campus? http://t.co/xyz32MobileWhat does it mean?
Insanity
A Killer App?
The Web Browser!
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/✕✕IS
Responsive Web Design
For Users
156432Innumerable Devices, Same Content
1564324312413Innumerable Devices, Same Content
156432
156432
6427
2413
2413
2567
24311
24311
24311
2 56711
2 56711
2 56711
156432Innumerable Devices, Same Content
1564324312413Innumerable Devices, Same Content
For Producers
Rachel Carson Mill Race RegattaKicks Off Alumni Weekend 2013H e n d r e r i tInvestigationes lectorume t n i b h c o m m o...
What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
COPEWhat is your favoritememory of the years youspent on campus? http://t.co/xyz32
ONS Connect
Situation
RFP for iPad app
Print magazine moving frommonthly to quarterly
Website slated for 2013 redesign
Ad-supported
Content in Wordpress
Solution: RWD
“God is in the details”
Editorial Planning& Content Strategy
ONSCONNECT.ORGWhat is your favoriteadvice for patientsmanaging diabetes andcancer? http://t.co/xyz32Check out March’s Five...
D2* D3 D5* D6 D8 D9* D11 D12*D1 D4 D7 D10*P1 P2 P3 P4P Quarterly Print PublicationLEGENDD Print-to-Digital PostsOne Earth ...
Strategic Information Architecture
The Bostonia
This Magazine Issue
...plus a website
PerceptionWebsiteThis Issue
PerceptionWebsiteThis IssueWebsiteReality{ }
The Fast Company
A Huge Website
...plus a magazine
PerceptionMagazineWebsite
PerceptionMagazineWebsiteWebsiteMagazineReality{ }
The ONS
The Fast Company Model
A Website & Community
...plus the magazine
Responsive Wireframes
Responsive SiteIncluding CMS
Takeaways
Clarify Your Purpose1
Care For All Users Equally2
Celebrate Unlearning3
Collaborate Early & Often4
Tighten Client Feedback Loops5
ShortenMilestones & Approvals6
The Web Really Is the Killer App7
Thank Youinfo@elliance.comaha.elliance.comlinkedin.com/companies/Elliancefacebook.com/Elliancetwitter.com/Elliance®
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Responsive Web Design For Magazines
Upcoming SlideShare
Loading in …5
×

Responsive Web Design For Magazines

776 views

Published on

What are the factors to keep in mind when starting a responsive web design project for your online magazine?

Published in: Business, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
776
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Web Design For Magazines

  1. 1. Responsive Web Design for MagazinesMaking Publications Work Across Diverse Platforms &Keeping Your Sanity®
  2. 2. Hello.
  3. 3. Projects Products Play
  4. 4. Adaptive Life of Words
  5. 5. From people of the book
  6. 6. to people of the screen
  7. 7. 50%
  8. 8. Books develop acontemplative mind
  9. 9. Screensprovokeaction
  10. 10. Other Slide TitleEvolving Media
  11. 11. The Challenge:How to serve words in the age of fragmentedmedia
  12. 12. Print
  13. 13. Print Web
  14. 14. Print WebWhat is your favoritememory of the years youspent on campus? http://t.co/xyz32Mobile
  15. 15. What is your favoritememory of the years youspent on campus? http://t.co/xyz32MobileWhat does it mean?
  16. 16. Insanity
  17. 17. A Killer App?
  18. 18. The Web Browser!
  19. 19. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
  20. 20. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
  21. 21. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/
  22. 22. http://bradfrostweb.com/blog/web/responsive-web-design-missing-the-point/✕✕IS
  23. 23. Responsive Web Design
  24. 24. For Users
  25. 25. 156432Innumerable Devices, Same Content
  26. 26. 1564324312413Innumerable Devices, Same Content
  27. 27. 156432
  28. 28. 156432
  29. 29. 6427
  30. 30. 2413
  31. 31. 2413
  32. 32. 2567
  33. 33. 24311
  34. 34. 24311
  35. 35. 24311
  36. 36. 2 56711
  37. 37. 2 56711
  38. 38. 2 56711
  39. 39. 156432Innumerable Devices, Same Content
  40. 40. 1564324312413Innumerable Devices, Same Content
  41. 41. For Producers
  42. 42. Rachel Carson Mill Race RegattaKicks Off Alumni Weekend 2013H e n d r e r i tInvestigationes lectorume t n i b h c o m m o d o .Claritas soluta delenit invel nunc. Vulputate quilobortis exerci euismodelit. Lectorum tinciduntdecima per luptatumesse. Euismod iustou l l a m c o r p e r m ei m p e r d i e t m a g n a .Congue duis imperdietlitterarum duis doming.Claritatem ipsum velf e u g a i t f a c e r i n .Mutationem quod eteorum typi enim.Vel facilisis qui libervulputate cum. Eodemut nunc est consequataliquam. Nibh ea quodveniam ut qui. Notarev e l d o l o r e h a b e n tdynamicus mirum.delenit in vel nunc.Vulputate qui lobortisexerci euismod elit.Lectorum tinciduntdecima per luptatumesse. Euismod iustou l l a m c o r p e r m ei m p e r d i e t m a g n a .Congue duis imperdietlitterarum duis doming.Claritatem ipsum velf e u g a i t f a c e r i n .Mutationem quod eteorum typi enim.Vel facilisis qui libervulputate cum.SubmitShare the best senior prank youeither witnessed or were a part ofduring your senior year.What is your favoritememory of time spent oncampus? http://t.co/xyz32COPE
  43. 43. What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
  44. 44. What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
  45. 45. What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
  46. 46. What is your favoritememory of the years youspent on campus? http://t.co/xyz32COPE
  47. 47. COPEWhat is your favoritememory of the years youspent on campus? http://t.co/xyz32
  48. 48. ONS Connect
  49. 49. Situation
  50. 50. RFP for iPad app
  51. 51. Print magazine moving frommonthly to quarterly
  52. 52. Website slated for 2013 redesign
  53. 53. Ad-supported
  54. 54. Content in Wordpress
  55. 55. Solution: RWD
  56. 56. “God is in the details”
  57. 57. Editorial Planning& Content Strategy
  58. 58. ONSCONNECT.ORGWhat is your favoriteadvice for patientsmanaging diabetes andcancer? http://t.co/xyz32Check out March’s Five-MinuteIn-Service to learn more aboutpalliative care. http://t.co/xyz32Ready to take your career to the nextlevel? Our annual career guide is out!http://t.co/xyz32Support Your Patients’ NutritionalStatus: Diabetes & CancerH e n d r e r i tInvestigationes lectorume t n i b h c o m m o d o .Claritas soluta delenit invel nunc. Vulputate quilobortis exerci euismodelit. Lectorum tinciduntdecima per luptatumesse. Euismod iustou l l a m c o r p e r m ei m p e r d i e t m a g n a .Congue duis imperdietlitterarum duis doming.Claritatem ipsum velf e u g a i t f a c e r i n .Mutationem quod eteorum typi enim.Vel facilisis qui libervulputate cum. Eodemdelenit in vel nunc.Vulputate qui lobortisexerci euismod elit.Lectorum tinciduntdecima per luptatumesse. Euismod iustou l l a m c o r p e r m ei m p e r d i e t m a g n a .Congue duis imperdietlitterarum duis doming.Claritatem ipsum velf e u g a i t f a c e r i n .Mutationem quod eteorum typi enim.vulputate cum. EodemHdfdssd dfghendreritInvestigationes lectorume t n i b h c o m m o d o .Claritas soluta delenit invel nunc. Vulputate quilobortis exerci euismodelit. Lectorum tinciduntdecima per luptatumesse. Euismod iustou l l a m c o r p e r m ei m p e r d i e t m a g n a .Congue duis imperdietlitterarum duis doming.Claritatem ipsum velf e u g a i t f a c e r i n .Mutationem quod eteorum typi enim.Print MagazineTwitter UpdatesYouTube VideosLinkedIn StatusesFacebook Feedse-Newsletter
  59. 59. D2* D3 D5* D6 D8 D9* D11 D12*D1 D4 D7 D10*P1 P2 P3 P4P Quarterly Print PublicationLEGENDD Print-to-Digital PostsOne Earth YearDigital-Exclusive Posts + Micros
  60. 60. Strategic Information Architecture
  61. 61. The Bostonia
  62. 62. This Magazine Issue
  63. 63. ...plus a website
  64. 64. PerceptionWebsiteThis Issue
  65. 65. PerceptionWebsiteThis IssueWebsiteReality{ }
  66. 66. The Fast Company
  67. 67. A Huge Website
  68. 68. ...plus a magazine
  69. 69. PerceptionMagazineWebsite
  70. 70. PerceptionMagazineWebsiteWebsiteMagazineReality{ }
  71. 71. The ONS
  72. 72. The Fast Company Model
  73. 73. A Website & Community
  74. 74. ...plus the magazine
  75. 75. Responsive Wireframes
  76. 76. Responsive SiteIncluding CMS
  77. 77. Takeaways
  78. 78. Clarify Your Purpose1
  79. 79. Care For All Users Equally2
  80. 80. Celebrate Unlearning3
  81. 81. Collaborate Early & Often4
  82. 82. Tighten Client Feedback Loops5
  83. 83. ShortenMilestones & Approvals6
  84. 84. The Web Really Is the Killer App7
  85. 85. Thank Youinfo@elliance.comaha.elliance.comlinkedin.com/companies/Elliancefacebook.com/Elliancetwitter.com/Elliance®

×