Opera Talks: A whole new way to read on the web

, , ,

Quick question: What's Paged Media? OK, that was actually more of a trick question than a quick question. Paged Media is a brand-spanking-new technology developed by Håkon Wium Lie. It's so fresh and new, in fact, that it was only released to the world in an experimental Opera Labs build yesterday. What is Paged Media? The short answer is that it's a whole new way of reading online. But for the full story, read more below...

Håkon Wium Lie

Håkon Wium Lie demonstrating Paged Media at Up North Web.


Håkon, what is Paged Media and why do we need a new way to read online?

Paged Media is what we call native pages — a proof of concept (codenamed Opera Reader) that builds on top of CSS to allow us to split content into pages that can be "turned" in a natural manner through gestures rather than point and click. It's something that's been on my mind for a while. I've always loved books, especially beautiful books: the layout, the presentation, the whole experience. When you open a book, it's something incredible. Each time you turn the page it's an event.

I've always been interested in printing from the Web. Then, when tablets and readers started to come, especially the ones with with e-ink displays where they need to refresh, it just made sense to have the page format. But the layout is also so much nicer than the scrollbar, which cuts off text. Of course there's still a place for the scrollbar on the Web. Having the page-view format as an option is really just about one more way of adding content.

Where and what do people read online?

It makes sense on tablets but it also works on TV, where you don't have a scrollbar but you do have the Next button which is like a page. Whether it makes sense on desktop is still to be decided. Now, I don't see why you can't read books on the laptop. I take my laptop with me everywhere, so why should I have a special dedicated reader just to read? We should be able to do it in the browser. After all, the browser is your main window into the electronic world, so native support for this in the browser will make it easier for people to access information. As to the content itself, this also remains to be seen to a certain extent. The page format is suitable for fiction and newspapers but is it suitable for blogs and Twitter? That's why we want to publish builds and see what people can do with it.

"I want to share my own euphoria and hope that others will get the same euphoric feeling from the possibilities this presents."

I see this as a possibility to also rethink advertising on the Web. Now you have a way of setting aside a whole page for an advertisement in the middle of an article. When done right this can be both very effective and in good taste: it gives you more of the experience of reading a magazine.

Is having a native reader in the browser a reaction against the app-ification of all the things on the web?

I would say it's a positive response to app-ification! It's more like applying the aesthetics of book publishing to online content. Apps can be beautiful, but I don't think we want every book to be an app, just like not every author should need to be a programmer. One of the things that made the Web such a great place to begin with is the idea that it should be simple and easy to publish information.

The idea of a page-view reader is about the here and know, and how we can take the Gutenberg model of printing books and presenting them in a beautiful way on our screen. But I also think the Web pages we create today will be archived and readable 500 years from now. They will enter a digital domain where things can be preserved. Beyond that we really don't know where this will take us.

Video demonstration featuring Håkon Wium Lie showing of Paged Media from this year's Up North Web conference:

In NY on Wednesday? Meet Håkon Wium Lie at HugeIt's Turbo Time

Comments

Alexodius PrimeAleksOD Thursday, October 20, 2011 4:20:11 PM

up

Charles SchlossChas4 Thursday, October 20, 2011 4:31:11 PM

up

Abhinavdecodedthought Thursday, October 20, 2011 4:36:30 PM

up

Stoyan PomakovMiniStoy Thursday, October 20, 2011 4:44:53 PM

Originally posted by AleksOD:

up


Originally posted by Chas4:

up


Originally posted by decodedthought:

up


up

QuHno Thursday, October 20, 2011 4:49:23 PM

It is interesting to see what happens when you inject the necessary css code into normal webpages to see how they cope. Good pages with proper semantical markup can be paged quite easy and in astonishingly good quality this way (I already played around with that ninja) and pages with crappy non-semantical markup become even crappier. lol

Coyotee Thursday, October 20, 2011 5:31:17 PM

up

jottosson Thursday, October 20, 2011 6:02:43 PM

Omg, I need to experiment with this on my webshop

Marcelo Martinsmarcelomms Thursday, October 20, 2011 6:24:22 PM

up

