Quantcast
Channel: Society for News Design
Viewing all 887 articles
Browse latest View live

Best of Sports Design 2012: Editors’ Choice II

$
0
0

The results are here in the Editors’ Choice voting in the Best of Sports Design 2012. The multi-page winners will be revealed today. You can find links to all the winners here.

_______________________________

SPECIAL SECTION/ENTERPRISE COVER STORY
Simmaren
Olympics Coverage, Dagens Industri
Full entry: 1. 2. 3.

SSCS

_______________________________

LIVE GAME COVER STORY
BuffLGCS1
Bills-Rams, Buffalo News
Full entry: 1. 2. 3. 4.

LGCS

_______________________________

SPECIAL COVERAGE/PROJECTS
Correo-SCP1
Olympics Pages, El Correo
Additional pages: 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21.

SCP

_______________________________

SPECIAL COVERAGE/TEAM OR EVENT
Buf-SCT1
Bills Coverage, Buffalo News
Full entry: Click through the Flickr set.

SCT

_______________________________

THIS WEEK
Editors’ Choice, Round 1: Monday
Editors’ Choice Round 3: Thursday

_______________________________

STILL TO COME
BOSD 2012: An assessment
Sports Designer of the Year


Best of Sports Design 2012: Editors’ Choice III

$
0
0

The results are here in the Editors’ Choice voting in the Best of Sports Design 2012. The remaining cover EC awards will be revealed today. You can find links to all the winners here.

_______________________________

ENTERPRISE/FEATURE CENTERPIECE
px
Rondo, Boston Globe

ECP

_______________________________

LIVE GAME COVERS
BUF-LGC1
Golds Come in a Rush, Buffalo News

LGC

_______________________________

SPECIAL SECTION COVERS
Buf-illo1
Anger Management, Buffalo News

SSC

_______________________________

THIS WEEK
Editors’ Choice, Round 1: Tuesday
Editors’ Choice Round 2: Wednesday

_______________________________

STILL TO COME
BOSD 2012: An assessment
Sports Designer of the Year

Chelsea & The City: Covering the Boston Marathon bombing

$
0
0

Chelsea_logo

I never really thought I would be part of covering a tragedy like the Boston Bombings. You can never be prepared to cover something as horrific as last week’s events. There is no pre-written obituary or finished layout ready to just replace, “Headline goes here.” There is no plan — it’s breaking news.

When something so sudden and tragic happens, the platform of a weekly print newsmagazine is not the most timely. Sure, the website will be overflowing with breaking information and stories will be written around the clock, but it’s not the same as having a print product in your hand the next day spelling out everything that happened. But, until things started to heat up on Thursday, no one really knew what happened. We didn’t even know who the suspects were.

Download this special edition of TIME magazine.

The decision was made to put out a special edition tablet issue covering everything we did know at the time. Of course, the news would change over the next few days, but we were able to use the platform of the iPad to cover the events that had happened, share opinions, hear people’s personal stories, see touching photos and commemorate those lives lost. Everything was written, edited, designed and out
the door within about 24 hours. We usually have a week to put out a normal issue, but it was an incredible experience to see everyone come together under such tight deadlines and work so quickly and efficiently.

I am so proud of what we produced and that I was able to have a part in it. This experience really reminded me of why I love being a journalist so much. It also proved once again how important the platform of the tablet is in today’s media. Every single person that works at TIME is incredibly talented and I feel so blessed to be working side by side with them every week – and especially on a project like this.

—Chelsea

(Chelsea Kardokus is a freelance designer for TIME magazine in New York City. See more of her work here.)

Where the magic is: How the team at SB Nation earned World’s Best honors

$
0
0

Ryan Gantz thinks he’s discovered where the magic is.

Gantz is the Director of User Experience for Vox Media, the company which owns sbnation.com and is still basking in the glow of being named one of the Society of News Design’s World’s Best Designed news sites.

Ryan Gantz, Director of User Experience for Vox Media.

Ryan Gantz, Director of User Experience for Vox Media.

He believes the coordination of many departments’ goals is where the success of sbnation.com emanates from.

“This is where you are getting lot of what made Vox successful, trying to get products and technology and advertising and editorial all to work together, because the overlap is where the magic happens,” Gantz said.

The process, which was hugely collaborative, included writers, designers and developers. “We have a flat organization, and we find that building great products absolutely requires cross-team collaboration,” he said.

Gantz has been with Vox Media for six years, back when SB Nation was known as Sports Blog Inc., which featured about 100-150 independently deployed sports blogs with each operating on its own content management system. SB Nation now features 312 team and sports-focused blogs that embrace the fans’ perspective and run on a single CMS called Chorus.

The vision for the SB Nation that readers see today started in January of 2012. The process began with gathering requirements, followed by the creation of wireframes and designing the visual architecture. Eight months of work came to fruition when the new look launched on September 24, 2012.

SB Nation made responsive design a fundamental building block of its efforts. Gantz said this forced the team to consider mobile as a first-class experience, and it redesigned all screens for different devices at same time. The markup for the desktop and mobile sites are both the same.

Gantz said their mobile readers want to read the text first at the top of the page, so the minimal photos on the mobile site are played further down the page.

“The responsiveness of the sites has been a big deal,” Gantz said. “Lots of people are hopping on the bandwagon but they aren’t thinking through what that means. The responsiveness has been very satisfying.”

The impact of the Hoefler Frere-Jones typefaces is evident upon the first view of the site. Gantz believes the quality of the body copy in particular is greatly improved. The World’s Best judges noted the typography’s impact is evidence of how far web type has come in recent years.

Gantz said a great emphasis was also put on accommodating advertising. “We were respectful of advertising being a key player in this process,” Gantz said.

The advertisements all read clearly at a desktop width, a tablet width and a mobile width. The advertisements are also prominently displayed. For example, an ad for Speed Stick deodorant, which was running on April 11, not only surrounds the editorial content, it also bleeds into the top of the editorial content.

Gantz credits John Fuller, the site’s lead designer, with pushing the team to focus on traditional news design. “We let the design get out of the way so that the content could shine through. We hope that is what caught the eye of the judges.”

Over The Monster is the SB Nation community for fans of the Boston Red Sox.

Over The Monster is the SB Nation community for fans of the Boston Red Sox.

Inevitably, there are lessons to be learned from such a massive project. Gantz said his team’s lessons learned center around how readers used the individual fan pages, and understanding the impact of the changes they made.

“We weren’t necessarily as thoughtful about how this (redesign) would affect some communities as we should have been,” he said. “As we created more cleanliness, we sometimes compromised on tools those communities used and their functionality. The fan pages are like sports bars in some ways, and people like to hang out there. If you come in and re-paint the walls, and move their LCD monitor, they’re going to say, ‘Why are you changing around my dive bar? This is my home.’”

Best of Sports Design 2012: An Assessment

$
0
0

It’s in the books, folks. The Best of Sports Design is back, and based on interest and entries this year, no future hiatus is scheduled. With that said, take a look at all the winners here, and I will follow with some things we as a collective sports design industry can take away from 2012 in sports design.

What stood out?

Well, the general theme to this year’s winners was, “smart” if I can pick one word. I think even ahead of creativity and resources, the best work this year made readers come away feeling educated, or at least having been asked to think. In the Snow Fall series from the New York Times, the designers didn’t use a single tool beyond what was needed, which was, photography, white space and typography. A lot of people will look at that project and think, “I could do that with that content too!” and they’re right to a point. The NYT DID take an incredible story and serve it to readers in a way that left them feeling like there were no leftovers. Every square inch felt valuable.

The same goes for the Los Angeles’ Times “Not In Play” illustration and Buffalo’s “Anger Management” illustration. There were a lot of illustrations done at that level, but not many had the subtleties of Not In Play (the rainbow seams) or the depth of Anger Management (the headlines). They both gave readers a reason to spend an extra beat with those visuals, and that set them apart.

The Los Angeles Times and Washington Post both had images of every U.S. gold medal as part of their winning Olympics entries. Same goes for El Correo’s well-received Olympics graphics and the Times of Oman’s Olympics work. Both of those made you feel smarter for having spent time with the visuals. Those are the highlights, but they also represent a clear theme in the 2012 winners.

Disappointments

As a whole, the live stuff made me sad. We’re all still papers of record and I don’t know whether it’s a product of cutbacks in space, creativity or commitment (or all three), but the ability to play a live cover around storytelling photography, a bold headline and an organized, simple grid felt like a lost art outside of the winners this year. Quite frankly, a lot of live stuff felt … designed. Which is the opposite, in my opinion, of how it should feel.

Same goes for breaking news, where too often organization and planning seemed to lose out. There were exceptions — the Boston Globe’s very well-planned Big 3 obit, for one — and those exceptions won.

Multimedia entries were low again, though some incredible work shone this year. We posted those over on the SD Facebook feed.

Advice to those who didn’t win

