Showing posts with label websites. Show all posts
Showing posts with label websites. Show all posts

Saturday, March 1, 2014

Ken Lerer observes the state of media, in 8 Tweets

As an avid consumer of journalism, I am always on the lookout for news about the business of journalism. New ventures are starting all over the place, led by big names or big ideas, and there is money in journalism again.

One of the people behind some of that money is Ken Lerer, known primarily for his role in the controversial origins of the Huffington Post but with a track record of supporting innovative success stories like BuzzFeed, MakerBot and Warby Parker that prove he has an eye for products people want to consume.

Lerer took to Twitter last week, inspired by investor buddy Marc Andreessen of Andreessen Horowitz, to share what are (so far) 8 observations about the state of the news business and its future. Let's pick them apart a little.
The first in the series comes after a Tweet pointing to an inspired post by Andreessen on why he is bullish on the news business. Among some choice quotes:
"Maybe we are entering into a new golden age of journalism, and we just haven’t recognized it yet.  We can have the best of all worlds, with both accuracy rising, and stories that hew closer to truth." 

Lerer starts by comparing the digital news business today to the early stages of cable television. The pipes are laid, the bandwidth is there, now we need content - quality content - to fill it. For Lerer, the future is in social media, the direct line to your audience's pocket, and one of the best ways a news organization can listen to its audience.

It used to be about what people were reading (NY Daily News vs. NY Post). Then it was about what they were clicking on (Huffington Post summary of the New York Times article), and now it's about what people are sharing, what they are talking about. And that conversation is happening on social media.

Now the audience just needs content worth talking about.
Favorite this tweet now because you don't want to forget this one: "Content without tech is a waste of time and money."

Implicit in this idea is the increasing sophistication of the information consumer today: they expect quality content and they expect a seamless user experience no matter what device they are using. The right publishing platform must be quick, responsive and integrated with the rest of the Internet, because the reader is.
He then turns to how to finance this quality tech and quality content:
Intelligent ads, yep. Sounds great and I can't wait to see them. I'm assuming this is something beyond just targeted ads.
Here we have a plug for Thrillist, an e-newsletter and men's interest site that combines clean design, good photography, and editorial content that you can buy. Oh and this company that is way ahead of the curve and the only ones "doing commerce and content the right way"? It's owned by his son. Does it matter? I haven't spent enough time with Thrillist to say, but it bears mentioning for transparency's sake, right?
Lerer brings it back to journalism (what Andreessen calls "Capital-J Journalism") to reiterate that a sophisticated audience demands sophisticated content. Not whatever trending crack like BuzzFeed quizzes happens to be ricocheting around the social Web this week, but quality content.

I could not agree more, and wish more organizations had the courage to invest time into projects that need many iterations to get right. Any organization that does is and will be rewarded.

For my final words, I'll turn to Andreessen's original post that launched Lerer's 8-point burst of inspiration, in which he describes the future of news in what sounds like a bubble but just means a new economic reality that will see many failures for every successful new organization to get in the game.
"The big opportunity for the news industry in the next five to 10 years is to increase its market size 100x AND drop prices 10X. Become larger and much more important in the process."

Saturday, February 22, 2014

Planet Money T-shirt: Making the news (very) personal


As an avid listener of NPR's Planet Money podcast, I was fascinated from the first mention of its ambitious T-shirt project, which would ask listeners to pre-order a new T-shirt, with the show tracking the process from seed to shirt. Having not purchased a cotton T-shirt of any sort in years (is that weird?), I figured it was time to update my weekend wardrobe.

The result? Wow. Besides the amazing storytelling and personal connection I now have to an item in my closet, who knew that a radio show could do visual journalism so well?

The well-designed website gives a simple, curated experience that takes you through the story in logical steps with clear connections and transitions among them. This was a priority for the design and development team at Planet Money, and they hit the nail on the head. There is just enough video, just enough text and just enough content to keep you engaged for every moment.

THE VISUALS

Every chapter begins with a full-width video player, and content with stunning visuals and engaging characters. The Machines video (chapter two) that shows the raw cotton turned into fabric, is particularly well-done, with an audio track that reminds you, in a good way, that this is coming from a radio program.

The heart of the project is the People chapter, with a video that tells the story of two garment workers, one in Bangladesh and one in Colombia. The choice of characters is excellent, both good-natured young women who live parallel lives in many ways. One of them, Jasmine, just happens to be living it in Bangladesh, one of the poorest countries in the world. There is some arresting footage from the Rana Plaza garment factory collapse in Bangladesh, which killed 1,000 people while this project was going on.

