Core Interaction

Cross-Platform Storytelling

Objectives

  • Become aware of how you use the internet across platforms
  • Tell a story, real or imaginary
  • Explore platforms, their opportunities, and limitations
  • Understand user flows
  • Refresh your skills with HTML/CSS
  • Set up on GitHub and get organized

Project

Tell a story that begins with a web page you build and ends with a link to the starting point. Your story may be fiction or nonfiction. Traverse at least three platforms in between, leveraging the strengths of each to help your reader visualize the story.

You could, for example, lead your reader to a TikTok video, then to an Amazon review, then to a LinkedIn profile, then to Instagram, and from Instagram to a dropped pin in Google maps. You can visit a platform more than once.

Platform Examples

Communication

Instagram, Snapchat, FB Messenger, Twitter, Instagram stories, WeChat, WhatsApp, Facebook, Pinterest, GMail, TikTok, Slack

Transportation

Google Maps, MTA, Uber, Lyft

Payment

Banking, Venmo, WeChat

Payment plus food

Postmates, Caviar, Seamless

Food

Google Maps, Yelp

Entertainment

YouTube, Netflix, Spotify

Creating and sharing content

Wikipedia, Medium, Google Docs

Shopping

Amazon, individual e-commerce apps

School

Canvas, Dropbox Paper, Miro

Examples from Juliette Cezzar’s former students

Schedule (Week 1–3)

  • 01/19 Class Introduction. Unit introduction. Assign: Lecture + reading.
  • 01/21 Class discussion: Lecture + reading. In-Class exercise. Introduce and assign Project 1 Ideas.
  • 01/26 Review: Ideas. Assign: Select final idea and begin Implementation.
  • 01/28 Review: implementation.
  • 02/02 Project 1 is due