Hacking News
- 1. Hacking the News The who, what, where, when, why & how of interactive news technology at the NYT A L A N M C LE AN , D E V E L OP ER /JOU RNALIST
- 2. #caj #jhack
- 3. Who?
- 4. Alan McLean • Art/Design/Development background • Worked at CBC.ca 2005-2007 • Working at the NYTimes in 2007-Present • 2008 Election • 2008 Olympics • 2010 Olympics • Guantanamo Docket • Document Viewer • Run-Well • more...
- 5. Interactive News Technology @
- 6. Interactive News Technology @
- 8. Use the web to tell a story, not just as a delivery medium.
- 9. The traditional developer/newsroom relationship - Project dreamed up - Pitch made - Success! They love it! (with a few minor tweaks) - Meet the dev team - Requirements assessed, features parceled AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 10. The traditional developer/newsroom workflow 1. Resources assigned 2. Work begins 3. Work 4. Work 5. Work 6. Work 7. Work 8. Review 9. (go to line X) 10. Launch! AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 11. Good Afternoon, In preparation for Phase 3 launch for the Project X, we need to capture the requirements for this phase as well as gain consensus from all involved partners. To date, these were the deliverables captured a couple of months back... AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 12. What do you get from this process? Robust, Solid, Reliable "deliverables"
- 13. What do we call it? Software Architecture Design
- 15. Why does that happen? - Developers strive to meet the list of requirements - They are removed from the editorial process - Developers become invested in features rather than content. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 16. The typical newsroom/developer relationship
- 17. Journalist
- 18. Developer
- 19. The typical newsroom/developer relationship Developer Journalist
- 20. The typical newsroom/developer relationship Developer/Journalist
- 21. The birth of an online story How do we work as a newsdesk?
- 24. Breaking News
- 25. The Evolution of the Elections Online at NYT
- 31. Title Goes Here Caption would go here...lorem ipsum.
- 32. Title Goes Here Caption would go here...lorem ipsum.
- 34. Title Goes Here Caption would go here...lorem ipsum.
- 35. Title Goes Here Caption would go here...lorem ipsum.
- 37. Title Goes Here Caption would go here...lorem ipsum.
- 39. RunWell
- 43. Document Viewer
- 44. Demo
- 45. Lessons
- 46. Lessons No one clicks the other tabs
- 47. Election Night, November 4, 2008
- 48. Lessons The nav is mostly visual clutter
- 49. 450px
- 50. 450px
- 51. Journalists Text Text
- 53. Lessons Master the visual lede
- 54. Master the visual lede Document Viewer V.3
- 55. Master the visual lede Document Viewer V.3
- 56. Master the visual lede Document Viewer V.3
- 58. Get to work! ...and stop pushing pixels • Design with napkins and pens over coffee • Not PSD's in boardrooms with “Stake Holders” AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 59. Get to work! ...and stop pushing pixels Rarely if ever go hi-fi, get to code sooner than later. You want to start playing with something that works. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 60. How can I make this happen?
- 61. Step away from the site architecture. And start getting things done. • Most solid web sites are not built to facilitate rapid development • You need an adobe house instead of a fortresses • Cue “Cloud” portion of talk AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 62. Host your own sites. Take responsibility. Deliver on deadline. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 63. A****n Web Services Akin to the pay as you go phone for web services • Scale on demand. • Make no long term investments in hardware. • Control your own changes and launches. • Finally start using databases on news sites. • For what you get, its cheap. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 64. Work in a framework that encourages rapid prototyping, agile practices and open source solutions AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 66. Get someone with design skills Nothing diminishes great content while damaging your credibility more effectively than poor UI. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 67. For Developers... Stop thinking features, start thinking stories. Are you really enhancing engagement? AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 68. For Editorial... Stop thinking readers, start thinking users. AL AN M CLEAN: HACKING T HE N EW S #CA J #JHACK
- 69. Questions? AL AN M CLEAN al an . mcle a n@ny ti me s . co m @a la n mc l ea n