The first section of the application is the scrollytelling part, where the user can be informed about bias and AI in general. Scrollytelling, also known as scroll-driven storytelling or scroll-based storytelling, is a web design technique that involves using the scrolling action of a webpage to reveal content in a narrative or visually engaging way. Instead of presenting information all at once on a single page, scrollytelling unfolds content gradually as the user scrolls down the page.
By strategically organizing and presenting data visually, this process enhances comprehension and facilitates rapid understanding. To introduce the concepts of bias, AI, and bias in AI, we developed an animation-based scrollytelling experience (see Figure 1).
The scrollytelling application consists of stages that explain what is AI, what is bias, what is bias in AI, and how it affects model outputs.
Figure 1: Scrollytelling example