We welcome Alexis Hope, MIT Media Lab, as today’s guest blogger, as she gives us a peek at a new publishing platform that incorporates many types of multimedia into your text copy. Alexis and a panel of MIT Media Lab students will be speaking at the WCET Annual Meeting, Oct. 12-14 in Minneapolis. Join us to hear more about innovation, cultivating entrepreneurial spirit, and design. — Megan Raymond and Russ Poulin, WCET

For the past year, I’ve been developing an open-source multimedia publishing platform called FOLD. FOLD grew out of my thesis work at the MIT Media Lab, where I worked in the Center for Civic Media led by Ethan Zuckerman. The platform was originally created to help journalists supplement news with context to support novice news readers, but we opened it up to the public when we launched. Now, alongside use by journalists and independent writers, FOLD has begun to see wide use in the classroom by teachers looking to help students build media literacy and learn how to write for public audiences.

Options on the FOLD home page include: What is FoLD?, Creative photography guide, Learning from one another-my time at the MIT Media Lab, What's a Zine?
FOLD homepage (fold.cm)

Being “Playful” with Design

In our research, we’re investigating how being playful with design can give students the space and freedom to find their unique voice and writing style. We’ve found that students of all ages are motivated by being able to incorporate the kinds of media they interact with on a daily basis into an assignment, and older students in particular are proud of a polished and professional final product that helps elevate their work.

On FOLD, stories are composed of text and media cards. Text cards form the backbone of the story, and media cards branch out to the side of each text card. Writers can annotate their text with these media cards to create an interactive story. Media cards can be created by searching through user-generated content sites like YouTube, Flickr, Soundcloud, and more from inside the text editor. Blending research tools with a writing environment, FOLD allows writers to easily find source material and references to support their words.

It’s been a joy to see the creativity and expressiveness of student writers; FOLD has been used to create how-to’s, science explainers, photo essays, project portfolios, and history reports, but outside of formal assignments, students are creating fiction and poetry, game tutorials, movie reviews, and more experimental pieces. Giving students opportunities to connect learning goals with outside interests can be incredibly rewarding and gives them the chance to create a portfolio piece of which they can be proud.

Demonstrates how when you scroll through the text in the "backbone" part of the page on the left hand side of the screen, that additional resources appear on the right part of the screen.
A FOLD story has a text backbone with branching media cards that can be linked to the text. A “minimap” of the story is generated in the bottom right corner. The minimap was inspired by our team’s love of video games—minimaps help players orient themselves within a game world.
Demonstrates that in edit mode links from "backbone" text can be made to several types of "media cards" using various applications.
Editing mode allows writers to build their story by combining their original writing with photos, videos, animated gifs, maps, tweets, links to web articles, and more.

Prior to joining the MIT Media Lab, I worked to re-design extremely complicated medical device interfaces. I’m motivated by design challenges that center on making complex systems understandable and accessible to wide audiences. I’m also inspired by playfulness, and believe that when possible, our interfaces should add some fun to our day. In an educational context, infusing technology with joy is especially important when so many other technologies are competing for students’ attention.

I love creating moments of joy for the people who interact with what could otherwise be just another boring tool. FOLD’s moments of joy are created by bright colors, playful language, bold iconography, and support for a wide variety of multimedia. We’ve also incorporated the ability to find and “follow” other authors on the platform, an aspect of social networking platforms with which many students are familiar.

FOLD Helps Connect the Fragments of Information Across Media

Visual design is important, but thoughtful design goes beyond the surface. I’m fascinated by the way that the Web has transformed how people think, write, and learn. There are many writing tools available to students, but few that speak to the changing nature of how we learn and how we interact with information. Increasingly, we experience content in discrete fragments—a YouTube tutorial, a photo of a protest, a humorous Tweet, or a link to the viral article everyone in our Facebook circle is talking about. But sometimes it feels like all of this information doesn’t really amount to much. On FOLD, students are able to bring together the fragments of the Web into a cohesive whole, so they can turn that one YouTube video into something much more substantial.

