Design at the Speed of News  🔗 **Source:** [Design at the Speed of News](https://open.nytimes.com/design-at-the-speed-of-news-7394cb37110f) > [!note]+ Document Notes > tags: > - DesignAtSpeed > - NewsProductDesign > - UXDesign > Author: Jay Guillermo and Chen Wu > Source: Figma Config Conference, 2023 > Reference: N/A > date created: 2024-09-10 14:30 > > # Title: Designing the Home and Live Story Pages for The New York Times > <!-- deep-read:sections start --> ## Table of Contents: - [Summary](#summary) - [Main Content](#main-content) - [Introduction](#introduction) - [Building a Flexible Foundation](#building-a-flexible-foundation) - [Being Agile](#being-agile) - [Building Trust with Partners](#building-trust-with-partners) - [Don’t Be Afraid to Experiment](#dont-be-afraid-to-experiment) - [Conclusion](#conclusion) - [Notes](#notes) - [References](#references) - [Paraphrase](#paraphrase) - [Newsletter](#newsletter) - [Action Items](#action-items) - [Hypotheses](#hypotheses) - [Methodology](#methodology) - [Questions](#questions) - [Future Research](#future-research) - [Implications](#implications) - [Logical Validity](#logical-validity) ### References: - The New York Times design team at Figma’s Config Conference, 2023. ## 📝 Summary: Jay Guillermo and Chen Wu from The New York Times design team shared their experiences at the 2023 Figma Config Conference, discussing the challenges of designing the homepage and live story pages for the ever-changing news cycle. They highlighted the need for flexibility, collaboration with cross-functional partners, and experimenting with new ideas, even if they don't always succeed. ## 📖 Main Content: ### Introduction At the Figma Config Conference in 2023, Jay Guillermo and Chen Wu shared insights into designing key features of The New York Times, including the homepage and live story pages. They emphasized the complexity of designing at the speed of news and how essential it is to meet the needs of both readers and newsroom operations. ### Building a Flexible Foundation The design team built a modular system called *Spotlight 2.0* that allowed editors to stack and package stories by importance. Flexibility is key when designing for a platform where news changes frequently, and this system provides stability while accommodating different media formats and events—ranging from election coverage to breaking news. ### Being Agile Designing for live news involves rapid iteration. The design team works closely with reporters and editors to align content presentation with journalism, constantly adjusting to news priorities. Agile collaboration between designers and newsroom staff helps balance UX, UI, and content design in real-time. ### Building Trust with Partners Trust and open communication with engineers and newsroom stakeholders are essential. The team works cross-functionally to roll out features quickly and adjust to breaking news. The designers emphasized the importance of shared responsibility in projects, where everyone feels ownership over the final product. ### Don’t Be Afraid to Experiment The Times’ live story format often involves testing features quickly. The team rolls out new design features within weeks and adapts them for other news events. Not every experiment works, but the lessons learned from failed features contribute to future success. ## 🗒️ Notes: - *Spotlight 2.0* allows flexible design layouts for news. - The design team works in close collaboration with newsroom staff. - Rapid iteration and flexibility are essential to design for live news coverage. - Testing and experimentation help refine new features for future use. ## 📖 References: - The New York Times design presentation at Figma’s Config Conference. ## 🗣️ Paraphrase: 1. **Original**: "When news is your product, it’s inherently complex and constantly changing—you must balance the needs of the newsroom and readers, as well as those of The Times’s business." **Paraphrased**: "Since news is a constantly evolving product, the team must juggle the needs of the newsroom, readers, and the business side of The Times." 2. **Original**: "Live, a story format for dynamic coverage of the major news of the day, is an area where we often roll out features quickly as tests and, later, we fully adopt and improve them." **Paraphrased**: "The live story format, used for major breaking news, is where the team rapidly tests features before refining and fully integrating them." ## 📰 Newsletter: 📰 **Designing News at Speed: Insights from The New York Times** At the 2023 Figma Config Conference, Jay Guillermo and Chen Wu shared their experiences designing The New York Times homepage and live story pages. They highlighted the importance of building flexible design systems, agile collaboration with newsroom teams, and the value of experimenting with new features, even if they don’t always work. The team emphasized that rapid iteration and open communication help them adapt to the constantly evolving world of news. Watch their talk for more insights into designing at the speed of news! ## ✅ Action Items: - Consider how flexibility and rapid iteration can be integrated into your design processes. - Foster open communication with cross-functional teams to ensure alignment and quick decision-making. ## 🧪 Hypotheses: - **Hypothesis 1**: Collaborative and agile design processes improve responsiveness to real-time events. - **Hypothesis 2**: Modular design systems lead to more efficient management of breaking news content across platforms. ### 📊 Methodology: - Survey designers on the effectiveness of modular systems in news content management. - Analyze case studies of collaborative design practices in fast-paced industries. ### ❓ Questions: - How does modular design contribute to flexibility in content-heavy websites like news outlets? - What are the main challenges in balancing editorial needs with user experience in live news scenarios? ### 🔮 Future Research: - Study the long-term impact of agile design processes in news organizations. - Explore how news outlets can leverage emerging technologies like AI to enhance their design systems. ### 💡 Implications: Modular and flexible design systems, combined with rapid iteration, can transform the way news outlets manage their digital presence. These practices can be applied beyond journalism to any industry that requires quick adaptations and constant updates. ### ✅ Logical Validity: - **Sound Deductive Reasoning**: The presentation connects design flexibility directly to improved news coverage and responsiveness, highlighting the value of a modular system. - **Consistent Analogies**: The use of analogies between design systems and editorial processes strengthens the argument for collaboration. ## 🎯 Conclusion: Designing for a major news organization like The New York Times requires agility, collaboration, and a willingness to experiment. Jay Guillermo and Chen Wu's presentation at Figma Config 2023 provided valuable insights into how they manage to keep up with the fast pace of news while ensuring a consistent and engaging user experience. <!-- deep-read:sections end --> 📄 **Full text:** ![[Full Document Contents/Articles/Design at the Speed of News|Design at the Speed of News, The NYT Open Team]] ## Highlights - When news is your product, it’s inherently complex and constantly changing — you must balance the needs of the newsroom and readers, as well as those of The Times’s business. The products we design and build have to accommodate a wide range of topics and events, from planned, such as Election Days, to unplanned/breaking news, such as natural disasters and wars. Because of the constantly changing world around us, we need to build a stable and flexible foundation for presenting and programming the “News of the Day” — a base that can be used for all instances and events. ([View Highlight](https://read.readwise.io/read/01j7fh4bb34f9s6vvqt5szmw5x)) - A lot of our work requires evolving the shape of the product and the journalism at the same time, which means that we are not only doing UX and UI design, we are also doing content design, or helping to shape how stories are presented to readers. This means that we need to be flexible and iterative, understand how the newsroom works, how reporters and editors work, what their challenges are, what opportunities they see, and what they are preparing for. We need to understand the basics of various news events and work effectively alongside our reporters and editors as they shape their coverage. ([View Highlight](https://read.readwise.io/read/01j7fh3sv7n6j6sx65vkpd79b6))