The first thing I’ll say is, assess how you enter. Entering this competition isn’t the same as entering SND, where you’re allowed to take as many shots as you want. Theoretically, you could enter 500 entries in SND and win 500 awards. In Best of Sports Design, no matter how much you enter, we’re still only aiming for the top seven percent. Consequently, if you entered 50-60 times in the single page categories, you effectively ended up battling against yourself. And many times I saw entries from the same publication canceling each other out in judging. Not unlike two Heisman candidates from one school stealing votes from each other.

Expectations

Well I was elated at the global reach of the competition. I hope that for first-timers outside of the U.S. that the success of international entries this year can be a jumping-off point. I think it’s very important for sports design on a global scale to feel like a collection of ideas we can all learn from. Maybe the New York Times will never look like Adrenalina, but maybe the respective efforts to reach readers can provide lessons for both.

Small papers

We didn’t have many small paper entries this year. We had even fewer small paper winners. In my opinion, there’s a two-part answer:

First, the goal of Best of Sports Design is to recognize the best work, and shall remain so. More winners won’t equal a better competition, it’ll equal more winners. So for the easy solution of, “split it up by circulation category,” you have to consider: The Times of Oman, Adrenalina and Dagens Industri would have landed in a small circ category this year. I think you’d simply see those papers clean up there, and not necessarily provide a small paper in the U.S. Midwest with avenues to win. What I want this competition to do is to recognize the best work and end there, and I see us continuing to pit everyone’s work against each other.

With that said, in the past we have had a “Small Paper Best in Show” panel in conjunction with the voting. This requires interest (read: entries) on small papers’ behalf, and if interest is there in the future, we’ll bring that back.

Colleges

They didn’t play this year. I don’t know what to do about it, but I know we’ll open the competition to colleges again next year.

Sports Designer of the Year

I have no idea.

I mean that literally. I have no idea. I do not know who won. I do not know when it will be posted. For the first time ever, I’ll get to be surprised like you when it is revealed right here in this space.

The award is given by a panel of seven sports designers, art directors, managers and editors from around the world, all of whom most people agree deserve to make such a commendation. I was part of the panel until the field was narrowed down to five, and with the panel’s support, I recused myself. My conflicts this year are too great for me to take part in the discussion. I was replaced on the panel and have been kept away from discussions since. So I am as excited as you may be. Stay tuned.

What’s left

We’ll continue to have a presence here. (Thanks to Kyle Ellis, Jonathon Berlin, Rob Schneider and Stephen Komives for letting us play here.) We’ll also continue our social media presence at Facebook and Twitter. All of the judges will be thanked on the Facebook feed after SDOY is revealed.

Until then, let’s have a discussion. In the comments here, on the SD social feeds. Via email. However you see fit. What can we do to improve sports design as a whole?

One of the disappointments in the demise of the SportsDesigner blog, along with the demise of the original NewsPageDesigner, is that we have lost our outlets for discussions. We don’t have a place we can turn for regular back-and-forth about sports design in 2013. People, myself included, still get worked up, no doubt, no doubt and no doubt, but that perpetual showcase — and the pondering the showcase lends itself to — is what we’re missing. You can blame Rich and me, though we’d say blogging is hard! Blame changes nothing though. What we need is to seize opportunities for discussion when they arise, and this competition is certainly one of those.

Officer’s report from the spring board meeting

$
0
0

In an effort to make our members aware of officer and board member initiatives, the Society For News Design leadership team is sharing reports from the spring board meeting. This is the first in a three part series of posts, which will also include reports from program and region directors.

Officer’s Report

Rob Schneider, President
David Kordalski, Vice President
Lee Steele, Secretary/Treasurer
Jonathon Berlin, Immediate Past President

WHERE WE STAND NOW: We had a challenging year in 2012, for many reasons. But thanks to a lot of hard work in the last six months, 2013 promises to be a lot better and more financially stable year for SND. For that work, we owe a great deal of thanks to Executive Director Stephen Komives and the work of Jonathon Berlin and Marshall Matlock in 2012 to help transition the creative competition to a more efficient cost structure. We did a great job of cutting expenses this year while contest revenue stayed strong and performed better than budgeted. So we are financially strong right now. But we still have some fundamental problems looming for the future, especially our drop in membership revenue.

TRAINING: In addition, we’ve secured the three largest grants in SND history that have not only help our financial bottom line, but also given us a much more robust training lineup for 2013. So we will have 12 training events on the calendar for the rest of the year, most of which are free to members or available at a low cost! Stephen Komives is helping organize eight free iPad/Mobile Design Quick Courses in locations across the U.S. and Canada (Washington, Chicago, Minneapolis, Toronto, Montreal and Louisville and a few more to be announced.) In addition, thanks to the work of Jeff Goertzen, SND will be hosting four “Graphics Garage” events (in Anaheim, Dallas, Chicago and Louisville.) And our international chapters continue to provide valuable training around the world.

COMMUNICATION: We are also committed to communicating better with our members and the visual journalism community as a whole, largely through our work on snd.org and social media. I’m proud of the work we’ve done this year continuing the “Conversation about Design” that Jonathon Berlin started last year on the site and we continue to identify opportunities to talk about design (most notably lately the coverage of the Boston Marathon terrorist attack.) Our goal is to be the visual voice of reason for journalists around the world and help fill a void in our industry right now, as many of our brethren have been taken out of newsrooms completely. We owe it to them, and to journalism as a whole, to continue to preach the principles that led to the creation of SND in the first place. We’ll also be sending out another great issue of Design magazine shortly (thanks to the help of Paul Wallen for finishing this issue. Paul is filling in for Suzette Moyer, who had to resign her position.)

Judges at SND34 in Syracuse, New York.

Judges at SND34 in Syracuse, New York.

COMPETITIONS: In February, we completed our 34th Creative Competition in Syracuse (thanks to coordinator Melissa Angle for her great work as well as C. Marshall Matlock and Shamus Walker for their continued hard work) and our third edition of our Digital Competition in Muncie, Ind. (thanks especially to Ryan Sparrow, Jeremy Gilbert, Joey Marburger and Tyson Evans for their hard work.) Both of our competitions continue to evolve and improve (especially on the digital side, where the strides these past few years have been nothing short of amazing) and it’s my goal to continue that evolution and improvement with the ultimate goal of enhancing them as educational events (both in the process of how we run them but also how we communicate the results.) And I’ve already talked about how we have cut costs while competition revenue has remained steady.

THE BOOK: With that educational mission in mind, we are now working with the Steve Layton and Indiana University to produce our 34th edition of the Best of News Design. In addition to the printed book you receive, we’ll be offering digital versions of the 34th and 33rd editions of the book with an eye on making the digital experience of our competition results more robust, visual and valuable in the future.

INTERNATIONAL WORK: One of the most amazing facets of SND is the international reach of the organization and the amount of varied activity from our 21 regions in the world.

To that point:

  • In March, SND-E hosted the 21st edition of the Malofiej Awards and World Summit in Pamplona.

  • In May, SND Chinese is hosting a three day Quick Course featuring editorial illustration and storytelling across platforms.

  • SND Scandinavian recently completed its news design competition and will host its workshop Oct. 10-11 in Copenhagen.

  • SND-DACH is already hard at work preparing for our 2014 Workshop in Frankfurt.

  • SND’s Region 20 (Middle East and Africa) is in the process of running its own regional competition right now as well.

  • SND India had a milestone, with the first entries from its regional to the creative competition.

SNDLOU: Ryan Hildebrandt is preparing a great workshop that will bring together a multitude of visual journalism disciplines and will focus on inspiration, education and examining the “why” behind the decisions we make across platforms. We’ll also be celebrating SND’s 35th anniversary this November. We’ll talk about how our history, and especially our origins, can help guide us to best serve our mission in the future. We are currently working on partnering with another organization that will help us look forward and to the future in a smart way that will help instruct SND’s future path.

WEBSITE: Digital director Kyle Ellis is working hard not only to develop new and better content for our website and other digital and social media offerings but also to redesign snd.org to reflect what our members have told us they want and need. He’ll put together a “hack weekend” May 4-5 to help fix and redesign parts of the current site so those improvements will start rolling out soon. We’re also working to make our job board easier to use and search and work more seamlessly with our current site. In addition, Kyle has been working on a larger scale master plan for snd.org that is exciting to think about but will also require a big set of resources as well and we’ll start pursuing grants for that shortly as well.

GRANTS: Thanks to the leadership of Stephen Komives, we’ve secured the three largest grants in SND history over the past six months ($56,000, all of which have helped enhance our training.) And we’re pursuing more grant opportunities that will allow us to serve our members even better in the future. We’re also exploring more opportunities to partner with other journalism organizations in the future to better enhance our missions and the journalism community as a whole. We’ll spend some time this afternoon working on the beginnings of that process.

FOUNDATION: We’ll be working to refine our SND Foundation’s mission and increase our fundraising so that we can serve more students and journalists who desperately need our help and need the educational benefits we can give them. SNDF President Neal Pattison and SND Vice President David Kordalski will be leading that charge.

DATABASE: Lee Steele will be working with Stephen Komives to improve the quality and quantity of our competition databases on our website and explore the best path toward getting all 34 years of competition results in a digital space. In the immediate future, though, we will change our database vendor and get a much more stable system at a cheaper cost and one that will allow us to have the past 20 years of (from SND14 to SND 34) which itself will be an amazing improvement for the website that we’ll want to tell everyone about.

