Story forms: Audio, photos, videos, interactive graphics

What are the affordances of video?

Adds action, movement and emotion. Provides sense of being there for stories (360 degree videos place users in center of story’s environment)

What are affordances of infographics?

Simplify and clarify numbers, statistics, trends, processes that take place over time and relationships (spatial orientation and relationships depicted by maps)

What are the affordances of audio?

Increase authenticity and add depth, reveal speaker’s attitudes/expertise/emotions, and podcasts allows for listening on mobile even while driving.

What are the affordances of photos?

Capture important moments and strong emotions in ways that prose cannot and provide visual context.

What are assets of audio?

Embedded audio clips (HTML5), streaming audio, and embedded player

What are assets of photos/graphics?

Graphical menus, masthead logo, lead photos, other photos/thumbnails, illustrations/thumbnails, static maps/infographics, section breakers, search, link boxes, and icons.

What are assets of video?

Embedded video (HTML5), streaming video, embedded player, and video thumbnails

What are assets of interactive graphics?

Search, share icons (social media), comments, interactive maps, infographics, data visualizations, polls 2D/3D simulations, games/game-like activities, crowdsourcing requests and upload capacity for documents, photos, videos, and verification help.

What tech and tools are needed for audio?

Recorder (external mic jack), microphones, headphones, editing software, and extra batteries.

What are tech and tools needed for photos?

Capture:

DSLR or mirrorless camera

Smartphone camera

Lighting tools (LED lights, reflectors)

Edit:

Photo-editing software (Adobe Photoshop, Lightroom)

Mobile editing apps (VSCO, Snapseed)

Publish:

CMS image uploader

Metadata/captioning tools

What are tech and tools needed for video?

Camera/microphones, headphones/tripods, memory cards, editing software, and extra batteries.

What are tech and tools needed for interactive graphics?

Create:

Data-analysis tools (Excel, Google Sheets)

Design software (Adobe Illustrator, Figma)

Data-visualization tools (Flourish, Datawrapper, Tableau)

Build:

Web-interactive tools (HTML/CSS/JavaScript editors)

Mapping tools (ArcGIS, Google Maps, Mapbox)

Publish:

CMS embedding tools

Responsive design tools to test mobile display

What are the processes and workflows for photos?

Review chosen photos, focus for emphasis, adjust contrast, adjust brightness, select area (burn/lighten), and select area (dodge/darken)

What are the processes and workflow for video?

Write video script, record voiceovers, edit video 1 (lay down all audio, add video to cover VOs, and pollish video sequences) and get approval of rough cut, edit video 2 (color correction, add video effects, add titles/captions/credits), audio adjustments (audio track effects) and get approval of final cut, and then render video format and compress.

What is the processes and workflow for audio?

Render audio as audio only/get copies, open audio in editing software, noise removal, tone control (bass, treble, voice adjust), dynamics (noise reduction, compress, equalize, normalize)

What are the processes and workflow for interactive graphics?

Acquisition of raw assets (Collect all materials you need: data, charts, images, maps, or other design elements), Verification & authenticity (Check that your data and sources are accurate, reliable), Processing / production (Transform raw materials into a usable graphic or interactive), Integration with other elements (Combine the interactive graphic with text, photos, videos, or audio), Packaging & formatting for publishing (Prepare files and code in the correct formats), Publishing & deployment (Publish the story online, test that the interactive works correctly, and ensure all assets are accessible and functional)