Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

1,484 views
1,412 views

Published on

Presented by Claus Enevoldsen from Next Issue at the SND STL conference in the session: Designing the Magazine & Issue-Based Tablet Experience.

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

  • Be the first to like this

No Downloads
Views
Total views
1,484
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Mike McCue: biggest daily peak: 8pm-11pm and on weekends. The second biggest daily spike, he said, is over breakfast.
  • The web is dead (Wired): Check email on your ipad, browse facebook, twitter, New York Times, Craving this finite experience. Chris Anderson: As much as we love the open, unfettered Web, we’re abandoning it for simpler, sleeker services that just work. Why/How:
  • Joint venture between OCR and FI. This project from start to now has only been possible because of the work of so many people.
  • Joint venture between OCR and FI. This project from start to now has only been possible because of the work of so many people.
  • Designing For Tablet - The New Breed: Storyteller slash designer slash programmer

    1. 1. DESIGNING FOR TABLET CLAUS ENEVOLDSEN NEXT ISSUE MEDIA @CENEVOLDSEN ABOUT.ME/CENEVOLDSEN THE NEW BREED STORYTELLER SLASH DESIGNER SLASH PROGRAMMER
    2. 2. TABLET LANDSCAPE Magazine titles Newspaper titles Tablet only titles: The Daily, Project, Nomad, TRVL Flipboard Zite Pulse Editions by AOL Kindle Nook Zinio (iTunes Newsstand) Google Sony Kobo Next Issue AGGREGATORS EDITORIALS STORE FRONTS SkyGrid Float Ongo Trove OC Register
    3. 3. LETS START AT THE END <ul><li>Enhanced editions of the World’s most popular magazines, optimized for tablets. </li></ul><ul><li>Joint venture formed by five leading U.S. based publishers: Conde Nast, Hearst, Meredith, News Corp., and Time Inc. </li></ul><ul><li>Preview app currently available for Android tablets </li></ul><ul><li>Working on a fully featured, cross-platform marketplace </li></ul><ul><ul><li>Addressing pain points: navigation, download, search, social integration, etc. </li></ul></ul>
    4. 4. TRENDS
    5. 5. MEDIA USAGE PATTERNS
    6. 6. ERA OF CURATED COMPUTING Forrester defines “Curated Computing” as: “ A mode of computing where choice is constrained to deliver less complex, more relevant experiences.” Source: Sarah Rotman Epps, Forrester MORE SWIPE , LESS SCROLL
    7. 7. WHERE ’S OUR PURPLE COW? Meets expectations Exceeds expectations Does not meet expectations Number of experiences 10% 10% 80%
    8. 8. IPAD USERS HAVE HIGH EXPECTATIONS Meets expectations Exceeds expectations Does not meet expectations 10% 10% Quality content Video and photos Weather and traffic Ability to share Fast load time News updated regularly Easy to use Simple navigation Clean and organized design Online and offline viewing “ like USA Today” Boring content Slow download Lack of news updates App crashes Confusing navigation Videos are hard to play Hyper-local content More interactivity Notifications Valuable ads Magazine like content Personalized Entertaining 80%
    9. 9. PRODUCT AND DESIGN STRATEGY
    10. 10. STORYTELLER SLASH DESIGNER SLASH PROGRAMMER DESIGN CONSIDERATIONS Web based widgets Multiple layers Templates Swipe or Scroll Vertical or horizontal navigation Design for landscape and/or portrait Download or stream THE NEW BREED Eye for good design Visual storyteller Learn from magazines, broadcast, advertising and web design Experience with HTML5, CSS and Java
    11. 11. CURRENT PRODUCTION FLOW CMS: CCI NewsGate IPAD READER: Woodwing DESIGN: CCI LayoutChamp HTML5 CONTENT Repurposed Unique Wires PRODUCTION: Sr. Producer Associate Producer 2x Graphic Designer/Programmer Video Producer ---------------- Photographer Graphic Designer Copy Editor Page Designers 1. Manual: Start from scratch SUPPORT: Product management Ad Operations IT
    12. 12. IDEAL PRODUCTION FLOW CMS: CCI NewsGate IPAD READER: Woodwing DESIGN: CCI LayoutChamp HTML5 CONTENT Repurposed Unique Wires PRODUCTION: Sr. Producer Associate Producer 2x Graphic Designer/Programmer Video Producer ---------------- Photographer Graphic Designer Copy Editor Page Designers 1. Automatic: Flows into templates 2. Semi-automatic: Flows into templates, enhanced by production team 3. Manual: Start from scratch 1 2 & 3 SUPPORT: Product management Ad Operations IT
    13. 13. WHAT’S NEXT? <ul><li>Download time won’t be an issue </li></ul><ul><li>HTML5 based web apps </li></ul>
    14. 14. THANK YOU CLAUS ENEVOLDSEN NEXT ISSUE MEDIA @CENEVOLDSEN ABOUT.ME/CENEVOLDSEN DOWNLOAD PRESENTATION CENEVOLDSEN.COM

    ×