Tag: interactive

Posted on

Niche Partitioning and DNA Metabarcoding

Niche Partitioning screenshot 1
Niche Partitioning screenshot 2
Example of an interactive drag and drop activity

This interactive explores niche partitioning, a mechanism that enables similar species of animals to coexist. It features drag and drop activities, quizzes and freeform responses, a printable progress page, and the ability to save progress to the cloud using Google Sign In.

View the interactive

A3MG worked with content producers at HHMI BioInteractive and provided UI/UX design and programming.

This project has been redesigned to comply with the WCAG 2.1 AA accessibility guidelines.

Client: Howard Hughes Medical Institute

Posted on

Interactive Video with Quiz

Screenshot of the Interactive Video interface with video title: The effects of fungicides on bumble bee colonies.
Screenshot of the Interactive Video quiz panel titled: What do you think?

A3MG designed and programmed this customized video player that features interactive quizzes for HHMI BioInteractive short films.

Interactive Case Study for The Effects of Fungicides on Bumble Bee Colonies

Embedded quiz modules test students’ understanding as they watch the video exploring whether fungicides play a role in the decline of bee populations. 

This project has been redesigned to comply with the WCAG 2.1 AA guidelines and includes screenreader accessibility, subtitles, and an audio description (AD) version of the film.

Client: Howard Hughes Medical Institute

Posted on

Interactive Exploration of How We Get Our Skin Color

Screenshot 1 showing the video player interface
Video player interface with timeline markers indicating additional information
Screenshot 2 showing a content page with interactive widget
Additional information opened below the video player

This interactive animation about the biology of skin color provides stop points at which students can further explore the material through additional text and illustrations, videos, questions, and simple interactive widgets.

Interactive Exploration of How We Get Our Skin Color

Narrated by the world’s leading authority on the evolution of human skin color, Dr. Nina Jablonski, this animation describes how and where melanin is produced in our cells and what factors affect our skin color.

Working with content producers at HHMI Biointeractive, A3MG designed and programmed this customized video player and content pages.

This project has been designed to comply with the WCAG 2.1 AA accessibility guidelines and includes video subtitles and an audio description (AD) version of the animation.

Client: Howard Hughes Medical Institute

Posted on

Lizard Evolution Virtual Lab

The Lizard Evolution Virtual Lab was developed by a team of scientists, educators, graphic artists, and film makers to explore the evolution of the anole lizards in the Caribbean.  A3MG provided interface design and graphics as well as the programming of BioInteractive’s latest virtual lab.

The virtual lab includes four modules that investigate different concepts in evolutionary biology, including adaptation, convergent evolution, phylogenetic analysis, reproductive isolation, and speciation. Each module involves data collection, calculations, analysis and answering questions.

Client: Howard Hughes Medical Institute

Posted on

Stickleback Evolution Virtual Lab

A3MG worked with a team of scientists, science writers, and teachers to produce this virtual lab for the Howard Hughes Medical Institute’s Department of Science Education.  A3MG created the 3-D illustrations, interactive sequences, and overall graphics.

The Stickleback Evolution Virtual Lab will introduce you to the science and techniques used to analyze the forms and structures of organisms—in particular, the pelvic structures of the threespine stickleback fish (Gasterosteus aculeatus). The lab includes three experiments in which you will collect and analyze data using photographs of living fish specimens and fossils.

Awards: 2013 Communicator Awards; Silver Award of Distinction