Last updated: November 12, 2026
1Lecture uses visual explanations to help learners understand biological structures, relationships, and processes. This methodology sets the standards for developing and checking diagrams, animations, and visual elements within interactive lessons.
Our guiding principle is that a visual should make a scientific idea easier to understand while preserving the relationships that matter to that idea.
Start with a Learning Objective
Each visual should answer a specific question. Before production, we identify the intended reader, the concept being explained, and the information the visual needs to communicate.
The format should fit the task. A labeled diagram may explain a structure; a sequence of panels may explain stages; an animation may help show a change over time. Movement should contribute to understanding.
A production brief should identify relevant sources, essential features, planned simplifications, and the connection between the visual and its accompanying lesson.
Establish the Scientific Basis
Visual content should be grounded in suitable scientific or educational references. Source notes should identify the relevant sections, figures, or evidence used to establish structures, locations, mechanisms, and relationships.
A published illustration may be useful for checking a concept, but reproducing or adapting its presentation requires an appropriate basis for use and attribution.
When evidence is incomplete or interpretations differ, the visual should reflect that uncertainty. A model must not present an illustrative arrangement as a directly observed structure.
Make Simplifications Clear
Biological diagrams often simplify crowded environments, complex shapes, or processes occurring at different scales. These choices should support the learning objective without introducing a misleading explanation.
Where relevant, captions or notes should explain:
- Which structures or intermediate steps have been omitted.
- Whether sizes, distances, quantities, or times are schematic.
- Whether a sequence represents one possible example or a broader pattern.
- Which conditions or assumptions the model depends on.
For example, a few particles crossing a membrane may illustrate a mechanism without representing the actual number of molecules involved. A slow animation may separate events for teaching without reproducing their real duration.
Use Consistent Visual Conventions
Labels should match the terminology used in the lesson. Abbreviations, symbols, colors, and shapes should be explained where their meaning is not apparent.
Arrows require particular care. Movement, reaction direction, activation, inhibition, and sequence are different relationships and should not be represented ambiguously. A legend should clarify conventions when needed.
The same entity should remain recognizable across panels and related materials. Color may help distinguish components, but labels, patterns, shapes, or other cues should also communicate essential differences.
Axes, units, scales, and data sources should be provided for quantitative visuals. Measured, calculated, illustrative, and simulated values must be distinguishable.
Plan Animation and Interaction
Animations should be storyboarded before production. The storyboard should identify the sequence, labels, explanatory text, and what each transition is intended to teach.
Motion must not imply unsupported timing, causation, molecular intent, or a fixed trajectory. Stages that overlap in reality should not appear strictly separate without suitable explanation.
Our design standard favors deliberate playback, clear pause and replay controls, and a way to revisit important stages. Interactive models should provide understandable instructions, visible assumptions, and a reset option where appropriate.
A scripted animation is a teaching representation. Claims that a visual is a quantitative simulation require a documented model and validation appropriate to that claim.
Provide Accessible Explanations
Informative diagrams should have meaningful text alternatives. Complex visuals need an accompanying description that conveys their essential relationships, sequence, or data; a short label alone may be insufficient.
Labels should remain readable on small screens and when enlarged. Interactive controls should be keyboard operable, clearly named, and usable without hover or color perception alone.
Narrated materials should include captions and an appropriate text version. Information conveyed only through motion should also be explained through text or static stages.
Nonessential motion should respect reduced-motion preferences or offer a way to disable it. Avoid distracting loops and flashing effects.
Review Before Publication
Scientific checking should cover labels, locations, arrows, sequence, inputs, outputs, and agreement with the lesson. Quantitative visuals also require checks of calculations, units, and assumptions.
Presentation checks should include readability, contrast, text alternatives, playback controls, mobile display, and relevant keyboard interactions.
Any AI-assisted visual requires the same verification. Plausible appearance is not evidence of scientific accuracy. Generated labels, anatomical relationships, molecular representations, and transitions must be checked before use.
Contributor and reviewer information should accurately describe the work performed. Unresolved errors that affect understanding should be corrected before publication.
Record Sources and Maintain Versions
Development records should retain source references, creator information, media rights, meaningful assumptions, the reviewed version, and substantive changes.
When a diagram is corrected, associated animations, captions, quizzes, and downloadable versions should be checked for the same issue. Material corrections should be documented where they help readers understand the change.
Readers can report a problem by identifying the lesson, the visual or animation stage concerned, and the reason it may be inaccurate or difficult to use.
Accessibility References
The following W3C resources inform the accessibility aspects of this methodology: