“What is your mission?”

I get asked that a lot. And it’s a good question. Why does the visuals team exist? What’s the point? I’ve interviewed dozens of job candidates in the last month and it’s given me time to think a lot about my answer.

What it’s not

It’s not pageviews. We try damn hard to make things that people want to see and share, and we hustle to get our work in front of them. But it’s easy to gin up the numbers — just put more opinions, otters and asses on your website.

It’s not awards. Sure, we’re glad to win one. It feels great to be recognized. But the approval of your peers is weak sauce, and I have no interest in showing off. We keep the awards in a drawer. 

It’s not money. We put ads on our stuff, and work with the sponsorship team on creative ways to encourage people to pay us money. But 1) NPR’s business model is only partially reliant on advertising, so we’ve got the luxury to care less and 2) more importantly, we’re expensive and couldn’t possibly pay our salaries with ads alone.

It’s not prestige or brand awareness. Yes, I believe our work makes NPR look good. And yes, I believe our work can and does help NPR reach new audiences. These things are important, but they’re not the *mission*.

So what is it?

We’re here to create empathy. To introduce you to somebody you’ve never met, and think for a few minutes about life in their shoes.

We’re here to open your eyes and make you give a shit about the fucking terrible things that are happening all around us right fucking now. To show you the beautiful and the terrible and the terribly beautiful things.

We’re here because there’s this amazing, lizard-brain, innate thing about oral and visual storytelling. Humans invented writing. We were *born* with ears and eyes.

And we’re here to serve our audience, so yes, pageviews or it didn’t happen. And I think visuals have the power to deliver audience to a difficult story. But our success is measured in engagement, not views. User-centered design, not interactive gimmicks. Affecting stories, not clickbait.

“We make people care.” That’s our mission, and I’m fucking proud to say so.

If it doesn’t work on mobile, it doesn’t work

I gave this talk at Hacks/Hackers Buenos Aires in August. It’s been edited slightly for readability but I’ve left my notes for breathing and emphasis, and the bits of Spanish, intact. It just seems more correct that way.

HHBA mobile talk (1)

One of the big things that appealed to me when I considered taking a job at NPR was that they were doing really amazing work delivering news on many platforms – the radio, the web, and mobile phones – and I had been thinking a lot about mobile at my previous job.

HHBA mobile talk (2)

Photo by yooperann

I used to work at one of the world’s greatest newspapers, the Chicago Tribune. One project I worked on was an effort to create a new mobile version of our website. But something bothered me. We had decided, it seemed prematurely, that a mobile website was the right thing to make. So we backed up a bit, and asked some questions about our audience.

HHBA mobile talk (3)

We asked questions like… Who are our users? What are their lives like? What’s their daily routine? What do they *need* from us? Well, it turned out that they listened to the radio in their cars, on their way to work. They read their phones at the supermarket, and on the bus, and on *the baño*. And they read Facebook in bed, on their phones, in the dark.

HHBA mobile talk (4)

Source: Guardian

So, our guiding principle became that we needed to meet people *where they’re at*. We needed to reach our audience in their *in-between moments*. Before work, on their commute, in bed after the kids are asleep – the cracks in their day.

HHBA mobile talk (5)

And of course, what we needed to build *was indeed* a mobile website. But after doing our research, we knew that the point was not to just build something that fit on your phone. The point was that we needed to build a product that fit into how people live their lives.

(I’ve got a few statistics in this presentation, and they’re from the U.S. and Britain. Life is different here, though I suspect it’s somewhat similar, but I can only talk about what I feel like I know really well, which is the U.S., so please bear with me.)

HHBA mobile talk (6)

Sources: LukeWBusiness Insider

Recent surveys of mobile users reveal exactly what we suspected of our users. Users in the UK and US are using their phones for more than two hours every day! 77% of mobile users say they use their phones in bed. And 41% in the bathroom, although I suspect that number is higher and people just don’t want to admit it.

HHBA mobile talk (7)

