Six Pixels of Separation - The Blog
May 14, 201310:07 AM

Designing A Better Website

It seems like online publishers are starting to think about the digital-first experience.

In the past short while, we have started to see what could only be described as "true online publishing" taking on a new (and pretty) look and feel. It started not too long ago when Fast Company did a full overhaul of their website. If you choose an article on their site, you will mostly see a big and beautiful image, a bold headline and that's when the scrolling begins. You intuitively move down the page for the content or left to right at the top of the page for supplemental images associated with the piece. The New York Times had a breakthrough with Snow Fall, which was their interactive coverage of the rise in fatalities from skiing. Reuters is currently previewing their latest web version and there are grumblings that a major redesign of The New York Times is on the way as well.   

In response to responsive design.

While the language of how we design the Internet continues to evolve (thanks to HTML5), we are also now seeing responsive Web design and parallax scrolling techniques take hold. Websites will now adjust to the user's experience (which could be happening on a computer, smartphone or tablet) and adapt (or respond) to the user's needs accordingly. While it's not as simple as it sounds in terms of the design and cost to get there, it's an excellent concession position for online publishers (instead of having to design native experiences for the Web and multiple mobile app platforms). But, what makes these techniques most fascinating is the user experience. Instead of a fixed, square page buffered by banner ads, the user is actually moved through the piece because of the design experience it creates in flowing them along with the story. It's no longer about having those annoying page numbers to click through at end of each page, and much more about a page that is unencumbered by any physical page limitation.

Beyond paper.

When television first came on air, it was mostly people performing radio in front of a camera. There was no real acting as we see it today. There were no multi-camera shots. It was mostly live and, if we're going to honest here: it was boring. It was only exciting because we could see people and the technology was new. While the Web wasn't boring beyond the recent changes in how we're designing and publishing stories now, it wouldn't be unfair to say that most online publishers were simply replicating the print experience. Copy and paste. We took our text from the newspapers and magazines and copy and pasted it on to a Web page. Sure, links added depth to these stories and comments enabled people to add to the discourse (or, as Arianna Huffington likes to say about blogging and the Huffington Post: "self-expression is the new entertainment"), but online publishing still looked and felt like traditional publishing. The thing is that now we're starting to see and understand the landscape in a much more profound and powerful way. A web page is not limited to the same constraints as a printed page, consumers are better at understanding how to manipulate digital spaces, while tablets and smartphones add a whole new perspective with hand gestures. Plus, legitimate designers are now starting to take the Internet more seriously as a design medium. So, we're moving beyond trying to make the Internet look, feel and read like paper, and this is the moment in time when it feels like the Internet is about to become a true publishing medium unto itself. And something a whole lot more interesting to look at.

No, it's not just Twitter.

Blogging, Twitter and more are original ways to spread, share and create content. Facebook, tumblr, YouTube and even the latest entry, Medium, are all doing their fare share of the work in creating new and fascinating ways for content to be penned and distributed, but the majority of the design still harkens back to the day of the printing press. What is about to make all of this digital publishing most fascinating will be more than the words, images, audio and video content, but in how it is designed to create something new. Traditional publishers are no longer just publishing content online, but working - harder than ever - to create a true experience that is native to a digitally connected screen. This the true power and opportunity of online publishing. Articles suddenly look like microsites and stories suddenly have three-dimensional depth to them that could have never have been achieved in the classic formats. For some, these new experiences may be too busy or have too much going on. Personally, these nascent examples are the bedrock of what will make digital such a rich and interesting next-generation publishing engine. It seems like we've scratched well beneath the surface with the content part of the equation in the past decade, but now it is time for the designers and user experience people to really up the ante and move us beyond the limitations of pages and fixed spaces to help stories flow in new and interesting ways. The challenge (and there is always a lot of them) will be in figuring out if things like banner ads and text links can maintain their dominance as the revenue generation engine that supports these more robust forms of content.

What do you think? 

The above posting is my twice-monthly column for The Huffington Post. I cross-post it here with all the links and tags for your reading pleasure, but you can check out the original version online here:

By Mitch Joel


Comments Comments Feed
  • Posted by philip powell
    Mitch Joel

    Snow Fall was a remarkable piece of work and a great example of what can be produced through a medium (online mainstream journalism) that has been much maligned (and deservedly so). It does also prove that there are no shortcuts when producing great content, none.

    Reply
  • Posted by Lauren
    Mitch Joel

    Thanks for your post. I agree, and in my world (highered) we took this adaptive/responsive approach a couple years ago to the digital properties we maintain. It seems relatively simple in this world because many highered websites are pretty far behind, technically; some of them are not in a CMS and the content hasn't been touched in years. So, it's a wee bit easier to 'start over'; implement a CMS that is forward-thinking and can support this type of development, while thinking more about how to present the content to target audiences based on the device they are using to view the website.

    However, I can't help but think back to my previous life working at a newspaper: it must be incredibly difficult to 'stop the presses' and begin designing/developing these website to act responsively. The CMS's have often been in place for many years and so custom built that it could take many resources ($$) to adapt templates.

    So, I guess what I'm asking is, what do you think it would take for these newspaper companies to move forward and create adaptive/responsive templates within their current content infrastructure, taking the need to incorporate advertising and lack of resources into consideration? This all seems well and good but I've only seen a few big newspaper websites take this approach, which is a good one; how do you think they'll get (or are getting) there?

    Reply
  • Posted by Chastity
    Mitch Joel

    Buloying rates are higher for members of the LGBT community with nine out
    of ten reporting some kind of bullying while
    in school. 90s and noughties: now companies are striving to fiind common groun with their customers, so they can plpug themselves into tthe fruitful social environment that hass been created
    by the Inteernet and its major networking sites. They saw something
    in this program that they can use, now I don't know abut you but me personally if rich people coulod see it
    so can I.

    Reply
  • Posted by Karry
    Mitch Joel

    In the series you neveer know who will come back for the next episode.
    You can build up your village and live a peaceful existence.

    Stick around for the secod half of the ABCs of Portland, N-Z.

    Reply
Add a Comment

Please complete all the fields below, including the spam filter (to prove you're not a robot).

  1. Fill in your email address to have your Gravatar photo included with your comment.
  2. Please type the word pixels here:
TrackBacks

TrackBack URL: http://www.twistimage.com/movabletype/mt-tb.cgi/3272