SND/NYC

Description: As new CSS technologies emerge, editorial designers working on the web now have a pretty comprehensive set of tools to produce quality layout. In this workshop we will take a look into how some CSS tricks can advance your storytelling skills.
 
Who it's for: Digital designers working in the editorial field or generally interested in layout and news.
 
Prior knowledge: Basic HTML and CSS.

As new CSS technologies emerge, editorial designers working on the web now have a pretty comprehensive set of tools to produce quality layout. In this workshop we will take a look into how some CSS tricks can advance your storytelling skills.

Who it's for: Digital designers working in the editorial field or generally interested in layout and news.

Prior knowledge: Basic Html and CSS.

A hands-on introduction to Origami Studio, a tool for designing modern interfaces, built and used by designers at Facebook. Explore, iterate, and test your ideas. This session, taught by Facebook designers, is meant to get you up to speed with the tool. No prior experience with Origami or coding expertise is necessary.

Description: D3.js is one of the most powerful data visualization
libraries out there. Newsrooms around the world use it to build both
static and interactive graphics for the web (and for print!). This
workshop will walk you through the fundamental what, why, and how of
using D3 to turn your data into rich visuals with HTML, CSS, and other
acronyms. By the end, you'll have built, broken, and unbroken several
D3 charts. If you have a project in mind, or a dataset you want to
work with, bring it along!

Who is this for: People who've worked on some interactives and web
visualizations and want to take their skills to the next level.

Prior requirements: A working knowledge of HTML and CSS, and some
JavaScript experience (i.e. you should understand the basics of how
functions, variables, loops, and arrays work).

Learn how to take mappable data and analyze it in some common ways, as well as some common ways to put those maps on the Internet. How can you find out how many addresses fall in a mile of, say, local parks and schools? How can you calculate summary numbers from spatial data? What are some strategies for making an engaging map online? This session is meant to be an introduction to the concepts and give examples of how to execute those, and not to be a comprehensive how-to.

Who is this session for:
This session is for anyone who wants to learn basics of how spatial data works, and the kinds of stories you can publish once you understand these concepts.

What prior knowledge or requirements are needed to attend:
None required, though it would be helpful to understand basic mapping, programming or data concepts.

A hands-on session on how to use visual storytelling to explain complex investigative stories. We'll cover how to visually identify insights, how to design layouts that make something complicated easier to understand, how to lay out an argument with graphics both on your website and across social media. Come ready with a complex story you want to work through, and be ready to draw.  
 
Who is this session for:
Anyone at any skill level who wants to learn more about how ProPublica thinks about telling visual stories, especially when tackling complexity — and anyone who is excited to actively try sketching and coming up with ideas of their own.
 
What prior knowledge or requirements are needed to attend:
None
 
Instructors:
Sisi Wei, Hannah Fresques, Rob Weychert and Lucas Waldron, ProPublica

The sooner you test and learn, the sooner you can iterate and achieve success. Learn how to design, prototype, and user test a modern iOS 11 application with Adobe XD, using Photoshop for complex editing and Illustrator for precise, pixel-perfect icons. Start with high-fidelity designs, apply industry best practices, and use powerful user interface kits to speed up your design. Switch to Prototyping mode to create interactions and define the best flow. Then wrap up with user testing.
Demian Borba, strategic development manager at Adobe, will take you on a journey that will empower you to:

• Design a modern mobile app for iOS 11
• Create a fully working prototype on your iOS device
• Share a web link to collect feedback and iterate
• Manage colors and typography, and bring in images from Photoshop and icons from Illustrator
• Run user testing sessions on your device to learn fast

No coding experience is necessary to enjoy this class. Any designer with basic experience using Photoshop, Illustrator or InDesign will be prepared to start prototyping mobile apps.

Session sponsored by Adobe.

This is a hands-on session where you’ll learn and try activities you can use the next time you kick off a project such as a website redesign or the development of a new online feature. The goal is to rapidly move you from identifying goals and priorities to establishing requirements and starting on nascent deliverables such as a sitemap or sketches that can be iterated upon. And yes, there will be post-it notes!

Who is this for: Anyone who is thinking about creating something new and wants to involve co-workers or stakeholders in more than the same-old conference table conversation.

Prior requirements: None!

Sponsored by Alley.

Visualizing the composition of a large collection of data points is a common problem when explaining news. Whether you're explaining demographics, visualizing sports statistics, or looking at you're site's analytics data, using simple averages often hides trends or can even be misleading. In this workshop we'll walk through more informative ways of visualizing the distribution of data with D3 using histograms and less traditional visuals that make the data more relatable to the reader. To illustrate these visuals, we'll use online traffic data from Parse.ly's network of thousands of publishers representing billions of user interactions.

This workshop is for anyone working on visualizations for print or the web. Introductory level experience with D3.js is best for this workshop. If you have not previously worked with D3.js, attendance of the "Visualizing data with D3" workshop on Thursday is perfect to get you ready for this workshop. To follow along during the workshop, you will need a laptop that's able to connect to the internet and a Github account.

Sponsored by Parse.ly.