So what do I mean when I say mobile? It’s important to note that “mobile” does not mean “on the move” or “walking down the street”.

HHBA mobile talk (8)

It means “while you’re eating soup”. And really, it’s not just your phone. It’s anything that’s not a traditional, desktop computer experience. Right now it’s probably your phone and your tablet, but in the near future it’s your awesome internet watch, your glasses, even your television.

HHBA mobile talk (9)

I really like Karen McGrane‘s take: Mobile is anyone who’s ever pecked at his mobile phone from the couch, too lazy to walk over to his desktop computer. Mobile users expect the whole internet to work correctly for their lazy asses. And that’s just fine. It’s our job to make it work for them.

breathe

HHBA mobile talk (10)

These days, my team at NPR is made up of two software developers, three designers, a reporter, an intern and myself – my background is in software development and computer science, so sometimes I code, but most of the time I edit our work, sketch designs and manage projects. We do data and maps and charts, multimedia projects and other stuff. I’ve got some examples to show you.. But before I get to all that…

HHBA mobile talk (11)

Some of you may be familiar with this drink. This is a Terremoto. It’s a Chilean beverage, made with, get this, white wine, ice cream and fernet. It’s actually pretty delicious. Now I don’t know the real history of this drink, so if there are any Chileans in the room, please correct me, but I’m pretty fucking sure that this drink was not invented by someone with *options*. At a stocked bar you’d be drinking a gin tonic. It’s important because *constraints force* you to be creative. In that spirit, we have rules on our team…

HHBA mobile talk (12)

…and our biggest rule is that *If it doesn’t work on mobile, it doesn’t work.* We build websites that work great on any size screen, big or small, using a technique called responsive web design. The web pages reshape themselves depending on if you’re on a big screen or a small screen. It seems kind of tricky, but really, it’s not *technically* difficult. The challenges are organizational.

HHBA mobile talk (13)

Playgrounds For Everyone

In case you haven’t seen a responsively designed website, this is how it works. This is a project our team just launched about playgrounds. [obligatory browser window stretching exercise] It works big, it works small. What’s hard about designing for mobile is *prioritizing* your design so that it will work everywhere. There’s only so much screen space on a mobile device – you can’t just put everything on screen. So we force ourselves to prioritize by designing the mobile version first! Afterwards, we stretch the design out to fit the desktop. If that seems constraining, it is!

HHBA mobile talk (14)

But you’ve gotta just embrace it. Mobile-first design forces you to innovate. And to stick to your priorities. It is a great mind-hack.

breathe

Alright! Just in case you still don’t believe me, let’s look at some numbers.

HHBA mobile talk (15)

Oscar Party

Oscar Party was a live blog and chat, including live results for the academy awards presentation. We built it as sort of a second-screen experience – for folks already watching the Oscars on TV. And if you’re watching TV, you’re probably using our site on your phone, not your laptop. We considered it a success with 14% mobile traffic.

HHBA mobile talk (16)

Cook Your Cupboard

Cook Your Cupboard is a silly website where people send us photos of the weird things they find in their kitchen. It needs to be awesome on mobile because people these days take photos with their phones. As far as we know, it’s doing about 15% mobile traffic, though this is a Tumblr site, and so much of our audience views this site with the Tumblr app, for which we have no analytics.

HHBA mobile talk (17)

In Memoriam

This is a tribute to the musical artists who died in 2012. It’s one of several rich, multimedia experiences we’ve built. I actually prefer how this one works on mobile. I’m sort of in love with the idea that you listen to your phone like a little transistor radio.

HHBA mobile talk (18-2)

Fire Forecast

This is one of my favorite applications. The story is that for a hundred years, the U.S. government has been doing everything they can to prevent and extinguish wildfires. The problem is that when you do that, future fires will be bigger and more dangerous than ever. So we built this app for the people who just heard a scary story about fires.

What do they want to know? Will I be safe? Will my loved ones be safe? It looks great on desktop, but I like the pocket version way better.