Espen André ØverdahlEspenAO Thursday, October 20, 2011 6:41:14 PM

Originally posted by jottosson:

Omg, I need to experiment with this on my webshop

YES! Send us a link and we'll pass it around internally here at Opera. smile

KarenNerak Thursday, October 20, 2011 9:05:22 PM

HAIL HLN!!! \o/

RachelRachelJuleiane Thursday, October 20, 2011 9:24:35 PM

party

Martin KadlecBS-Harou Thursday, October 20, 2011 10:25:49 PM

I wonder whether you've already received some reactions from other companies (Mozzila, Google, MS) on this?

Pablo MendozaPabloMendoza Thursday, October 20, 2011 11:14:01 PM

up

Cutting Spoonhellspork Friday, October 21, 2011 1:49:41 AM

This will really strike hard against the iTunes "news-as-application" model, especially that juicy cut from the subscription price. Back to direct reading on the publisher's site?

Julianjjsl6 Friday, October 21, 2011 4:12:14 AM

That is what we can really refer as pages!

up

QuHno Friday, October 21, 2011 5:14:08 AM

Originally posted by hellspork:

Back to direct reading on the publisher's site?


Only if the publisher puts the content online for browsers that are capable to reformat it - and I think it won't be for free. "Apps" are like subscriptions for printed newspapers a sure thing when it comes to money, because the person who bought an app uses it. There are too many distractions (meaning: other web pages you could visit) if you use a browser wink

Ab.Razaque.keeriokeerio2k Friday, October 21, 2011 5:28:42 AM

up up up up

balanganai trivanhotrivanho Friday, October 21, 2011 2:24:14 PM

I would lik more the explication

Weatherlawyer Saturday, October 22, 2011 7:46:55 AM

Now you have a way of setting aside a whole page for an advertisement in the middle of an article. When done right this can be both very effective and in good taste: it gives you more of the experience of reading a magazine.



WTF?

Cutting Spoonhellspork Monday, October 24, 2011 4:31:15 AM

Better ads. Nicer layout + easier to skip. One page halfway through is MUCH better than flashing bars that crowd in from all sides.

Weatherlawyer Monday, October 24, 2011 9:44:05 AM

Originally posted by QuHno:

