• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Don't Make Me Scroll
 

Don't Make Me Scroll

on

  • 11,433 views

A critique of current design approaches to online magazines, and a demo of a new approach to digital magazine publishing by Redub LLC.

A critique of current design approaches to online magazines, and a demo of a new approach to digital magazine publishing by Redub LLC.

Statistics

Views

Total Views
11,433
Views on SlideShare
8,838
Embed Views
2,595

Actions

Likes
22
Downloads
312
Comments
4

41 Embeds 2,595

http://redubllc.com 1241
http://konigi.com 612
http://new-twinspace.etwinning.net 274
http://www.levidepoches.blogs.com 160
http://www.drouillat.com 122
http://www.levidepoches.fr 84
http://www.soup.io 13
http://www.felgner.ch 13
http://levkanter.tumblr.com 9
http://www.slideshare.net 8
http://elevated.egloos.com 5
http://www.konigi.com 5
http://literaryhack.com 4
http://feeds2.feedburner.com 4
http://danilola.soup.io 3
http://www.netvibes.com 3
http://levidepoches.blogs.com 3
http://www.enrico-heuer.com 3
http://digitalekulturresearch.soup.io 3
http://www18.jimdo.com 3
http://virgile.posterous.com 2
http://www.iamabiker.com 2
http://www.lmodules.com 1
http://webcache.googleusercontent.com 1
http://www.google.co.nz 1
http://schlingel.soup.io 1
http://soup.nibbler.tv 1
http://feeds.feedburner.com 1
http://unttld.co.uk 1
applewebdata://01F6ED85-9410-414E-9B86-6207A226F15E 1
http://xss.yandex.net 1
http://posterous.com 1
http://209.85.229.132 1
http://felgner.ch 1
http://nein.gei.st 1
http://fex.soup.io 1
http://soup.fin.io 1
http://hyacint.soup.io 1
http://ekelias.soup.io 1
http://mondkroete.soup.io 1
http://www.tumblr.com 1
More...

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