But there is lightness and honesty in their stories too, and we see them both smile more than once. The Columbian woman, Doris, laughingly notes how the shirts they make are "immense" so she imagines a bunch of obese gringos wearing them.

One of the first lessons I learned about video storytelling was that audio matters, and the narration in the videos showcases the radio origins of this project, in the best way. The thoughtful, conversational (I caught a "pain in the ass" in the Boxes chapter) and easy voiceover is more successful than you usually see in video journalism.

And while there isn't that much of it, the photography is beautiful. See the close-ups of yarn samples in the Machines chapter (left).

THE WRITING

The writing in this project is pure Planet Money: Conversational, and with a concerted effort to simplify the concepts at work in the narratives. At times it gets close to dumbed down, but implicit in that critique is praise for the accessibility of this material. You don't need to have ever heard of Planet Money or economic concepts to get sucked into this project.

"The newest John Deere picker needs just one guy to do what it took five guys to do a couple years ago."

"(Yarn, by the way, is what ordinary people call thread. In the garment business, it’s called yarn.)"

In a way, they are writing for radio, and I can see that because my journalist radar pays attention to things like that. But it may also be my coming into this project knowing it would be a rare piece of visual journalism produced by a radio show rather than someone who just came upon it from seeing a link (planetmoney.com/tshirt) somewhere.

So how does it end? Well, I have a pretty sharp grey t-shirt with a squirrel drinking a martini on it and a website that will tell its story, with no advertising whatsoever, forever.

On the radio, the story ended with a wonderful episode about the afterlife of an American T-shirt, tracking it from a clothing donation to markets in Kenya. [More text at this link] That still counts as one of my favorite Planet Money episodes ever, if not just for this project.

"You", the fifth and final chapter in the full multimedia project, is where the listener/viewer/audience gets to participate in the story, with an Instagram collage page featuring people's Planet Money T-shirt selfies. It's nice to see all of those fans/audience members on the site, smiling back out. It speaks to the personal connection that people have to the show and the shirt, one that I feel every time I see the thing in my closet. I've never had such a personal connection to a piece of journalism, and it is more meaningful than I expected.

And my Instagram selfie? I haven't added it yet. My living room seems an unworthy backdrop for something with such a back story.

Thursday, May 2, 2013

Fortune.com: One year later



A little more than a year ago, I wrote about 11 ideas to improve Fortune's lists online, since the company was looking for a new editor to manage franchise projects like the Fortune 500. I decided to check in on what's changed since then, using the 100 Best Companies list on which I based the initial exercise.

Organization

I much prefer the splash page with the top 10 items (each with thumbnail), and instead of the tabs to organize the list, now we have a row of features that are related to this list along the top, each with a big picture. I recommended these changes and clearly they were thinking along the same lines.

I also see that the box on the top right is now being used to highlight other Fortune lists rather than a job search tool, which is a much better way to use the space.

Video content, which used to be up top in a prominent place, now takes a more logical place below the list where it's intermingled with other featured content. I don't know many people who specifically go to a site looking for video content to watch; rather they go looking for interesting content, whatever form it takes. Fortune has apparently realized this, which is a good thing.

So it's a big step forward, pretty much involving all 4 of my original suggestions for organizing this content.

Content

In terms of content, I don't see much new here. Looks like the old lists, just packaged in a new way. Maybe this area will improve with time, but I still think that there should be more social media on this page, and there should be deeper integration with other Fortune lists.

Design

My biggest reaction to the new lists is that finally we have a lot of visuals to make the page stand out and give the reader things to latch onto. I would love to see more non-stock-photo art, but overall the page looks fresher and more modern than it did a year ago. I do think some persistent nav would do wonders for the user experience and would make the lists significantly more mobile-friendly though.

Finally, I am very happy to note that one feature I mentioned in my earlier posts, including one on social media recommendations for Fortune, has been made reality: Social Media Superstars, the companies with the most dedicated approach to using social media to connect with the public. It's a breakout list of the top companies master list, and I bet this one has done well both on the site and in terms of sharability.

Nicely done, Fortune, but there is still a way to go to make these lists sing on websites and, most importantly, phones and tablets. Good luck in that effort.

Saturday, February 23, 2013

What FastCompany missed about the MailOnline

As a former photo editor at the +Daily Mail, the Web's most highly-trafficked news website (since Jan. 2012) I was happy to see +Fast Company's take on what makes the site so damn successful [read it here].

