Don’t Make Me Scroll

This is the short version of a presentation on online magazines we’ve been working on here at Redub. It ends with a link to an in-development demo that features content from GOOD’s Transportation Issue 015. Casey Caplowe (GOOD’s Creative Director) generously gave us the InDesign files for the entire issue and we re-figured some of the content so it fit on the screen natively. We even had to re-imagine the Transparencies because they just didn’t work just throwing the original (for-print) image up on the screen (which is what most publishers do sadly) — since we didn’t have the high resolution of print, we took advantage of the screen’s native attributes, namely, animation. I’d even posit that what the screen lacks in dots per inch it more than makes up for in dots per inch per second.

There are still features we are hinting at but that we’re still working on adding, like annotation (which is the biggie). We’re laying in the sharing stuff now.

Oh, and as far as search engine optimization is concerned, we’re working on a solution for that. Right now all of the content is stored as XML in a database (modeled on WordPress). We just have to build a front-end for it that spiders can crawl all over.

And feedback is welcome!

Post to Twitter Tweet This Post

17 Comments

Categories publication design, reader, reading, redub | Tags:

You can follow any follow up comments to this entry through the RSS 2.0 feed.

Comments

  1. Darrell | July 24, 2009 at 3:05 am

    I like the look of the typography and UI, but not using the mouse in areas where it’s obviously a better and faster navigation tool could get frustrating.

    The keys and touch (if available) are great, but for this demo the mouse was lacking – or maybe it’s just me. :-)

    All in all… It’s a good start.

  2. Irwin Chen | July 24, 2009 at 7:42 am

    Darrell,

    Thanks for the comments! Just to be clear, what mouse functionality did you find lacking and in what areas?

    We appreciate all the feedback we can get. Thanks!

    Irwin

  3. Maha Chehlaoui | July 27, 2009 at 8:12 pm

    Irwin,
    What a beautiful redesign. I have some questions. Why is having to arrow inherently better than scrolling? Why is text loading sideways better than it scrolling vertically? I always have a hard tme trying new things when I am used to the old ones so I thought I would ask and keep playing instead of the usual knee jerk- esp since I really agreed with your slideshow. Nice work!

  4. Irwin Chen | July 28, 2009 at 11:08 am

    I know we’ve gotten used to scrolling, but if you thinking about what it takes to scroll for a sec:

    * find the physical mouse
    * find the cursor
    * hold the place you were reading in your head
    * move the mouse to the scroll down button
    * aim and click
    * re-locate your place in the text
    * lather, rinse, repeat

    Or if you use the scroll wheel or trackpad scroll, it’s a bit simpler:

    * Read, then scroll the page down an arbitrary amount
    * find where you left off from before
    * adjust page if you overshot or undershot
    * repeat at random intervals

    Or if you use the space bar to page:

    * Read, then hit space bar
    * continue reading comfortably (unless the page is cutting off some text at the top)
    * Oh, and if you need to move back to review something, you need to use the scrollbar method (find the mouse, find the cursor, find the scrollback button and shuttle back)

    This is slightly better, but still somewhat irregular and interruptive.

    Using arrow keys to control the text is a more simple interaction because a) you know where the keys are at all times, and b) the reading of the text is absolutely continuous and not interrupted by having to break out of reading to deal with the interface.

    The easiest analogy is reading a text printed on paper pages.

    Keep playing with it and let me know your thoughts!

  5. Darrell | July 30, 2009 at 8:46 pm

    Irwin,

    I think the issue I was having was with the limited amount of content in the demo.

    Therefore, If I remember correctly, I didn’t’ get a good feel for the utility of the UI while reading a document or article of the expected length.

    I was just looking for the demo to confirm this, but I can’t seem to find it.

    All the best,

    Darrell

  6. Baris Y | September 8, 2009 at 7:01 am

    Great work,

    Just tried to demo. It did not support non-englich characters (Turkish etc). Sure this function will be added.

    Thats all for now, will try more.

    Best,

    Baris.

  7. Jonathan Peterson | December 9, 2009 at 9:41 am

    readability is good and navigation fairly straightforeward. But I think you’re missing the boat by giving the articles themselves a pure text presentation. The REASON I still read paper magazines is the content design that merges photos, graphic design and writing.

    Take a look at http://www.smashingmagazine.com/the-death-of-the-blog-post/ for great examples of the kind of things that we SHOULD be seeing in our on-line reading.

  8. AO | December 10, 2009 at 8:11 am

    I think you tried to over-rationalize the interface. I /want/ to scroll around arbitrarily. People don’t rd evry singl letr to fnd meaning in words, nor do they read an entire article. they skim around and read a few sentences here and there, look at the illustrations, etc. The keyboard control is great, but I second Darrell’s desire for a better mousing interface.

    You’re mistaken that using the keyboard to step forward/backward in makes it a “continuous” experience akin to reading a printed page. It’s true that in a printed magazine you can’t see the page behind the one you’re looking at, but this is tolerable because most magazines can handle more than 200 odd words per page. (I’d like to be able to scale the text using my browser control, as well)

    As a user, I’d rather not be forced to click click push click/wait just to get to content nor do I enjoy motion blur effects on text (or Flash in general). Your critiques of the current online magazine format are valid, but I think it has a way to go yet.

  9. Porn Tube | January 19, 2011 at 4:37 am

    Dude this blog rules i cant believe i finally found what i was looking for, thanks bro.

  10. Best Garage Door Opener | May 20, 2011 at 12:35 am

    Undeniably believe that which you said. Your favorite justification seemed to be on the internet the simplest thing to be aware of. I say to you, I definitely get annoyed while people consider worries that they plainly do not know about. You managed to hit the nail upon the top as well as defined out the whole thing without having side-effects , people could take a signal. Will probably be back to get more. Thanks

  11. Staci Vanorden | May 21, 2011 at 5:40 pm

    I’ve been surfing online more than 3 hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. Personally, if all webmasters and bloggers made good content as you did, the internet will be much more useful than ever before.

  12. Clemente Gromer | July 16, 2011 at 1:17 pm

    Do you mind if I quote a couple of your posts as long as I provide credit and sources back to your website? My blog is in the very same niche as yours and my visitors would definitely benefit from a lot of the information you provide here. Please let me know if this okay with you. Many thanks!

  13. Azucena Nessler | August 4, 2011 at 11:24 am

    I really similar this article, the substance indited in this article is very useful. I appreciate the indite and his efforts to furnish info most topic. It is a well-written article and is quite comprehensive and precise. The writer has instruction over the theme and it is a well-researched article. You will enjoy the message and can induce information in easy and understandable manner

  14. dsdfg | February 25, 2012 at 1:54 am

    Измена#a#измена мужа смотреть порно измена мужу и измена мужа порно муж смотрит измену жены#/a# .

  15. Demetria Kappler | March 20, 2012 at 6:36 pm

    co-sleeping has been found to be a risk factor for infant deaths due to suffocation by parents. sit down and read together.

Trackbacks

  1. Twitter Updates for 2009-12-17 — shiner.clay
  2. xbox wireless controller

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

By submitting a comment here you grant Redub LLC a perpetual license to reproduce your words and name/web site in attribution. Inappropriate or irrelevant comments will be removed at an admin's discretion.

Redub Tweets

    Popular Posts