14 of 4 previous next Post a comment

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Decent presentation: lays out the issues well. Unfortunately, the demo is a disappointment. It's all scrolling, even if it's done with the cursor keys. Felt like looking at a magazine through a soda straw.
    Are you sure you want to
    Your message goes here
    Processing…
  • What about SEO friendliness of Redub? Nothing's mentioned about it. Since the rendering is in flash, it must be Search engine UN-friendly?
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks, Jonathan! We've added a few new features (like inline annotation and highlighting as well as Twitter and bit.ly support so you can send URLs that link to specific passages you've highlighted in the text).

    http://reader.redub.org

    Irwin
    Are you sure you want to
    Your message goes here
    Processing…
  • AWESOME presentation. Really explains the value prop of the product. Love the call to action on the last slide, you guys know your stuff.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Don't Make Me Scroll Don't Make Me Scroll Presentation Transcript

    • Don’t Make Me Scroll! The future of magazine publishing online Irwin Chen 6.24.09
    • Currently, we see two predominant types of online magazines: irwin@redubllc.com
    • Currently, we see two predominant types of online magazines: Faux-Print & Magablogs irwin@redubllc.com
    • “Faux-Print” irwin@redubllc.com
    • “Faux-Print” (Think “brochure-ware” for magazines) irwin@redubllc.com
    • Some examples... irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • To read this you have to zoom in... irwin@redubllc.com
    • irwin@redubllc.com
    • ...but reading text set for print on a 72dpi monitor is not the same experience irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • These double page spreads are artifacts of print, not relevant on screen irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • irwin@redubllc.com
    • Faux-Print Magazines irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read • SEO-unfriendly irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read • SEO-unfriendly • Print ads also rendered on screen irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read • SEO-unfriendly • Print ads also rendered on screen • No new content, difficult to hyperlink irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read • SEO-unfriendly • Print ads also rendered on screen • No new content, difficult to hyperlink • Some multimedia capabilities, rarely used irwin@redubllc.com
    • Faux-Print Magazines • Print layouts exported as images or PDF • Often impossible to read • SEO-unfriendly • Print ads also rendered on screen • No new content, difficult to hyperlink • Some multimedia capabilities, rarely used • Round hole, square peg irwin@redubllc.com
    • Faux-Print irwin@redubllc.com
    • Faux-Print Poor reading experience irwin@redubllc.com
    • Faux-Print Poor reading experience + little to no interactivity irwin@redubllc.com
    • Faux-Print Poor reading experience + little to no interactivity Low user engagement irwin@redubllc.com
    • Faux-Print Poor reading experience + little to no interactivity Low user engagement = Low value to advertisers irwin@redubllc.com
    • “Magablogs” irwin@redubllc.com
    • “Magablogs” (More digital-native, web-friendly, but indistinguishable from blogs) irwin@redubllc.com
    • Prototypical Magablogs irwin@redubllc.com
    • irwin@redubllc.com
    • Magablogs: The Good irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily • Usually built with HTML/CSS and CMSs irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily • Usually built with HTML/CSS and CMSs • Allow linking and, therefore, are SEO-friendly irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily • Usually built with HTML/CSS and CMSs • Allow linking and, therefore, are SEO-friendly • Leverage IAB-based ad networks irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily • Usually built with HTML/CSS and CMSs • Allow linking and, therefore, are SEO-friendly • Leverage IAB-based ad networks • Allow for commenting and user-interactivity irwin@redubllc.com
    • Magablogs: The Good • Print content translated to web-native form • Blog-like content added daily • Usually built with HTML/CSS and CMSs • Allow linking and, therefore, are SEO-friendly • Leverage IAB-based ad networks • Allow for commenting and user-interactivity • Limited (inline) multimedia capabilities irwin@redubllc.com
    • Magablogs: The Bad irwin@redubllc.com
    • Magablogs: The Bad • Design limited to HTML/CSS capabilities irwin@redubllc.com
    • Magablogs: The Bad • Design limited to HTML/CSS capabilities • Reading experience still sub-optimal (scrolling) irwin@redubllc.com
    • Magablogs: The Bad • Design limited to HTML/CSS capabilities • Reading experience still sub-optimal (scrolling) • Everything looks like a blog, no differentiation irwin@redubllc.com
    • Magablogs: The Bad • Design limited to HTML/CSS capabilities • Reading experience still sub-optimal (scrolling) • Everything looks like a blog, no differentiation • Ad placements less valuable than print irwin@redubllc.com
    • The reading experience irwin@redubllc.com
    • irwin@redubllc.com
    • Most magablog page templates are optimized to display as many ads as possible before you give up trying to read the actual content irwin@redubllc.com
    • irwin@redubllc.com
    • Thus reading requires constant interruption in order to scroll down page for more irwin@redubllc.com
    • Khoi Vinh, Design Director, NYTimes.com, admits the idea of using blog templates to publish magazine content is fundamentally flawed. irwin@redubllc.com
    • irwin@redubllc.com
    • != “ This is one of many instances in which our Web version u erly fails the presentation of the content. The online article, while put together with care by one of our online edit staffers ... just doesn’t have the visual panache of its printed counterpart. ” Khoi Vinh, “Graphic Design at 70 M.P.H.” h p://www.subtraction.com/2007/08/13/graphic-desi irwin@redubllc.com
    • Magazines != Newspapers != Blogs irwin@redubllc.com
    • Magazines feature curated, well-edited, longer-form content 6000 words 6000 4500 3000 1500 1000 words 600 words 100-250 words 0 Blog Posts News Stories Short Magazine Piece Long Feature Article
    • Because reading a 250 word piece is far different from reading a 5,000 word story.
    • The fact that most people will never click past the first page has a number of implications.
    • reader: I really wanted to read this article, but I can’t possibly endure reading it like this. Goodbye.
    • publisher: Nobody’s clicking past the first page! And to think, I paid $.50 per word for that long article.
    • advertiser: Nobody’s clicking on my ads! I guess we’ll have to lower our CPM rates.
    • We can do better than this. irwin@redubllc.com
    • is working on a new publishing system for magazines which addresses these basic problems of long-form online publishing. irwin@redubllc.com
    • introducing irwin@redubllc.com
    • introducing irwin@redubllc.com
    • key features irwin@redubllc.com
    • key features • No scrollbars irwin@redubllc.com
    • key features • No scrollbars • Keyboard-enabled UI irwin@redubllc.com
    • key features • No scrollbars • Keyboard-enabled UI • Scales to fit any monitor size (even netbooks!) irwin@redubllc.com
    • key features • No scrollbars • Keyboard-enabled UI • Scales to fit any monitor size (even netbooks!) • Designer-friendly type and layout capabilites irwin@redubllc.com
    • key features • No scrollbars • Keyboard-enabled UI • Scales to fit any monitor size (even netbooks!) • Designer-friendly type and layout capabilites • Save your place and sharing functionality irwin@redubllc.com
    • key features • No scrollbars • Keyboard-enabled UI • Scales to fit any monitor size (even netbooks!) • Designer-friendly type and layout capabilites • Save your place and sharing functionality • Optimal for display advertising irwin@redubllc.com
    • the nerdy stuff irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages • Dynamic templates and text-flow engine irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages • Dynamic templates and text-flow engine • Easily incorporates video, interactive SWFs irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages • Dynamic templates and text-flow engine • Easily incorporates video, interactive SWFs • Supports IAB ad sizes (and custom SWFs) irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages • Dynamic templates and text-flow engine • Easily incorporates video, interactive SWFs • Supports IAB ad sizes (and custom SWFs) • User event tracking built-in irwin@redubllc.com
    • the nerdy stuff • Customizable publishing framework built in Flex • Semantic content stored in WordPress-like DB • Resolution-sensitive scaling of text and pages • Dynamic templates and text-flow engine • Easily incorporates video, interactive SWFs • Supports IAB ad sizes (and custom SWFs) • User event tracking built-in • Commenting/annotation (in development) irwin@redubllc.com
    • For the following demo, we used some articles and assets from the GOOD Transportation Issue 015. irwin@redubllc.com
    • Launch the Demo For more information, contact irwin@redubllc.com Irwin Chen