HHBA mobile talk (18)

Buried In Grain

This is a list of people who were killed in grain bins. When I first heard about this story, I could barely believe it. These poor people *drowned* in *corn*. We considered lots of ways to present this data – maps, timelines, charts, etc. but none seemed stronger than retelling the accident summaries. We were amazed to discover that it did 31% mobile traffic.

HHBA mobile talk (19)

The big board

We built a bunch of stuff for the 2012 election, but this piece was a stand-out. We were asked to build result boards to project on the wall of the big studio for the radio hosts to read while they’re on-air. We quickly realized it would be super fun to release to the public, but it was so low priority that almost didn’t.

HHBA mobile talk (20)

It’s a good thing we did – the big boards counted for nearly half our election traffic! Lots of folks projected it on their walls and sent us photos from their election parties! I love these people!

HHBA mobile talk (21)

So, I’ve had a few, ahem, polite discussions with news designers on this subject, and frankly, lots of folks think we’re crazy. They want to make big, beautiful, detailed projects and they say they can’t possibly make their graphics work on a small screen.

And you know what? They’re probably *right*.

HHBA mobile talk (22)

Sources: PewNPR

But, the Pew research group just reported that fifty-six percent of Americans own smartphones. And a few weeks ago, the U.S. Census reported that although white people and asians are more likely to have home Internet, nearly half of Americans use a smartphone to go online, regardless of race. If you want to reach a diverse audience, at least in the U.S., you must build for mobile.

HHBA mobile talk (23)

And it’s not just about accessibility, people really *like* reading on mobile. The folks at reading app maker Readability report that folks prefer mobile for reading. And, perhaps counterintuitively, the phone even beats tablet!

HHBA mobile talk (24)

Photo by gaspi

So, please! Think of your audience! I mean, we don’t just do journalism for our own satisfaction. If folks can’t use your stuff because they’re on the bus, or they’re in bed or they’re on the toilet, then you’re doing it wrong.

HHBA mobile talk (25)

breathe

Alright! Let’s talk about the future of mobile.

HHBA mobile talk (26)

Source: Daily Mail

25% of users of O2, a British mobile provider, have ditched their laptop completely for a smartphone. This is astounding, and pretty different from how I use a computer. But that’s why Karen McGrane, who I’ve quoted a bunch in these slides, argues that everything you put on the web should work on mobile. You don’t know how people are going to use your stuff, and you’d be a jerk if you decided for them.

HHBA mobile talk (27)

Tweet by @lookitsjulia

It’s not news that the homepage is dead. In greater and greater numbers, people don’t go to your website to see what you’ve published. They go to social media to see what other people think is interesting. We’re all sending each other clippings in the mail, and that’s awesome. And it’s something most of us do on mobile devices, on Facebook or Twitter or Tumblr. And it’s not going to stop.

HHBA mobile talk (28)

Earlier, I mentioned mobile being your television. Have you all seen Chromecast? We’re really excited about it on our team. It works like this: You pick things to watch on your mobile phone and it displays them on your TV. And, unlike using cable television, it’s a really wonderful user experience.

HHBA mobile talk (29)

What’s powerful about this is that the content creators will *finally* be able to control the whole user experience, from the app to the screen, no cable box required. If this thing catches on, I imagine a day when most video is consumed on your TV, but via the apps on your phone. That sounds awesome! And it’s something that I think can kill cable.

HHBA mobile talk (30)

So, speaking of killing cable… I probably shouldn’t be saying this to an audience (And now on a blog! Don’t tell the tee vee!), but in the U.S., journalism has a bad reputation. People just don’t trust journalism much anymore. And I think it’s the fault of *dumbed-down*, *shiny*, *rushed* television news. Well, we have an opportunity to fix this problem.

HHBA mobile talk (31)

Source: Pew