It is interesting to see what happens when you inject the necessary css code into normal webpages to see how they cope. Good pages with proper semantical markup can be paged quite easy and in astonishingly good quality this way (I already played around with that and pages with crappy non-semantical markup become even crappier.



How does it differ from some of the online books already on the web doing that?

Having asked the obvious, I can't find an example. I don't count Google Books as they are unreadable and I couldn't find the one I was looking for from the Gutenberg portal though I think I found a link to it there some time ago.

Cutting Spoonhellspork Tuesday, November 1, 2011 1:55:22 AM

Originally posted by Weatherlawyer:

How does it differ from some of the online books already on the web doing that?


No PDFs or other browser plugins, no fancy custom javascript libraries. A page should look like an entirely normal browser page; if your browser supports those extra couple instructions, it paginates the content and prepares keyboard navigation for easy reading.

Ab.Razaque.keeriokeerio2k Tuesday, November 1, 2011 4:02:12 AM

heart heart heart heart

Weatherlawyer Tuesday, November 1, 2011 11:17:25 AM

So now we need some examples.

Is the Gutenberg repository available in this new style?
They do store stuff as HTML.

Cutting Spoonhellspork Thursday, November 3, 2011 3:05:57 AM

It would be easy to write a UserCSS patch or browser extension, and try it.

Weatherlawyer Tuesday, December 6, 2011 8:23:56 AM

Originally posted by hellspork:

No PDFs or other browser plugins, no fancy custom javascript libraries. A page should look like an entirely normal browser page; if your browser supports those extra couple instructions, it paginates the content and prepares keyboard navigation for easy reading.



In that case it is brilliant. I hate having to read some PDFs, their authors have no idea what pleasant set out is, fonts too small, too many columns (WTH do they need two columns on a page?) and no space between lines.

That's the worst one, you can't follow a line and it makes your eyes ache.

Cutting Spoonhellspork Thursday, December 8, 2011 3:03:26 AM

And that is a matter of taste. Some people are more comfortable with longer lines, some with shorter lines. It would be nice if they added standard definition for picking your own font size and number of columns, reading the stored preference.

P2O2 Thursday, December 29, 2011 12:16:16 PM

Hi,

I've jumped here from the text of "Opera in 2011" written by Anna Rohleder(AnnaMetro). Wednesday, December 28, 2011 and published on the "Opera News" page.

Firstly, summery - Paged Media is total B.S. It's a cranky idea to cram the manyfold Universe of real life onto two-dimensional screen of IT monitors.

Why B.S.?

Many years ago a lot of efforts were put into creation of Desktop metaphor onto PC world. Vide IBM OS/2 and Microsoft Windows with the first having far more better implementation of the idea.

Perhaps no one paid attention to the man's ability to "read throu images" (RTI) and psychology of vision. Desktop was the Holy Grail of home computing. What I mean by RTI is the man's ability to have a glance around to have an overall image of all shelves, documents on a desk, etc.

Meanwhile the two operating systems tried to squeeze the same RTI image into 15" screen! Screen replete with zillions of icons as graphical representatives of real world objects. Have you ever tried to cope with the "additional" information which demands from user's brain additional processing for translating from the icons to the real objects and vice versa? Have you ever tried to deal with those subsubsub(...)folders as a substitute of second directory of fifth document, put in 12th binder in 3rd drawer of 7th cabinet? Did you opened 40 windows and stack them one behind another on 15" screen, where finding the needed one was a road through hell?

That's why Total Commander and other File Managers were still being developed and never left the PC world with "Desktop metaphor". Never ever!

The Desktop metaphor was doomed from the beginning or a dead end street. The same is/will be with Paged Media - it is highly artificial way of doing "real" things in highly artificial aka digitized world. It is an art for an art. A concept without a "prove".

Why the press didn't copied the real layout of their paper issues? With the first page (cover) over a magazine page over a foreign affairs page, etc. just as it is in real world when one reading the newspaper in a subway turns the pages from one to another? After all every newspaper has its own unique graphical and content layouts. They still think that man is able to read or understand the hundreds small thumbnails and associated with them one or two sentence texts. It is impossible due to human constraints but they still try to sell out their wrong on-line layouts.

So it is the Newspepers that should make changes not browsers. As one of comenters - QuHno (Friday, October 21, 2011 6:14:08 AM) noticed - "Only if the publisher puts the content online for browsers that are capable to reformat it - and I think it won't be for free. "Apps" are like subscriptions for printed newspapers a sure thing when it comes to money, because the person who bought an app uses it. There are too many distractions (meaning: other web pages you could visit) if you use a browser."

On the other hand, is there a real difference between changing pages horizontally with Paged Media technique or vertically via sliders? I do not need the graphical "marvels", what I need is a quick access to needed information. Information served with context, e.g. other thumbnails leading to similar topics (the video above showed pristine, virgin images of pages with only one kind of text belonging to one article; too clinically clean for me).

Perhaps the idea behind the Paged Media has a non-zero chance to be usefully implemented in tablers (TABLet + computER; tablet is an input device for graphical applications, mostly) or any bigger(!) hand-held devices but not for full fledged PCs or small phones. But even in that case you should do more to convince me to the project.

Someone said recently that tablers are gadgets only and they are not suitable for a real work. I do agree. Opera has problems with many websites why to add another top-layer to the existing HTML-CSS-JS mess then?

If Mr Håkon Wium Lie really loves books as he claims so let them thrive in real instead creating another digital ersatz for real objects. It'd be better to modularized Opera (if possible) than adding to it another functionality, this time unnecessary, artificial (out of both worlds - digital and analog) and not worth implementing in every Opera flavors - if ever.

Regards

Ab.Razaque.keeriokeerio2k Sunday, January 1, 2012 5:11:40 AM

heart heart heart heart sing sing up up up psmurf psmurf

celalbermon Monday, January 9, 2012 1:55:15 PM

up up

Write a comment

New comments have been disabled for this post.