But I think they missed the full story.

For FastCo, the MailOnline's success comes down to 4 design choices:

1. The homepage has a million stories and no ads
2. Sidebars on the story level point to a million other stories, eliminating dead ends
3. Stories are organized by category in vertical sections (duh)
4. Content targeted at women is especially successful

While these points are all true, I don't think you can explain the site's success without talking about its use of photos, which goes above and beyond what you see anywhere else on the Web (except for the NYDailyNews, which has basically adopted the Mail's design as its own).

PHOTO COMPOSITES are the MailOnline's killer app.

No photo on the MailOnline is just one photo. All of those stories in the right rail that deal with entertainment and celebrity news and other content targeted at women come with thumbnails that incorporate two or three other images.

The stories on the main page get composites as well, perhaps a crime scene and two mugshots, or a composite of the various main characters, and if the main story is big enough to occupy the entire width of the homepage, you might get a huge panorama that incorporates 5 images or more.

You get so much more content before even clicking on a story than you would on most other sites, which may offer one thumbnail/top image per story. For me this serves as a lure, to let readers know that they have the photos, they have the details, they will SHOW you the news as well as tell you the news.

Once you click in, you are rewarded many times over, as the MailOnline will break up the text every few paragraphs to give you photos of everything and everyone related to the story, and you become a return visitor.

Photo galleries are put together in the same way, as Buzzfeed does, by embedding dozens of images into the body text of a single article. All you have to do is scroll to see the photos, rather thank clicking through each one.

Granted, the use of photos isn't related to the website's design, but it is intimately related to the layout design and the editorial choices that the MailOnline makes, which FastCompany does address in its piece. Unfortunately it left the biggest part of the story out of the story.

Friday, January 18, 2013

Mashable redesign: 5 Pros, 1 con, 1 caveat

[Screenshot of Mashable.com from Jan. 16, 2013]
+Mashable redesigned its website in December, and while I don't think it does everything right, the folks at the popular tech site made some very interesting decisions about how to present content that I think reflect some new realities about how people navigate content on the Web.
It's a bold redesign that is almost consciously different than anything that currently exists on the Web. Here are the takeaways for me. [tl;dr at the bottom]

3-COLUMN LAYOUT: Using the eye's natural tendencies

Mashable has chosen to believe that the eye will gravitate to the right naturally, so instead of putting the biggest stories top left, they put their newest stories on the left, with small thumbnails that ensure more new content is visible above the fold in that column. 

In the second column you get the fastest-growing content (a friend at Mashable confirms these are the ones most rapidly growing in traffic) to see what's buzzing right now. Think of it like a Rally-car race: these stories haven't gone as far as the ones that went before them, but they are going the fastest. Each one even comes with a tiny line graph showing its speed.

On the right, with the biggest images and therefore most editorial weight, are the biggest stories on the site right now. Most-viewed overall.


INFINITE SCROLL: The killer app

While a bit buggy and jumpy, the most important thing about the redesign (though of course not unique to Mahsable) is the dynamic loading of content as you scroll down. This creates literally endless pages. The more you scroll the more content you get. Readers can go as deeply as they want.

And while this is great for section fronts, it is most innovative on the story level - if you read to the bottom of a story, the site basically loads the section front for that category below. Reading a lifestyle story or a story about social media? Well when you're done you'll get a basically endless amount of other stories in that category without clicking back to any section fronts. Very nice.

MINIMAL NAVIGATION: Goodbye stacks of subnavs

While you can navigate by content type along the top of the page, where a simple rollover will load links and images for 5 top stories, there are not a million subnavs and buckets breaking things up on the page. 

To me this reflects a new philosophy of what people look for when they come to your homepage. They don't come thinking "I wonder what the latest lifestyle/business/video game content is on Mashable", rather they are thinking "I wonder what's new, I wonder what's trending, I wonder what I should know about because everyone else does."

Adjusting to this reader mindset is a very smart move.

MOBILE-FRIENDLY: Perfect integration with a phone or tablet, whichever way you hold it

Consistent design is important in our multi-screen lifestyles now, and Mashable now delivers the exact same experience no matter what device you are using to access it. Stories are all easy to click and navigate on iPhone (1 column at a time) and iPad (2 columns in portrait mode, 3 in landscape), and everything works the same way.

IMAGES EVERYWHERE: Gives readers something to click on 

No plain headlines anywhere on the page, which is very satisfying. Click-maps that I have seen at several websites that I have worked show that people click on the thumbnail way more often than they click on the headline.

~There is one drawback~

NO CLEAR CATEGORIES: All stories look the same

When you have pages with infinite scroll, I believe it's important to give more at-a-glance information for people skimming the whole page. 

Some visual cues so you could see which stories are in which category (if you want to scan for the latest social-media-specific content, e.g.) would be helpful. The topnav, which follows you down the page, takes care of that to some extent, but they have to look somewhere else to get it.

THE CAVEAT: It's Mashable

While this type of design makes more sense for a narrowly focused site like mashable than a truly general-news website, I do think it's smart in some of the ways it adapts to the way people consume content online (coming in one story at a time instead of navigating section fronts), which I think is a relevant lesson for any news website.

Verdict: 5 stars, once they fix the laggy loading.

[tl;dr] 
Mashable's redesign succeeds in 5 big ways: Infinite scrolling, 3-column layout that emphasizes new content and works perfectly on mobile devices, minimal navigation menus and photo-heavy layout. It has one drawback in that categorization of stories is not very clear, but there are lessons to be learned for all news websites from the new Mashable.com

Saturday, February 4, 2012

5 Ideas for Fortune on social media


Fortune Magazine these days appears to be making a concerted effort to beef up its online presence, and in addition to its efforts to ramp up the multimedia content of its franchise lists, the magazine is looking to put some dedicated energy into social media.

I've thought a lot about Fortune's lists (see that post here) and decided to put together a few ideas I had about improving the brand's social media presence as well. 

At close to 500,000 Twitter followers, readers clearly have a ton of interest in following what the magazine has to say in real time, and I think more can be done to capitalize on those relationships.

1. Lists: One great way to easily maximize the value of so many Twitter followers would be to create lists with every existing feed for the companies that show up on each franchise project (@FortuneMagazine/100Best, @FortuneMagazine/40under40, etc.), as well as CNNMoney and Fortune feeds. 

These can be embedded in various parts of the website and people can follow them on their various Twitter management applications. Such a thing can be easily integrated into the iPad app, the splash page for the list itself, and can be referenced in the hard copy of the magazine to direct people to the online content and give some real-time immediacy to the print product.

2. Outreach: There is a great opportunity to use social media to create content by asking the magazine's half million-plus followers who they think are the most influential businesspeople on all of those social media platforms (G+, Tw, Fb) and use the answers to create a new list of the 50 who get the most votes as a 50 Most Influential on Social Media or the Fortune 50 Social Media Stars or some such. With so many followers across multiple platforms there is a great multiplier effect with this sort of effort.

3. Quora: For me, Quora is the next big thing in social media, and I think there is huge potential for Fortune to build the brand and attract new classes of followers there. There are currently 3600 users who follow the Fortune magazine topic, but there is no Fortune magazine account. 

Many of the questions under the topic (which sees new posts pretty much daily, sometimes multiple times a day) are people looking to discuss the current issue or who have questions about methodology, or why a certain decision was made about a certain story. This is a great opportunity for an official Fortune account to answer those questions and provide a bit of transparency to the process, all while creating interesting answers to readers' questions that are sure to get disseminated on other platforms. 

This is another great way to generate content as well, since the social media editor could get those questions answered by the relevant Fortune staff members (the cover artist, the photo editor, the list editor, the graphics person) on camera, and those videos could be put on the Facebook page (where "behind-the-scenes" content works very well) and other channels.

4. Video: Such behind-the-scenes videos could also be put on a YouTube channel, which Fortune does not currently have (though there is a specific Fortune MPWS account). While Fortune's video content appears on the CNNMoney YouTube channel I think a dedicated Fortune channel would pay significant financial dividends from ads as well as other gains in terms of visibility. Because the content just sits there and doesn't feel the effects of age as much as on the chronologically organized Twitter and Facebook, some good SEO-friendly headlines on the many evergreen Fortune videos can just sit on YouTube and be watched forever.

5. Twitter timing: As a basic Twitter strategy, I think the every-three-weeks publishing schedule of the magazine allows for an approach focused on a week of reflection and promotion of the latest issue, then two weeks of questions, contests and preview of the upcoming issue. This would take place over the ongoing strategy of "from the archives" links, promotion of new posts on the website (as well as RTs of Money and CNNMoney posts of course) and reactions to the news from writers and staff.

** See part 1 of this exercise: 11 ideas for the Fortune 500

Tuesday, January 17, 2012

11 Ideas for the Fortune 500


When I saw that Fortune.com was looking for an editor to oversee its franchise projects (Fortune 500 and the like), it got me thinking about what I would do to reimagine content like this for the digital age.

There is a lot of excellent data here, but the online presentation really appears to be an afterthought to the static version that appears in the magazine. The feature up right now is "
100 Best Companies to Work For", so I made that one the subject of this exercise.


In thinking about how to package such lists I am guided by my fundamental belief about the power of multimedia journalism to allow a reader to go as deeply as he or she wants to into the content. I believe in layering information on the web - causal visitors should be able get all the top-level data they want at a glance, then one click takes the reader into the next level of analysis and another click gives people the raw numbers and customization they want to personalize the experience.

For me the overall concept should not be of making a bunch of digital lists, but rather of creating a deep and rich database of American corporations, and comparing them to each other in meaningful ways. With that kind of structure I think Fortune could bring in new readers, draw them in to more content, and not alienate the power users who want everything. 

Here is what I would do:

Organization

1. I would put the overall top 10 companies on the splash page. A row of clickable thumbnails with the logos of the top 10 would give readers the most important data without any extra clicks, and they are already able to get into the list wherever they want to depending on which company interests them most, without having to click in order.

2. The main articles and galleries ("They're hiring!" "25 top-paying companies" ...) are fantastic and I would do more to highlight them, like to make this a section of "Top Stories About the 100 Best Companies" populated with thumbnails for each story.

3. Instead of the nav bar at the top ("Full List | Near You | etc.") I would consolidate these sections and place them lower on the page. They could even go in expandable menus for "View list by TOP COMPANIES | BEST PERKS | Etc."

4. Instead of the video thumbnails (repeated in the video box on the right) I would add a video player right at the top, either with those four thumbnails that load a video in the box or with one on autoplay. 

Content

1. Create a Twitter list (@FortuneMagazine/100Best) populated with accounts from these companies (those that have them at least) and Fortune/CNNMoney's accounts, and embed the stream on the page. 

2. The more video, the better. While creating a video profile for each company is not realistic, if there is a video component for one out of every 10 companies (meaning 10 total) I bet the pre-roll ads will bring in significant revenue. Some could surely be pulled from past interviews with certain company or industry leaders that Fortune/CNN have run before as well. A great way to repurpose content.

3. I think it's important to relate this list to the other franchise lists. I would love to see a box on the right or lower on the page with a prompt like "Companies on this list also show up in:" and add linked icons for the other lists, whether they be lists of companies or of people who work for those companies. 

4. I like the idea of a "create your own list" feature across all of the franchise lists where a logged-in user can create their own database of companies. It would be like the "Perk Finder" but with a few more options and the ability to save it not as a custom URL but as a section on their "my account" page.

Obviously this one is a little bigger or long-term than the other ideas, but I think it would have the added effect of allowing journalists or news organizations anywhere to create their own mini-lists or galleries using FORTUNE's data, with all the links back and visibility that would entail.

Design

1. Persistent navigation is essential here. People should be able to jump around to some extent rather than going through each list linearly. Each page/entry should have the full list in a set of scrollable thumbnails along the bottom so that wherever in the list one is, one can decide where they want to go next in the list.

2. I think a set of logos for each list would be a great way to have some continuity across the features and would be a good visual cue that can be used elsewhere. Google appears on many lists, so its page on any of them could display the icons of the other lists the company is mentioned in, and a simple click goes to that new list.

3. Generally the ads are where all the color is on the page so they are what draws the reader's eye, a problem I would address by spicing up the title banner to look more like the main banner that has an integrated FORTUNE logo (rather than one in a box) and a minimal arrow for the dropdown menu. Doing that in a contrasting color like a silver could make it pop nicely. 


New content

I also see the potential to vet these lists a bit more for readers, always with an eye on the topics that are of most interest to readers in this changing business climate. Entrepreneurship and innovation, for example, does not have a very prominent role on these franchise projects. Some ideas:
Most innovative companies


Most-improved companies (turnaround stories are always appealing)
Rising stars (sort of a preview of next year's list)
Most charitable corporations
Most influential people in media
Most influential people on social media
Leading entrepreneurs

Who knows how these lists will evolve once the right person is hired, but Fortune needs to prepare for a day when the printed version may not even exist, and a Web-first mentality would vastly improve the interactive experience with the projects on Fortune.com.

This, I think, could help achieve that.

** Read part 2 of this exercise: 5 thoughts on what Fortune can do on social media