MEMBERSHIP: Membership continues to be a huge problem for us (we are losing about 100 members each year) and we’re going to work this afternoon to try and improve that by creating a corporate membership model that will better reflect the realities of the industry and help increase our revenue. The truth is we have to find a long-term strategy for membership to help SND build a stable revenue model for the future, otherwise our membership numbers reflect a ticking clock toward us having to make much more difficult decisions. We have to build a future blueprint for SND that features a viable, sustainable economic model that will give us more stability in the future. We’ve made great strides in this area over the past four years and we can’t stop now!

The SND Louisville workshop will take place November 7-9.

The SND Louisville workshop will take place November 7-9.

2014 WORKSHOP: I’m excited about all the hard work Stefan Knapp has put into Frankfurt 2014 and while it will be an exceptional workshop, we will also have to plan for a smaller contingent from the U.S. So this also creates an opportunity for us to explore having our 2015 workshop in the spring instead of the fall. It makes sense for a lot of reasons, and I think we could pick a great destination in the U.S. to host this workshop. We’ve already been laying the groundwork over the past few months and I’m hoping we can move toward making a decision on this in the next few months. We’ll explore some options Saturday afternoon as well.

2014 BOARD MEETING DATES: While we know our Fall 2014 board meeting will be in Frankfurt, we have an opportunity to find a different Spring 2014 board meeting location (and find a good logistical time to make a site visit to Frankfurt, possibly tying it to a SND officer visit to Malofiej in March 2014?) Orlando would be great site for the spring board meeting and it would be great to tie a Quick Course to that event as well. I’d like for us to identify a date for this event in the next month.

BOARD APPOINTMENTS: Jonathon Berlin did a great job filling a lot of vacant board positions last year and so we are mostly taken care of in this regard. However, the board positions are constantly fluid with people moving in and out of them so we need to create a backlog of good people who could possibly help us in the future. In addition, we’ve found this year that we may need to change the structure of some of the board positions to help us in certain areas. We’ll discuss more on Saturday afternoon. 

Here are the 2013 goals for SND, as set by Rob Schneider, with input from other officers and the board:

OUTREACH: Communicate, Educate, Project (Our Future)

COMMUNICATE

  • Be the visual voice of reason to our members and the visual journalism community
  • Communicate with our members constantly
  • Daily through snd.org, social media
  • Weekly through email blasts
  • Monthly with an officers report (written by President or Executive Director)
  • Communicate with visual journalism community constantly
  • Give context, analysis to design. Continue the “conversation” about design
  • Take a stand on issues
  • Broaden, improve social media strategy and execution
  • Be a leader to the international visual journalism community
  • Focus on places where we can make a difference

EDUCATE

  • Host eight training events this year,four graphics garages, four other events
  • Produce digital publications that advance the conversation about visual journalism; eBooks for SND33 and SND34 annuals
  • Two issues of digital version of Design magazine
  • Tell history of visual journalism
  • Find best way to activate as many of our databases as possible (and find way to make them more visual)
  • Begin process of finding grant to digitize our archives
  • SND LOU workshop (Celebrate our 35th anniversary, Celebrate our future be relentlessly optimistic as our theme)
  • Reach out to Past Presidents for history, inspiration, guidance for future event at SND LOU
  • Continue to evolve our competitions in to educational events (either in person or digitally)

PROJECT (our future)

  • Develop five-year plan for SND with viable economic model for future
  • Update bylaws to reflect our current reality
  • Redesign snd.org to be a visual journalism leader
  • Develop corporate membership model (increase membership revenue over 2012)
  • Find path to reach out to high school member publications as well
  • Seek two new grants (I need help wording this goal)
  • Partner with other journalists (ONA, ACES, etc.)
  • Revamp SND Foundation
  • Raise more money than last year
  • Fill out and revamp board
  • Develop mission for SNDF’s future
  • Transition creative competition and digital competition to future
  • Figure how/when of transition of creative competition to digital entry
  • Continue to organize structure and categories for digital competition and improve digital entry
  • Focus on future as an educational event; determine whether we should combine this event with the workshop (possibly Spring 2015?)

Eight pages, 14,000 words: How the Boston Globe re-told the story of April 15, 2013

$
0
0

Last week, the team at the Boston Globe set out with a goal to provide its readers a complete re-telling of the events surrounding the bombings that shook the city. The print work, accompanied by an interactive,  was designed by Robert Davis. Here, he shares about the process that went into generating this special section.

Last Tuesday, we had nothing but an idea and a goal: Paint a clear picture of the astounding events of the week of April 15. The ever-changing nature of the story of the Marathon bombings meant the truth was garbled and questions still loomed large. We wanted to set the record straight and spotlight the massive law enforcement effort. The final product, “102 HOURS IN PURSUIT” did that — and much more.

As the reporters fanned out, our intrepid graphics staff began mapping out the week, choosing a striking hand-drawn style in which to portray Friday’s dramatic climax. Chiqui EstebanDavid ButlerJames Abundis, and Patrick Garvin tackled the huge assignment, updating the graphics in print and online with new information up until the last minute.

Photographically speaking, we faced some difficult presentation challenges. We faced no shortage of good content, so the goal became finding images that were compelling but not too familiar. And there was a premium placed on images that hadn’t run before. By this point, we had published hundreds of photos in print and online, but the project’s photo editor, Lloyd Young, did a remarkable job of sorting through the images and picking out the gems. He and I worked very closely to map out the section, organizing images and paying close attention to the pacing.

Page design had to remain flexible; the story was being written up until the last minute and its final length waxed and waned throughout the afternoon. All the while, the section’s copy editor, Dave Richwine, maintained his cool and handled this project with skill.

The final product was one massive story (14,000 words) that filled eight clear pages. Nearly 40 journalists contributed to this project, and we bylined the story “BY THE STAFF OF THE BOSTON GLOBE.” It really felt like a team effort — and I couldn’t have been prouder to be a member of that team.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

A look at the Boston Globe's special section, "102 Hours In Pursuit." Click to view a larger image.

A look at the Boston Globe’s special section, “102 Hours In Pursuit.” Click to view a larger image.

(Kyle Ellis is a designer for CNN Digital in Atlanta and digital director for the Society for News Design.)

Best of Sports Design 2012: Sports Designer of the Year


iPad quick courses: Make a date

$
0
0

Join us for an intensive two-day learning experience in tablet design! We’ll be in Washington and Montreal later this month, followed by Toronto in mid-June. These courses are sponsored by the Ethics and Excellence in Journalism Foundation, and are free for members and just $25 for nonmembers. Seats are limited, click here to register!

The votes are in: Introducing the cover of the SND34 Best of News Design book

$
0
0
Entry 24

Entry 24

The masses – and by that I mean 1,125 of you – have spoken, and entry No. 24, designed by Osama Aljawish, will grace the cover of the 34th annual SND Best of News Design book. Congratulations to Mr. Aljawish and to all the artists who submitted such an incredible array of choices.

Cover No. 24 received 545 votes in the final round, good for 48 percent of the total. Cover No. 39 finished second, with 265 votes (24%); Cover 45 finished third with 127 votes (11%).

We will have much more on our wining artist, including a Q&A, in the days to come. SND and Aljawish are working on the cover and we’ll post a final version of that as well.

Chelsea & The City: A project that changed my opinions about geography

$
0
0

Chelsea_logo

In school, geography was always one of my least favorite classes. Don’t get me wrong, I love maps, (especially transit maps – which sadly have nothing to do with the climate of Jamaica) but I just didn’t really care for learning about the precipitation rate of China. But today, my entire opinion about geography completely changed. This morning TIME, powered by Google, debuted a project of timelapses from 1984 – present that stitch together millions of satellite images of the Earth you can explore to see the evolution of its geography. The images are strikingly beautiful and rich with history and information that really only something this visual can teach us. If someone would have shown me this in school, I would have been a lot more excited about class.

Last July an exclusive collaboration started between Google, NASA, Carnegie Mellon and TIME. Since 1984, NASA’s Landsat program (a series of satellites orbiting the planet) have been capturing images of the ever-changing Earth between eight different satellites gathering millions of pictures. To quote from the project, the footage “weighs in at 1.8 trillion pixels per frame, the equivalent of 900,000 high-def TVs assembled into a single mosaic.” … incase you were wondering THAT’S A LOT.

Click to visit the "TIME and Space" time lapse project.

Click to visit the “TIME and Space” time lapse project.

These photos were handed over to Google and with their superhuman technologies brought them to life to reveal the changing geography of our planet over the past 30+ years. It is truly incredible to watch the evolution in such a beautiful way. Today marks the very first day this footage has ever been released. The entire team that worked on this site at TIME did an incredible job, not to mention the producer, who has been working on this since July and has been up for about 48 hours straight getting ready for this launch.

There are several different ways to explore the images. There are four main areas – Dubai, Columbia Glacier, The Amazon and Las Vegas – that highlight aspects from urbanization to climate change and more. But, the coolest part to me is you can also search for any area in the world and watch it grow. I was even able to see my tiny hometown in north Idaho (surprise, surprise – not much has changed there)!