It turns out that in the U.S., 71% of people under the age of 29 get their news from the internet! That’s amazing! Journalism may have lost the respect of everyone over 30 years old, but if we do news really well on mobile, maybe, just maybe, we can rebuild our fucking reputations.

breathe

HHBA mobile talk (32)

A book apart

Alright, so I hope I’ve convinced you and you want to learn more. I highly recommend these three lovely books from the folks at A Book Apart. Responsive Web Design walks you through the basics of making responsive sites, Mobile First talks about how you arrive at the best mobile designs, and Content Strategy for Mobile is about how your organization can optimize your content for mobile platforms. They’re all great, short reads.

HHBA mobile talk (33)

QuartzNPR

If you’re looking to see the state of the art, spend some time with Quartz, the new business site from the publishers of The Atlantic. They’re doing very very smart things – the site is super fast, it feels amazing on mobile. Also, I’m super proud of the ongoing mobile redesign from NPR. I’m not involved with this project, I’m just an outside observer, but they’ve done some things really smartly.

HHBA mobile talk (34)

People ask me why I left the startup world for journalism. There are a lot of reasons, like for instance that journalism is super interesting, and that making software for lawyers is fucking terrible and steals your soul. But I’m excited about journalism because we get to rebuild. We’re witnessing the creation of totally new ways to communicate! And that’s why I’m geeked about mobile – it’s the future, and we can make it.

HHBA mobile talk (35)

Thanks.

Why I work in a newsroom

Six years ago, I googled “journalism”.

I was a software architect, working on enterprise systems that optimized global email systems, simplified the lives of hedge fund managers, and made marketing teams at banks more effective. It was interesting work. (Really!) But after nearly a decade in startups and corporate life, I grew tired of the products I was making.

So I started searching for something more socially-conscious to do with my skills. I thought about going back to school to study law or maybe public policy. Then opportunity knocked. I heard about a program to study journalism for a year, so I googled it.

The search results spoke to me. Journalism was about democracy, about informing the public so they could better self-govern. It was like law or policy but from the bottom-up. I could get behind that.

It’s super fun

Becoming a journalist seemed like a positive thing to do with my life way back then, but I had no idea it would be such a good time.

Every day, I get to work with some of the smartest folks I’ve ever met, each a savant for some interesting and important subject. One week I get to learn about science, or the law, the next is business, or politics.

And, bonus, they’re all squeaky wheels – the kinds of people who cause a fuss in all-staff meetings. Challenging your superiors doesn’t always go so well in corporate America. But speaking truth to power is a journalist’s job. In the newsroom, I feel like I’ve found my people.

Plus, every story is a chance to try something new. We rarely work on a project for longer than a couple months. And when we’re done, we update our kit with what we’ve learned. Even at the most agile tech shops, you eventually get stuck with some legacy crap for a year. We get to reboot every week. And as a result, I’ve never seen a software team learn this fast.

Smart, passionate people, widely varying work, and super short deadlines? What else could you ask for in a job?!

The work we do helps people

In my previous life I enjoyed the problem solving, the creativity, the process of making software. Programming is a fun and challenging career and getting to solve puzzles every day is pretty neat. But to what end? Making software to make money for people who have money to make software?

The day’s story could be a safety database or a voting guide or a warning system for floods – and for each, we ask “Who are our users? What are their needs?” We make software with a purpose, for people. The work you do in a newsroom helps people live their lives and participate in society.

It’s very satisfying.

This post was written in support of the Knight-Mozilla Fellowships. If any of this spoke to you, do yourself a favor and apply. It’ll be the best decision you’ll ever make.

For more testimonials, check out Why develop in the newsroom (part 1) and Why develop in the newsroom (part 2).

Code in the public interest, make your mother proud

There’s too much data, and too few hackers.

The city dropped 10 years of incredibly detailed crime information a
few weeks ago, and we’ve barely touched it. The state of Illinois just
released an 9500-column-wide data set on school performance. And there may just be a few important elections peeking over the horizon.

The Chicago Tribune needs you. Your city needs you.

Join us.