As technology users we have come to expect beautiful and thoughtful design in many of the products we use every day, and educational technology should be no different. I’m inspired by many other technologies I see being developed with joy and play in mind, such as:

  • LittleBits, whose electronics kits are so engaging you can’t help but invent something;
  • the Amino, which has crafted a beautiful experience around teaching complex bioengineering concepts; and
  • Codecademy, a website that helps people learn programming with a fun, interactive editor.

When design and engineering sit side-by-side and are attentive to the needs of the people at the center of complex systems, our technologies can be beautiful, fun, and useful in equal measures.

If you’d like to try FOLD with your students, or just want to chat about design and technology, feel free to e-mail me at alexis@fold.cm. You can also find me on Twitter— I’m @alexishope.Alexis Hope (with Slinky)

Alexis Hope
Creative Director at FOLD
alexis@fold.cm

1 reply on “Bringing Joy to Technology Design”

Comments are closed.

Subscribe

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 2,374 other subscribers

Archive By Month

Blog Tags

Distance Education (315)Student Success (294)Online Learning (228)Managing Digital Learning (218)State Authorization (213)WCET (211)U.S. Department of Education (203)Regulation (196)Technology (167)Digital Learning (148)Innovation (125)Teaching (121)Collaboration/Community (114)WCET Annual Meeting (105)Course Design (103)Professional Development (98)Access (97)Faculty (88)Cost of Instruction (88)SAN (87)Financial Aid (84)Legislation (83)Completion (74)Assessment (69)Instructional Design (68)Open Educational Resources (66)Accreditation (65)COVID-19 (64)SARA (64)Accessibility (62)Credentials (62)Professional Licensure (62)Competency-based Education (61)Quality (61)Data and Analytics (60)Research (58)Diversity/Equity/Inclusion (56)Reciprocity (56)WOW Award (51)Outcomes (47)Workforce/Employment (46)Regular and Substantive Interaction (43)Policy (42)Higher Education Act (41)Negotiated Rulemaking (39)Virtual/Augmented Reality (37)Title IV (36)Practice (35)Academic Integrity (34)Disaster Planning/Recovery (34)Leadership (34)WCET Awards (30)Every Learner Everywhere (29)IPEDS (28)State Authorization Network (28)Adaptive/Personalized Learning (28)Reauthorization (28)Military and Veterans (27)Survey (27)Credits (26)Disabilities (25)MOOC (23)WCET Summit (23)Evaluation (22)Complaint Process (21)Retention (21)Enrollment (21)Artificial Intelligence (20)Correspondence Course (18)Physical Presence (17)WICHE (17)Cybersecurity (16)Products and Services (16)Forprofit Universities (15)Member-Only (15)WCET Webcast (15)Blended/Hybrid Learning (14)System/Consortia (14)Digital Divide (14)NCOER (14)Textbooks (14)Mobile Learning (13)Consortia (13)Personalized Learning (12)Futures (11)Marketing (11)Privacy (11)STEM (11)Prior Learning Assessment (10)Courseware (10)Teacher Prep (10)Social Media (9)LMS (9)Rankings (9)Standards (8)Student Authentication (8)Partnership (8)Tuition and Fees (7)Readiness and Developmental Courses (7)What's Next (7)International Students (6)K-12 (6)Lab Courses (6)Nursing (6)Remote Learning (6)Testing (6)Graduation (6)Proctoring (5)Closer Conversation (5)ROI (5)DETA (5)Game-based/Gamification (5)Dual Enrollment (4)Outsourcing (4)Coding (4)Security (4)Higher Education Trends (4)Mental Health (4)Fall and Beyond Series (3)In a Time of Crisis (3)Net Neutrality (3)Universal Design for Learning (3)Cheating Syndicates Series (3)ChatGPT (3)Enrollment Shift (3)Nontraditional Learners (2)Student Identity Verification (2)Cross Skilling/Reskilling (2)Virtual Summit (2)Higher Education (2)Title IX (1)Business of Higher Education (1)OPMs (1)Department of Education (1)Third-Party Servicers (1)microcredentials (1)Minority Serving Institution (1)