So, if you have an extra five minutes today go explore this project and see what you find. The world is a beautiful place.

—Chelsea

(Chelsea Kardokus is a freelance designer for TIME magazine in New York City. See more of her work here.)

From iPhone to printed page: The rise of Instagram in major publications

$
0
0
May 31, 2013, New York Times front page.

March 31, 2013, New York Times front page.

On Sunday morning, March 31, the journalism faithful trudged out to their collective front porch, picked up the hefty edition of The New York Times and found a comfortable spot to curl up for an anticipated weekly read. On this Sunday, if you pay attention to photography, it didn’t take long to be surprised by the (not-so) Old Gray Lady.

Right there, smack in the middle three columns of the Times’ front page, was Alex Rodriguez, staring back at you from a well-composed, well-lit portrait. Taken on an iPhone in a men’s restroom.

To get the full story, we’ll back up nearly a year prior, when a handful of images like this one of Rodriguez were shot, by Nick Laham, for Getty Images. Nick tells the story best on his blog:

“So yes. That was me in the locker room bathroom shooting portraits of the New York Yankees players with my iPhone. This was not my choice, I wasn’t given the option of studio or bathroom stall and decided on the latter. I joined the chain of photographers at 6 a.m. in the confines of the New York Yankees Spring Training facility in Tampa, and took what space I could get and worked with it.”

The full set of images are exactly what you’d expect from a world-class sports photographer like Laham. And more than you’d expect from anyone shooting with an iPhone. They are undeniably well-composed, well-lit; the players are well-posed and you can plainly see that, despite the limitations imposed on him by the situation, Laham took a yearly task and made it interesting. And that’s before you get to any effects added to the images by Instagram.

Because yes, he processed all these photos through Instagram. And Getty Images licensed them, and distributed them, and The New York Times took note, and a little over a year later, there’s an Instagram, bigger than life-size (since life-size is the size of your iPhone screen), on the front page of the nation’s largest Sunday newspaper.

This caused a bit of reaction in the blogosphere, and on Twitter, and on Facebook; and, quite likely, on couches across America. The overreaction was nowhere more apparent than on Charles Apple’s blog at the ACES site, where Apple worked himself up into quite a dither, first calling the Times’ use of this photo worse than a badly-Photoshopped “April Fool’s” image draped across the front page of the Florence (Ala.) Times Daily, and then launched into this tirade:

“I feel strongly that no respectable newspaper should run a picture on page one — or any other page, for that matter — that would get a staffer fired if he or she had achieved the same effect with Photoshop.

… My issue here is with the artificial filters Instagram uses to give this picture the look it has. If you do the same with Photoshop, you’re manipulating the picture and you’ll get fired. Set Instagram to do it automatically and you’re on page one of the New York freakin’ Times.

Did we just decide to give up on photo ethics? I missed that memo.”

Ignoring some of the issues raised here (filters are, by definition, artificial; they filter an image in a way that makes the resulting image different than if shot without them — whether using a filter by physically fitting it over a lens or applying a digital filter via Instagram), the Times’ photo choice struck a chord for many visual journalists on both sides of this perceived issue.

So, SND reached out to a number of visual leaders across the country and they were kind enough to join the conversation.

BRAD SMITH is Director of Photography for Sports Illustrated. Spent the previous 12 years as Senior Sports Photo Editor for The New York Times and has also worked as Photo Editor for the White House during the Clinton administration.

DAVID GRIFFIN is Visuals Editor for The Washington Post, where he oversees photography, graphics, print and digital design. Prior to joining the Post in 2011, Griffin was Executive Editor of e-Publishing for National Geographic, and earlier served as the magazine’s Director of Photography.

MICHAEL WHITLEY is Assistant Managing Editor for Design and Graphics at the Los Angeles Times and is a recovering photojournalist.

ROBIN DAUGHTRIDGE is Director of Photography for the Chicago Tribune. Robin has been at the Tribune since 1995 and prior to that was Director of Photography across town at the Sun-Times. She has served as a faculty member at Poynter and was part of a large team at the Tribune that won the Pulitzer Prize in Explanatory Reporting.

And away we go:

Describe your publication’s use of Instagram photos — online and in print.

Smith: The only significant play in the printed version of Sports Illustrated was the Brad Mangin baseball essay from last season, and it was well received, both in the office and with our readers. We would be more than happy to run more under the right circumstances, provided the quality remains up to our level.

