The Stream
Show news from this time range:
    2 new items available. Load now.

    Breaking: User reloads stories on click

    Because this stream is so sticky, you will want to leave it open in a tab all day long. Whenever there are new stories, you are prompted to load them. There's also a nice (2) in the browser tab indicating new stories, which of course has just disappeared since you clicked to load the stories. Reload the page and wait for 8 seconds to see it.

    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

    Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

    1 minute ago

    One new user has checked out how this works.

    No Shit: Journo-Nerd Builds Stream-Mockup

    What you see here is a mockup for a stream-based home page of a news site. A lot of functionality is only indicated and not actually implemented. For more info on the concept, click on this teaser to expand the article.

    Photo Credit CC: Toni Blay, Flickr

    1

    News sites as streams

    In a stream-based home page of a news site, navigation is replaced by filters that can be combined in any way the user wishes. Topic overview pages and search results are also displayed right there the stream. By default, items are ordered by relevance (a multi-factor-metric that relies on editorial judgement, but not exclusively).

    2

    Time-based personalisation

    One key element is the time slider on top of the stream. It defines the timespan from which stories are displayed in the stream. It is automatically set in a way so that the user sees the most relevant stories since his last visit, but can of course be adjusted to any timespan or simply to "realtime". It solves the problem that all visitors see the same stories, irrespective of when they last checked the news.

    3

    Inline article views

    When a user decides to read an article, the story is expanded in the stream. There are no separate article pages, but of course, every stream element has its own permalink. If a story is visited via the permalink, it is displayed as an expanded item in a topic-stream, with related articles on top and bottom. To allow for generous article layouts, every stream item (aka article) has a fullscreen mode to display articles in a reading-optimised view.

    4

    Personalised feed

    Users can manually select topics, sources and authors they are particularly interested in. The personalised feed displays mainly those stories plus the most relevant ones (to burst the filter bubble). Besides the manual selection, machine learning techniques are applied to further refine the personalised feed.

    5

    Flexible output

    Once you have your stream running in the backend, you can deliver it in the frontend whichever way you like, defaulting it to what best fits your audience. You can also offer the whole stream via an API on a freemium model to encourage others to use your stream.

    6

    Optimised for mobile

    Since the stream is in a one-column layout, it can be easily adjusted for all kinds of screen sizes.

    10 minutes ago, relevance: 0.78

    David Bauer commented on The Zoomable Article
    David Bauer commented on Streams are made for flowing
    Robert Scoble has joined the community (because who else would be first)

    It's a curators world. We don't shy away from linking to others right from our front page. Let's add some info about why we're sharing this: Useful and important to know: a collection of facts and background on military drones and what they do.

    Everything You Ever Wanted to Know About Drones

    Here we pull in some teaser text via Embed.ly or so to make the teaser more appealing.

    34 minutes ago

    ADVERTISEMENT

    Slideshow

    Too lazy to implement a slideshow, but of course, why only display a teaser image when you can show the slideshow instead.

    1 hour and 13 minutes ago

    Embed a video right in the stream when it's really the video that all is about

    1 hour and 13 minutes ago

    Maps to make you mappy

    Normal page layouts usually force you to use a teaser image irrespective of what the main visual of your article is. Not here. Your article is about a map – show the map in the teaser.

    Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.

    Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.

    1 hour and 2 minutes ago

    Load more stories (doesn't work in the mockup, but you get the picture)
1

News sites as streams

What you see here is a mockup for a stream-based home page of a news site by @davidbauer. Navigation is replaced by filters that can be combined in any way the user wishes. Topic overview pages and search results are also displayed right there the stream. By default, items are ordered by relevance (a multi-factor-metric that relies on editorial judgement, but not exclusively).

2

Time-based personalisation

One key element is the time slider on top of the stream. It defines the timespan from which stories are displayed in the stream. It is automatically set in a way so that the user sees the most relevant stories since his last visit, but can of course be adjusted to any timespan or simply to "realtime". It solves the problem that all visitors see the same stories, irrespective of when they last checked the news.

3

Inline article views

When a user decides to read an article, the story is expanded in the stream. There are no separate article pages, but of course, every stream element has its own permalink. If a story is visited via the permalink, it is displayed as an expanded item in a topic-stream, with related articles on top and bottom. To allow for generous article layouts, every stream item (aka article) has a fullscreen mode to display articles in a reading-optimised view.

4

Personalised feed

Users can manually select topics, sources and authors they are particularly interested in. The personalised feed displays mainly those stories plus the most relevant ones (to burst the filter bubble). Besides the manual selection, machine learning techniques are applied to further refine the personalised feed.

5

Flexible output

Once you have your stream running in the backend, you can deliver it in the frontend whichever way you like, defaulting it to what best fits your audience. You can also offer the whole stream via an API on a freemium model to encourage others to use your stream.

6

Optimised for mobile

Since the stream is in a one-column layout, it can be easily adjusted for all kinds of screen sizes.

7

Let's discuss these ideas

comments powered by Disqus