Griffin: We certainly have used them online as part of our social-media coverage of major events (political conventions, the inauguration, major weather events, etc.). Some are shot by readers, some by staff. We do not limit in those cases. [Editor's note: The Post also used a small selection of Instagram images in its print-edition coverage of the political conventions, by staffer Bonnie Jo Mount.]

Whitley: We have not used any Instagram photos.

Daughtridge: We have used Instagram photos by Tribune staffers in the case of features and portraiture, and we are sure to describe the technique in the caption or in accompanying text.

Does using photos with Instagram (or similar) filters applied present any ethical issues, in your eyes?

Smith: Not for me, as long as the readers know what they are looking at. I feel it’s important to pull that bit of information out, so they are aware of the photos origins. [Editor's note: The NYT clearly labeled the Rodriguez photo as an Instagram in its credit.]

Griffin: Filters are techniques that need to be weighed based on their specific attributes. To say ‘no’ to filters would be like barring all but normal focal length lenses. The filters have very big ethical concerns, particularly if using them fundamentally alters the photo’s content. In general, we instruct our staff to not use filters, particularly in coverage of news events.

Whitley: The use of Instagram and similar filters would not fit within our ethics policy. They tend to erode the feeling you are seeing something real and true. Readers do it themselves and see how a new “reality” is created with the push of a button. In the digital world, people already assume our real photographs are achieved with filters. If we actually started to do it, it would just increase that feeling and diminish the trust placed in us.

Are there fewer issues in using these images online?

Smith: Personally, I feel the standards should apply across the board, certainly within the same company. Every platform associated with Sports Illustrated should abide by the same standards. I don’t believe there are fewer issues with online use, but there are certainly more opportunities.

Griffin: Not for me. Publishing is publishing, regardless of technology. When we eventually get fully across the bridge to digital, I want to make sure we brought our journalistic integrity with us. It’s not like we should be waiting until print is gone to then bring digital up to those standards.

Whitley: We use one standard wherever we publish a photograph.

Daughtridge: Whether online or in print, our guidelines remain the same.

Obviously, in print, the use of these kinds of filters doesn’t work with every story (nor does applying a filter rescue a bad photo)… Does your publication have general guidelines for when such a use is appropriate?

Smith: I think it falls into the ‘You know it when you see it’ category. Like anything that’s fairly novel, you don’t want to over-saturate your usage. The guidelines are simply: If we have them, we’ll review them and make the decision on a case-by-case basis. That being said, the chances of seeing and using them (in the magazine) are fairly rare.

Griffin: Filters, as with any heavy-handed and obvious-to-the-reader technique, should have a content-specific reason for their use. In very general terms, these filters lend themselves to non-news subjects, which are used more as illustration.

Daughtridge: I do not want any breaking news images taken with this filter, but for camera-conscious portraits, I don’t have a problem with it.

Do you ever assign a photographer to shoot Instagram images on an assignment?

Smith: Last year, our baseball photo editor, Nate Gordon, hired Brad Mangin to shoot specifically some Instagram images, which we used during the 2012 baseball season as part of Leading Off. We are more than open to explore additional opportunities with Instagram.

[Editor's note: We asked Smith to elaborate on how the Mangin assignment came together. His response: "It was a joint proposal between Brad (Mangin) and Nate. I think in some ways, the barriers, both physical and emotional, are let down by using your phone instead of your camera. I think psychologically, one seems less intrusive than the other, and people will often be more relaxed. Partly because in all likelihood, they use Instagram or something like it as well. It has a relatable quality to it."]

Griffin: We might, if we had something specific in mind for which the use seemed appropriate. If a photographer desires to shoot with a cellphone filtering app (like Instagram), he or she would need to discuss this with a photo editor or, at a minimum, also shoot with a regular, non-filtered camera in case their independent decision stepped over an ethical line.

Whitley: No.

Daughtridge: I haven’t assigned a photographer to specifically shoot Instagram images, but I have let the staff know that if they want to try it, it cannot be the only approach. For example, in a portrait session with a CEO, I wanted to see traditional images but encouraged the photographer to experiment with other options.

In March, the lead image on the front page of The New York Times was a striking year-old Nick Laham portrait of Alex Rodriguez — made at Spring training with Instagram and distributed by Getty. What was your reaction, to any of the aforementioned circumstances?

[Editor's note: We reached out to DOP Michele McNally at The New York Times over the course of a couple weeks, and she did not respond to repeated requests for comment here.]

Smith: The New York Times policy is that the photo has to be labeled as Instagram (or whatever would be appropriate). I think that whenever possible, the New York Times (or Sports Illustrated for that matter) would prefer its own original content over a wire image. But the fact is, all things being equal, the best photo for the story should be used. You can’t deny your reader the better and/or more appropriate image for the sake of vanity. I think the Times takes that responsibility very seriously, and if they use an image that is not of their own making, it’s fair to say they have deliberated long and hard, and feel that this image is best suited for this particular piece. Sports Illustrated would do the same thing.

Griffin: It was a portrait — the use was perfectly acceptable. And the Times was fully transparent to the reader about the use.

Whitley: I wondered how the discussion in the newsroom went. We would not have done it, but we are not the keepers of the standard for the them or for anyone else. The Times is a great newspaper that thinks deeply about what they do. I don’t think there is a right answer, just the answer that is right for your publication.

Daughtridge: I don’t have an issue with the photo choice, but I do think the onus is on us as journalists to explain to the viewer why the photo looks the way it looks. When something is an illustration, we need to be transparent in explaining to viewers what it is they’re seeing. There may come a time when Instagram and Hipstamatic and other are so present in the lexicon that a detailed note need not accompany the image—but I don’t anticipate that happening any time soon.

Do you envision more Instagram images in the pages of your publication — and in magazines and newspapers in general — as it becomes even more commonplace? Or do you see its use as a trend that will eventually peter out?

Smith: I think that Instagram itself will continue to grow, and the opportunities (to publish those images) will as well. Each publication has its own boundaries, and they’ll be tested as this type of photography becomes more and more accepted. SI welcomes the possibility of it, but the photos have to maintain a certain value as images, not just as a unique platform for them. Simply put, the photos will be judged on their own as photos.

Griffin: Most novel techniques reach an apogee (sometimes feverish), at which they start to settle among other previous fads. The ones that have a more universal application stand the test of time and will constantly re-emerge when appropriate. I’m reminded of the craze for photos made with a fisheye lens when I started photography: Everyone went nuts using them, but then after a while, there was a backlash from overuse, with folks disdaining them as a gimmick, evocative of one era. But every now and then, fisheye images reappear and feel fresh again. Giga-pan images are a grandchild of the fisheye. I suspect the use of filters like these will go through a similar arc.

Whitley: As more people in newsrooms are expected to use multiple tools and shoot photos in addition to other responsibilities, I think you will see an increase in Instagram use or whatever comes next.

Daughtridge: Like a Holga or pinhole camera, we think it is another tool in the photographers’ toolboxes, but don’t want to overuse it. I think it will peak and then perhaps become ho-hum. Selective focus, panning, pinhole cameras, lomography, ring lights, Polaroids — they have all waxed and waned in use. After all, a poor photograph put through Instagram doesn’t make it a better photo—it would just be attempted camouflage of a poor image. So the original content has to be interesting in and of itself. We need to be judicious in our use of the approach/technique/software.

Back to ethics for a moment. Most publications have a policy in place that prevents photographers or editors from manipulating images digitally. In your mind, does this apply to Instagram photos? Has your ethics policy evolved to react to its growing use?

Smith: First of all, each publication has its own definition of what manipulating images means. Once you’re clear on that, then Instagram either fits within your parameters or it doesn’t. Instagram by its very definition is an assumed manipulated image. Does anyone not use the filters available when they use Instagram? Not many, I would guess. And that doesn’t even include all of the other apps available. So, as a platform for photography, you already know it’s manipulated to some degree — that’s the form it arrives in. So, the non-manipulated image argument would rarely apply to Instagram.

Griffin: We have specific guidelines, and our policies try to reinforce the universal question regarding intent: Will this deceive the reader? If it does, then it is not permitted. I may endorse experimentation with cell phones and filters, but that does not automatically mean I condone publishing such images when they do not meet the more stringent criteria required of good journalism.

Whitley: Our policy is very clear about digital manipulation. We are at one extreme and it is the standard that is best for us. The policy has not really changed in response to Instagram, Hipstamatic, etc. because the policy already excluded use of such tools.

Daughtridge: (Tribune photographer) Alex Garcia used Instagram for a series of portraits on the best of the previous year’s restaurants and chefs. Inside the section, we ran a box that plainly told the reader that he had used Instagram to create the portraits. This was discussed upfront and we feel the images worked together as a collection. In the Travel section last year, a box that ran with (Tribune photographer) Scott Strazzante’s images told readers that he “shot these photos with his smartphone, using the Hipstamatic app, which adds borders and creates enhanced, unpredictable color.”

Pulitzer winner Damon Winter famously used Hipstamatic (for the purposes of this conversation, we’re treating it as equal to Instagram, just sans the social functions) to document soldiers in Afghanistan for The New York Times. He told the Times that shooting with his iPhone was “more casual and less deliberate,” which got the subjects to let their guard down a bit — especially difficult in that environment. The images were part of the entry that won him Photographer of the Year from POYi. What are your thoughts on that technique, and on Damon’s impressions of how subjects react to the tools a photographer is using?

Smith: Most importantly, let’s not lose sight of the fact that Damon Winter was in a war zone, with his life, and the lives of others, constantly being threatened. That atmosphere creates an aptitude for people like Damon to alter their original plans constantly, and in this case, for him to use his iPhone. Also, he had no internet connection, which meant the images couldn’t be transmitted in a timely manner. He worked with what he had. I don’t think it’s anyone’s first choice as a photojournalist covering an international conflict, but would you rather he not document it for the sake of some implied level of integrity? I’m grateful he problem-solved in that situation, and the world saw those images as a result. As I said in an earlier answer, I think the phone is far less intrusive than a large professional camera. It just is. It may not take the same quality image, but it can be less threatening. And I’m sure he was able to take some images he might have been able to had he not used the phone. I think in the end, the readers of the New York Times benefitted from that.

Griffin: The question that needed to be weighed was: does the use of a cell phone camera fundamentally alter the reality of what Damon was photographing? That is a decision for the Times — one that I’m sure they weighed seriously, as would anyone employing a relatively new technique. If Damon, whose reputation as a journalist is solid, feels he can capture better, truer, more honest images with a cell phone, then it is probably a good choice. The adage holds true: “What’s the best camera? The one you have with you.”

Whitley: If we had a photographer who felt he or she would get a better result with an iPhone, then I would say give it a go. People are pretty used to being photographed with smart phones, and they do present a smaller physical barrier between subject and photographer than a full-sized camera body. But I don’t think Hipstamatic had anything to do with the subjects letting their guard down. We would just draw the line at using the (phone’s) basic camera.

Daughtridge: I agree that using an iPhone can potentially be more comfortable to a subject, but every situation is different and it’s often the personality and approach of the photographer himself or herself that puts the subject at ease. Establishing a relationship and trust with your subject is paramount to any photo equipment you are using.

Any other thoughts on this, or any related topic?

Smith: It’s an interesting time for all of us in the business. My job, at the end of the day, is to make sure we’ve provided photographic evidence of the world we cover. Simple enough. Where those images come from — professional cameras, point-and-shoots, iPhones — it doesn’t matter to me so much. What matters to me is that they represent something interesting and informative, that they maintain the standards that have been set for Sports Illustrated, and that they advance the reader’s experience. If they can meet those qualifications, then I’m more than happy to share them.

Griffin: Cameras, by their nature, distort — they are simply unable to capture the world as it is. The reason I choose to work with professionals is because they understand these limitations and are masters at using these recording boxes to interpret a scene as accurately as possible. An amateur attempts to elevate their often-poor-quality images by adding filters, which are reminiscent of techniques mastered by pros. When it comes to non-pros, I applaud this, since anything that makes a regular person feel better about their photographs is a plus for photography overall.

Tim Ball is a freelance art director and design consultant currently working on Digital First Media’s redesign team. Previously, he worked as an art director at The Washington Post and in design and management positions for newspapers across the country. www.timballstudio.com

Chelsea & The City: Five reasons you should love ampersands as much as I do

$
0
0

Chelsea_logo

Chelsea-NecklaceIf there is one fact most people know about me, it’s that I LOVE ampersands. If there is an ampersand on a tshirt, on a wall, on a sign, in a window – anywhere near me I will make sure you see it. Like most people, I started using them so I didn’t have to type out the whole word “and” & it was a cute little symbol to throw into a boring sentence full of letters. As I started using them more & more they really started to grow on me. But they weren’t just symbolizing a lazy way to type “and” anymore. Ampersands started to become a symbol of my love for design & motivation for my passion. I might seem crazy, but let me explain why I think everyone should love them as much as I do.

1. They inspire me

One day when I was Googling ampersands (because everyone does that, right?) I came across a blog called 300&65 that posted one ampersand everyday for a year. Basically ampersand heaven. I started going through the pages & became instantly inspired. Every ampersand was different from the next. The shapes they created were beautiful, the detail of each curve, every edge really caught my attention. Maybe an overused cliché – but beauty is in the details & these ampersands sparked my creativity.

2. They remind me there’s always more

The thought that the symbol literally means “and” always pushes me to go farther. I have an ampersand sitting next to my computer and when I’m working on a design, it always catches my eye & makes me think “& what else, Chelsea?” A huge thing I have learned at my job is to never just design a page one way & call it good. What else you can do? You can have this design & this design & this design &…

The thought challenges me to keep creating.

3. They have a personality

Sure there are classic ampersands like Helvetica, but the ones I really love are the hand-drawn, one-of-a-kind, specialty ampersands. They remind me that I don’t need to be a cookie-cutter designer. I don’t need to make my designs look a certain way except for my way. Interjecting your personality is what makes designs great – not just copying what’s already been done. Add your own little pizzazz, don’t just be Helvetica.

4. They symbolize a transformation

Ampersands can be traced back to the first century AD. They started as a ligature of the letters e & t together – “et” meaning “and” in Latin. Some ampersands today you can still see the e & t together, which I love. It has come so far from a simple e & t to a very stylized and recognizable symbol today. Some say it made it loose it’s meaning, but to me it’s the symbolization of transformation throughout life. We are always transforming. As designers, journalists, people – we are on a journey towards something greater, changing & being molded along the way. Especially from a design perspective – styles are always changing & forming into something new.

5. Happy people = happy designers

Lastly, ampersands just make me happy & make me smile. Maybe your thing isn’t ampersands. Maybe it’s a @ or ! or // or (most likely) nothing to do with type at all. Last year for my birthday my boyfriend got me not one, but TWO ampersand necklaces (best present ever). I wear one or the other almost everyday & every time I look in the mirror it makes me feel happy inside & reminds me of how lucky I am to be pursuing my passion. Just a few weeks ago I found an ampersand at TJ Maxx that I got for my desk. It makes my days more cheery & makes me want to design.

So if you haven’t already, go Google some ampersands & be inspired!

(Chelsea Kardokus is a freelance designer for TIME magazine in New York City. See more of her work here.)

Behind the scenes designing WaPo’s ‘The Prophets of Oak Ridge’

$
0
0

In the dead of night, three peace activists broke into and shut down a nuclear weapons site to challenge the billions of dollars still spent on mankind’s most dangerous creation: The bomb. A chain reaction followed. The Prophets of Oak Ridge, a 10,000 word narrative by Dan Zak, is the latest long form, immersive storytelling experience by The Washington Post.

The process began in early April with a meeting between the editor, writer, and photo editor to discuss what the breadth of the story would be. Dan Zak and Ann Gerhart, the story editor, talked about the complexity of the narrative given the time flashbacks that were woven throughout the piece. We had archival photos and our talented photographer Linda Davidson had already been to Oak Ridge to shoot once. But we wanted to find a way to take the reader into the past. In order to help the reader immerse in the intangible parts of the story, we aimed to re-create a visual narrative of the prophets’ journey and symbolic protest. Illustration seemed like the best way to convey these flashback sequences, layered with photography to show exactly who these protesters are and to give a sense of place.

We had to consider the appropriate use of illustration and photography. The key was to have them feel decidedly different so they were sending their own clear signal. We commissioned Jeffrey Smith because his painting style feels very different than Linda’s photography. Jeff’s work has an intensity that conveys relevance and immediacy, which felt right for the story. He compresses a narrative so succinctly and effectively that’s it’s hard to turn away.

Before the photographer was headed back to Oak Ridge, a small group met to storyboard the chapters. They nailed down the main visual elements needed in each chapter, brainstormed photo galleries and photo sequence ideas, and discussed how to inject the Washington bureaucracy angle of the story. The notes from this meeting became the visual outline for print and digital.

The goal of the design was to weave Jeff’s illustrations and Linda’s photographs together to immerse the reader in the past, while also rooting him/her in the present. The illustrations created an ambience, while the photographs gave a sense of place and character. Structuring them together with strong, clean typography that had a slightly literary feel framed the visual voice. In the end, we hoped they would finished each other’s sentence.

Because we knew about this story and had several conversations early on, we were in a good position to create a special digital template outside the usual work flow. Tim Wong, the lead digital designer, was able to create wireframes and designs quickly after we established the story outline. We had sufficient time to review and tweak as the story and visual outline developed and we worked side-by-side with Andrew Metcalf, the lead developer, to flush out the responsive template.

This project would not have been possible without the collaboration we had between members of the print, digital, graphics and newsroom teams. We needed the right expertise from all areas to take the narrative and presentation to the next level across all platforms.

(Sarah Sampsel is SND’s Region 1 Director and the director of digital design at the Washington Post. Janet Michaud is the design director at the Post.)

If you have an interesting project you’d like to share, email us at snd@snd.org

Graphics Garage gears up for its return

$
0
0

After a three-year sabbatical, the Graphics Garage is back. This time it’s in Orange County, California at The Orange County Register, Saturday, August 3.

To bring some of you up to date on what this workshop is all about, the Graphics Garage Workshop is not your typical SND Quick Course that caters to the usual SND crowd with a one or two-day workshop. This workshop is designed with the local community in mind. It’s not about showing others what we do at the newspaper. It’s about the skills we use to do what we do in visual communication and teaching the participants how to apply those skills in their fields.

The topics are diverse … graphic software, illustration, ad design, print design, web design, visual story telling. We’ve covered television graphics, marketing and even still-life drawing in past workshops.

What’s really great about this workshop model is that it serves as an outreach to the community for the newspaper that chooses to host. We use our own employees to conduct the sessions. They pick the topic and chose to do a lecture or a hands-on workshop, or both. Once our workshop staff in place, we write up a curriculum with bios and topics and promote the workshop on the social networks and with house ads in the paper. For admission, we charge less than what you may pay for a tank of gas for a whole day of workshops. Now who could pass that up?

Our first workshops at The Denver Post in 2009 were very successful. We had over 100 participants. It was great to meet our community, and subscribers face-to-face in our own building, where we hosted the workshop. I would encourage more newspapers to host one of these workshops through SND.

Garage manNow, about that logo. Why the dude?

The concept I had in mind in the beginning was to promote a hard-core workshop environment. The brand I had in mind was to “get your hands dirty and learn some cool stuff” with accomplished experts. So I searched the internet for greasy, blue-collar, working-class imagery. The minute I saw this image, I knew this was it. Then the name “Graphics Garage” naturally came to mind.

More on the Graphics Garage, including a schedule and registration details.

(Jeff Goertzen is a senior artist at the Orange County Register and Director of Education and Training for the Society for News Design.)


Three cities, five subjects, one photographer and the Power of Youth

$
0
0

varietycoversbig

In this era of social media, it seems only fitting that two designers would network via Instagram. In fact, Instagram was among the first things that Variety Creative Director Chris Mihal and I discussed when we met at SND Cleveland last fall and it was how I discovered the series of covers Mihal did for this week’s “Power of Youth” issue of Variety.

Did you set out with the idea to do a series of covers, or was that something that came about out of brainstorming sessions and photo-shoots?

Doing a series has always been in the back of my mind. I pitched it a couple months back for a story that had three subjects, but at the time two had dropped out and we were left with one personality to photograph. So this issue comes along and the logistics limited our options. We had five personalities all over the country and shooting them in one space would have been impossible. They all needed to be represented on the cover somehow because they were tied to the event. How do we do something that’s smart and differentiates ourselves from the competition? Plus money is always an issue. That said, our initial brainstorm was either photograph them in two locations (LA and NY at the time) and composite them into one shot (would feel a lot like our competition), or do two different covers, which people weren’t so hot on at the time. Or we go more of an conceptual/illustrative approach and do something along the lines of baseball cards that relies less on photography, which felt a little flat.

The idea, like most of them, came in the shower. I recalled a Philippines Esquire cover that did a split image (same subject, mirrored with different expressions), cover lines going down the middle. I found the example and emailed it to several people while waiting for a flight. The response was lukewarm. A week later I mocked it up using some portraits of young celebs. It was one of those ideas you had to show people. That’s when it started getting support.

From that point, it was a matter of dealing with the impossible logistics of hiring a photographer, having two shoots in LA and NY setup (eventually became three with the addition of San Diego), getting money for the different shoots, then on top of it all, getting the money approved to print and distribute five different covers. There was a lot of places where this idea could have fallen apart, but we kept pushing and got the last piece of the puzzle 24 hours before we had to send it to the printer.

What was the process like to get a series of five covers approved?

Getting the idea/approach approved was probably the easiest part of the process. I can’t stress how important it is to show and not tell. I don’t think the idea would have saw the light of day had I not taken the hour to actually mock it up, print it out and get buy-in. We had the mockups up on a wall where everybody walking by looked at it, stopped and commented and that’s how we generated excitement for the idea. The monetary commitment was the hardest part. July and August are our slowest months for revenue, but the owner of this company encourages us to take risks. When I pitched it to him, he asked, “Are you excited by this idea?” My response, “Hell yeah.” Then he said make it happen.

Who else was involved in the cover production?

I think the person who experienced the most pain along the process was Director of Photography Bailey Franklin. Just coordinating shoots in what was two cities originally, and chasing that fifth subject to San Diego required so much back and forth with publicists, marketing, the photographer, myself. I still owe him a large bottle of gin. Ramona Rosales did such an amazing job with the photography and just getting these different shoots to feel cohesive. Then turning around the fifth shoot and getting us images in less than 24 hours was asking a bit much, but she was a pro about it. Then Design Director Larry Williams did a great job pulling the package together for the 15 pages inside.

varietyOne of the things that stood out to me was that no one cover showed the entire face of one person. It’s a bit of an untraditional approach, especially as compared with similar features like Vanity Fair’s “Hollywood Issue” fold-out covers. What gave you the idea to approach the covers in this way?

Like I said, that Esquire cover really stood out to me as a different approach to the same old celebrity portrait. I also felt like two different halves made for a more active and interesting image. Then it expanded into this interesting concept of piecing the five different covers to create one image, or mixing and matching to create hybrids. I’m in love with the idea of a printed product becoming interactive for readers. The other big sell was the idea of blowing them up and displaying them for the event. We originally talked about doing a gatefold, but the idea of piecing these together trumped that approach.

What was your inspiration for this cover, and more generally where do you look to for inspiration?

I think the inspiration for this is just thinking unconventionally and taking a risk. I’m lucky to be part of a magazine that will spend a little bit to send a photographer to opposite corners of the country and distribute five different covers. Right now I’m finding most of my inspiration comes from working with the staff and brainstorming ideas and concepts and executing them. Also, just the idea of moving to the second biggest city in the country, there’s inspiration to be found everywhere in Los Angeles. There’s an increased appreciation for presentation in this city that I’ve only ever encountered in New York.

What advice do you have for designers looking to get unconventional ideas approved?

Show, don’t tell. People in my department weren’t excited by the idea until it was mocked up and put on a wall. I often have a hard time visualizing concepts so we do a lot of pencil sketches. I hadn’t sharpened a pencil in over 10 years until I came to Variety. Now I have a pencil sharper at my desk.

What does bold design mean to you?

I hate the word “bold.” When we’re talking about presentation and content, I prefer the word “smart.” I want to be smart about the choices we make throughout the magazine, whether it’s the use of color and type, the style of photographer we hire, what we’re saying in the display type, what kind of statement we’re making with a package, is it the right tone. All the decisions we’re making are content-based. I think “bold” is a dangerous term because you can make a very long list of publications that are bold, but not necessarily smart.

How does the experience and pace of creative directing a weekly magazine compare to working with multiple daily newspapers in the Asbury Park Design Studio? 

Coming from a studio that produced 15 daily newspapers with 70+ designers, going to a weekly magazine would be easy right? I don’t think I’ve worked harder in my life. It’s an intense schedule. There’s so much attention to every single page that we produce, whereas in newspapers you have to prioritize your time and focus on points of impact. Variety is also the size of a lot of monthly magazines, in addition to that, we’re doing 30-40 page standalones during awards seasons, special issues. It gets intense.

As someone who’s worked on a variety of formats, what do you consider to be the design strengths of each? What can we learn from each other?

I wouldn’t say any format is much different from the other. They all present different problems and it’s our job as a designer to come up with the solution despite the time, money or the shape of the box we’re working in. That’s what makes the job interesting.

(Courtney Kan is a sports and news designer at The Arizona Republic.)

Indiana University students and faculty hard at work on Best of News Design book

$
0
0


Cover1-345x460
By Mary S. Kenney, Indiana University School of Journalism Web Reporter, June 6, 2013. 
Posted with permission of the Indiana University School of Journalism

Papers and books crowd Indiana University lecturer Steve Layton’s desk. Next to where he sits is last year’s Society for News Design hardcover, Best of News Design. Under it is the 2011 book, and under that are the printed pages that will become the 2013 edition.

It’s the 34th year of existence for the SND news design awards book, but it’s IU’s first year to design it.

For several months, Layton has led a team of students collecting entries and designing the annual book highlighting SND award winners. Layton said they will finish it by early November for the annual SND conference in Louisville, Ky.

Alumni and the Indiana Daily Student have created an impressive history of design for the School of Journalism, Layton said. SND chose IU based on that reputation.

“(SND) is the most significant organization that does this sort of thing,” Layton said.

The work began in early February when Layton, Matt Callahan, BAJ’13, and Aliya Mood, BAJ’13, traveled to Syracuse, N.Y., for three days to witness the judging for the Best of News Design contest.

The trip was far from smooth. They were delayed one day by Winter Storm Nemo and finally reached Syracuse by flying into Ithaca, N.Y., then driving an hour and a half to the contest.

Once they arrived, the three were given entries as the judges ranked them, and they chose how to display them in the book. Callahan said some of the entries were 50 or more pages long.

“It was daunting,” he said in an email interview. “Essentially, it was 30 hours of cutting pages apart with Exact-o knifes over three days and making split second decisions on what individual page best represented a body of work.”

Mood, now a designer at the Phoenix Gannett design studio, said they were able to see all the entries, a fantastic learning opportunity for a designer.

“It was definitely exhausting,” she said with a laugh during a phone interview, adding that they were on their feet for up to 12 hours.

Callahan, who is currently interning at The New York Times and will spend this fall at the Virginian-Pilot, said he wouldn’t trade the experience for anything.

“I learned so much from watching the judgment process and seeing the thousands and thousands of entries that didn’t win,” Callahan said. “I got a new appreciation of what an award of excellence means.”

“Not to mention,” he added, “that Aliya and I got to karaoke with three other IU alumni at an after party – ‘Mary Jane’s Last Dance’ by Tom Petty.”

Layton said there were 727 winners in the print division, which they viewed and edited in Syracuse. They later collected about 180 more winners from the digital division.

Despite this being IU’s first year to design the book, IU already has a strong tie to it. Ron Johnson, director of IU Student Media, designed the books cataloguing the 2001-07 contests. He came to IU in 2008, while he was designing his last edition.

Johnson said SND has a long-standing tradition of including every winning design in the book, including those who placed lower than first. He said it’s one of the best learning tools for designers.

“This book is literally just a treasure trove of page design ideas,” Johnson said. “You look around any newsroom, including the IDS, and you’ll see them everywhere and dog-eared.”

The book is now nearly finished and is going through final proofs, Layton said.

Originally he had nine students working on it, but he said Callahan and senior Missy Wilson have shouldered the majority of design work. He said others have left for internships or become busy with schoolwork.

Wilson, who is spending this summer at the Star Tribune in Minneapolis, said she and the other designers had to use restraint and simplicity to make sure the content would stand out.

“We don’t want people to notice our design, but rather the winning pages,” Wilson said in an email interview.

Though IU students designed the book’s content, Osama Aljawish, a senior designer from Syria, designed the cover. Of five finalists, Aljawish’s design received a majority of 48 percent of votes from SND members.

Mood said having a personal connection to the hardcover will make it even more special when she receives her copy in the fall.

“I’m always excited when I get my SND book. It’s like Christmas,” Mood said. “It’s actually even better than Christmas, honestly.”

Teaching development through design

$
0
0

Over the past few months, my colleagues Chris Courtney of The Chicago Tribune and Yuri Victor of The Washington Post have traveled around the U.S. and Canada teaching designers to code.

It’s been a whirlwind tour and we’re only halfway there.

The SND Tablet Quick Courses have yielded fantastic turn outs with designers who are eager to extend their skills into the digital frontier and beyond. The task each class was given was simple. Build a responsive portfolio site with a focus on tablet design and touch. Well, maybe not that simple. But everyone completed the task.

chriscourtneyWe started each class with a general overview of HTML, CSS and JavaScript along with best practices in designing for the responsive web, mainly the tablet web. We then provided a set of tools and a framework called Foundation to get everyone started. The sites each person built were absolutely amazing and the feedback we received has made all of the countless hours of travel and planning well worth it.

SND.org editor Katie Myrick caught up with us to see how the project was going.

Going into this project, what were you hoping to achieve? In the end, what are you hoping people will walk away with?

At first we thought it was going to be a straight “this is how you design for tablets” class. Then we realized that wouldn’t be as beneficial for people since they would be designing a fictional product. We decided to have attendees build a responsive site framed around tablet design, touch and the responsive web. We also wanted to teach people the basics of HTML, CSS and JavaScript, which we were able to do because we started with an out-of-the-box framework called Foundation.

I hope people will walk away with a feeling of excitement and accomplishment. We wanted everyone to have a functioning portfolio site when they were done. I think we’ve accomplished that with every class. But mainly I hope we’ve sparked people’s curiosity and they will want to keep learning about tablet design and how to build for all platforms.

How did you choose which skills to focus on? And how did you figure out how to boil those skills into two days?

HTML and CSS are really king for this sort of class and should be in every designer’s toolbox at any skill level. The involvement of JavaScript was more of a demo with follow-along practice. We knew starting with a framework was key; that way we didn’t have to start from scratch on how HTML and CSS works. We could just start building and teach along the way. Also, each class learns at a different pace and has different questions, so we constantly adapted the program but stuck to focusing on building.

It’s really tough to get to everything in two days so we definitely had to make some cuts along the way. I think each class got the core of what we were trying to teach, though. We wanted to break down the barrier to learning front end development, give people confidence and give people tools. All while learning the key elements of tablet design. Design is ultimately about functionality so we wanted people to see that the whole time.

What sort of students have you seen at these sessions?

It’s been quite a mix. We’ve had a few really experienced developers but mainly print designers and journalism students. About a third of each class at least had some introduction to HTML or CSS even if that meant just seeing it and knowing what it does. Age range has been all over the place, which is awesome as well.

The prospect of coding can be a very intimidating thought to some, especially for those who don’t have much digital experience. Have you found these courses to be a good outlet for designers, regardless of their skill level?

Absolutely. It’s amazing how we’ve seen people’s confidence grow throughout the class. We’ve had a lot of people simply say they are pumped to get back to work so they can talk to developers and build something cool. That alone is a win because even if they don’t program it they know how it should work. Knowing what interactions are possible and what interactions are expected is at the center of tablet and really all design. Building helps teach that more than just showing examples with a bunch of bullet points and best practices.

You still have a few courses to go. What would you say to someone who is on the fence about attending?

Knock that fence down and get awesome. We’ll be announcing more dates soon so stay tuned!

Here are a list of resources and links that we talked about and used in each one of the classes:

Resources

Foundation

SND Starter Package

Font Awesome

Web fonts

Presentations

Intro to Javascript

Human Interface guidelines

Talks

Dave Wright Jr.’s “Design Is How It Works”

Wilson Miner’s “When We Build”

Why the Washington Post uses WordPress

(Joey Marburger is Director of Digital Products and Design at the Washington Post.)

Sunday editions: A busy ER and a 1980s spy ring

$
0
0

Click on the pages for a larger look.

St. Louis Post-Dispatch

a01pd1mn0804-page-001         a10pd1mn0804-page-001

Josh Renaud, designer: Our main story was an in-depth look at the challenges facing Christian Hospital, which has the busiest emergency department in the area and serves the most Medicaid and uninsured patients.

Sunday A1 came together fairly quickly. We had some strong photos from David Carson. In our afternoon news meeting, one editor threw out a suggested headline “Welcome to St. Louis’ busiest ER.” When he said those words, the headline treatment popped into my head.

Basically I decided to build the package vertically, use some extra white space, and run the photos at roughly the same size. The side-saddle deck gives the package a different feel. We gave the downpage graphic a sidesaddle headline to connect it visually with the rest of the package.

There was some discussion about the lead photo, which shows a patient being seen in an overflow exam area (basically a hallway). This has become necessary because of how busy the ER is. Photo wanted a looser crop to show the context of the hallway; I worried (perhaps unnecessarily) about the frame feeling too empty with the big words ”busiest ER” right above it. We found a crop that worked for everyone.

Chris Spurlock put together the graphic inside charting all area hospitals’ ER visits.

The Virginian Pilot

dx01AVP0804-page-001     dx08AVP0804-page-001     dx09AVP0804-1-page-001
Paul Nelson, design team editor: This starts a 12-part look at the John Walker spy ring - perhaps one of the most damaging security breaches in U.S. history – that was centered here in Norfolk in the 1980s. Since 2005, we’ve typically focused on an historical topic – something we’ve found our readers really enjoy. It started with a two-week series on the yellow fever epidemic of 1855, and since then we’ve had series on the U-boat war in off the East Coast at the start of World War II, the end of Massive Resistance in Virginia and a recounting of the 1933 hurricane, among others. After they run, we reprint them in booklet form and sell them in our store.

Last year, we discovered a cache of photo negatives in the basement here going back to the 1950s. As our news researchers began going through them, they were asked to look for anything that could be used to support our summer historical projects, and they did indeed find a lot of photos related to coverage of the cracking of the Walker spy ring.

With those pictures in mind, we took note of another espionage case that unfolded here this past December and that had some similarities to the Walker case. At that point, we decided to do the summer series on the Walker ring.

Denise Watson did the reporting and Sam Hundley handled the design. After Day 1, each part will run above the A1 flag with an illustration by Sam. The series won’t run online, but it will run on our new app, the Evening Pilot.

Have an interesting Sunday project to share? Email the PDFs and information to katherine.myrick@gmail.com.

On designing historical moments at The Washington Post

$
0
0

BezosA1I never intended to become an A1 designer. I wanted to be a sports designer. I love the chaos of the newsroom and the nightly deadlines, but sports provides more freedom to tell stories differently every night, usually with beautiful photography and clever headlines.

My first night designing A1 of The Washington Post gave me new appreciation for news design. I was an intern being given a chance to handle A1 and there was a breaking story. A plane crash in remote Alaska had taken the life of former senator Ted Stevens. We had no images, but we knew that we wanted to give it major display. I spent an exhilarating evening cobbling pieces together, and by the time our first edition closed, I was a front page designer.

Since then, my streak of designing A1 on big news days continued. An earthquake and subsequent tsunami in Japan. A midnight showing of “The Dark Knight” that took a deadly turn. The 2013 inauguration of President Obama. The day a young man took a gun to Sandy Hook Elementary. A tragic finish to the Boston Marathon. All front pages that happened on my watch.

But two stories didn’t just break news. They made history. In May 2011, when Osama bin Laden died, and Monday afternoon, when Jeff Bezos bought The Post.

These experiences have taught me how to handle the pressure that comes with presenting some of the world’s most important moments. Here are a few things I’ve learned:

Remain calm I learned a long time ago that I am not great in times of crisis. I found a mouse in my kitchen Monday morning and spent the next four hours hiding in the bakery below my apartment until someone else took care of the situation. I am good at freaking out.

But when it comes to sitting in the A1 chair during breaking news, there’s one thing to remember: the paper always comes out the next day. We’re professional journalists. It is our job to report the news to our readers. There are very few times in history when the paper did not come out the next day. If the Wall Street Journal produced a paper after 9/11, with their newsroom feet away from the World Trade Center, we can produce a newspaper on even the tightest deadline.

myrick-OBLGet used to people looking over your shoulder On big nights, one of the most popular places in the newsroom is the A1 desk. There have been moments when I’ve turned around to find a semi-circle of a dozen people behind my chair. Those people are there to help. They aren’t there to criticize or annoy. They’re doing their jobs, just like you are doing yours.

For the most part, learning to just deal with the constant feeling of claustrophobia has made my life easier. That being said, there are times when I’ve just needed a moment — a moment to process all the information that has been thrown my way, a moment to breathe, a moment to actually get work done. At those times, there are a few tricks that work for me. Generally, you can just quickly and calmly explain that you need a few minutes and people will understand. If that doesn’t seem to be working, standing up almost always will. It forces people to give you more space and gives you a chance to literally step back from the situation. What doesn’t work: becoming so overwhelmed that you momentarily panic. It adds stress to an already stressful situation and takes the focus away from the story at hand.

Manage your time A huge part of an A1 designer’s job is doing things for other people. Assigning refers, jumping stories, sending photos to be toned, making headlines fit — those are all essential parts of my work that enable others to do their jobs. For our deadlines and workflow, I’ve found it’s best to get the general layout of a page ready and circulated with all the major elements (photo choices, headline sizes, story hierarchy) in place. After that, I move on to the housekeeping aspects. If I get all of those things out of the way, I can spend time perfecting design elements without having a laundry list of things to get done.

schoolshootingProcess only what you have to and deal with the rest later We are in the business of breaking news. Unfortunately, there are very few times when a six-column story is a result of a happy occasion. These historic breaking news days have a tendency to bring us to the edge of human understanding.

We may never understand why some horrific events happen. Whether an act of nature, man, or God, it is our job to present the facts to our readers in the best way possible. We have to sort through photos of carnage, debate the weight of “massacre” versus “rampage” in a headline, and update death counts between editions; all for the sake of telling the best story possible.

But we’re not just journalists. Everyone seems to have a story that really resonates with them, beyond just the immediate sadness and confusion. For me, it was Newtown. I realized that in my few years as an A1 designer, I had built up an armor against the harsh realities of daily life. And that day, the armor came crashing down. I had a very hard time staying focused on the task at hand that day — it showed. I was distracted. I would tear up at the details editors were giving and couldn’t focus on a single image for too long.

We do have to do what we can to keep our emotions in check while we do our jobs. For me, that means only processing what I have to in order to tell the story and letting everything else go until I leave work.

Always have an extra set of eyes on the page Designing the front page usually means there are plenty of eyes on what you’re doing. But here, I’m talking more specifically about visually attuned eyes. Having someone around to bounce headline styles off of, or to check your spacing, etc. can make a good page into a great one.

When you become the story, all of these things are that much more important. As has been widely reported, Monday afternoon, at 4:15, I (along with every other Washington Post employee) was asked to report to the auditorium for a 4:30 announcement. We all listened as Don Graham told us he was selling The Washington Post. This was a different kind of breaking news. There was no tragedy to respond to, yet we had just witnessed history. When the meeting adjourned, we each had to decide how to deal with what we had just heard.

For me, that meant heading back to my chair on the fifth floor and designing the front page of the Washington Post.

I was reminded just how difficult it can be to be covering news when the story has such meaning to your own life. I still haven’t quite processed what I heard in that auditorium Monday afternoon. But, just like every other day, the paper showed up at my apartment yesterday morning. Now, it’s time to design another front page.

(Katie Myrick is a news designer at The Washington Post and editor of snd.org. Follow her on Twitter @myrick.)

Viewing all 887 articles
Browse latest View live




Latest Images