Declaring war on dis­infor­mation

Image showing a person from the back wearing a black backback with a white badge on it saying "facts matter"

Background

False claims on the internet are a serious threat to democracy. Conspiracy myths about the corona virus, for example, and disinformation campaigns as the one in the Ukraine conflict, for example, make it difficult for citizens to access factual information and distort the process of forming free opinions based on facts. The circulation of false reports are also a problem for the media where journalists are hindered in their independent reporting and citizens’ trust is therefore shaken.

To counteract this, the dpa’s fact-checking editorial team launched the Faktencheck21 project in 2021, which is co-funded by the Google News Initiative. Within this framework, dpa offers workshops on verification techniques for journalists from all over Germany to train them in dealing with false claims. The spread of false claims on the internet was a particular challenge for the German media landscape in the course of the 2021 federal election.

To ensure a lasting learning effect, one of the project’s goals was to expand the training opportunities with a digital offering. In this way, more journalists were given the opportunity to train in the area of fact checking. As a full-service agency, we at Factorial supported the project throughout the duration of the process and were responsible for implementing a digital solution.

Image showing the platform factify by dpa on different device screens (phone, desktop, tablet)

Approach

To develop a digital training offering, it was first necessary, together with the Faktencheck21 project team, to determine the project goal and define the phases of the project. The implementation was finally completed using various substeps.

Image showing a visualized process of the kick-off workshop of the dpa factify project with Factorial

Kick-off workshop

This initial workshop provided the groundwork to explain the general strategy and objectives of dpa-Factify and to define the roles of all parties involved. It also served to align the team in terms of the project process and was conducted with the kind support of MindMatters.

Image showing a user interview where one of our colleagues talks via video call with a user.

Initial gain of knowledge

The review and processing of existing surveys that followed the workshop assisted the project team in aligning successive steps with existing findings. Further insights were gained by obtaining feedback from the training session participants. The data collected formed the basis for the subsequent feature-mapping workshop.

Image showing the results of the feature mapping workshop as part of the project process

Feature-mapping workshop

Throughout the duration of this workshop, the product’s range of services was explored and the initial product core was defined. The first navigation elements and the overall structure of the platform were also specified. In addition, the teaching content and the formats to be depicted were determined as the basis for an initial product launch.

Image showing a graph where numerous logos of technologies and frameworks are displayed. The logos of drupal and vueJS are the only ones displayed in colors to highlight, these two frameworks have been selected.

Technical consulting

After the initial product feature set was determined, the advantages and disadvantages of various technical solutions were discussed together with the project team. Drupal 8 was chosen as the content management system for the editorial team, and Vue.js as the main frontend framework.

Image showing the wireframe of the information architecture for the platform dpa factify during the project process

Information architecture and wireframing

The MVP (Minimum Viable Product) defined in the feature-mapping workshop was applied as the basis for the information architecture concept. In addition, the content and the platform structure were refined. As a next step, the developed concept was visualized in wireframes.

Implementation of the UI design

After the creation of the content structure using the MVP, wireframes could now be transferred into the UI design using the existing design system ‘dpa-design-kit’. Additionally, some custom illustrations were developed for the emerging platform. Moreover, an extension to the usage context of the product as well as the appearance of the subsidiary was implemented.

Image showing insights of the platform dpa-factify and highlighting several features

Solution

With the features provided, the e-learning portal dpa-Factify creates an extensive learning opportunity for media professionals in their daily work. Moreover, the platform offers the ideal tool for identifying false claims on the internet. To illustrate the features of dpa-Factify, selected aspects of the application are highlighted below to provide insight into the digital offering.

Image showing a video player as part of the features of the project

Training sessions with video content

The videos provided on the platform highlight various issues when dealing with disinformation, and illustrate them with examples. 

The chapter overview simplifies navigation through the content sections with just a few clicks and thus supports users in their individual learning process.

One-pager

The content provided on the platform can also be downloaded as a PDF in the form of a summary (one-pager). The collected links in the link list refer to additional, helpful tools and applications that are intended to support media professionals in their daily work.

Image showing the link lists as well as content summaries that can be downloaded from the platform dpa factify
Image showing some interactive elements as part of the features of the platform

Interactive exercises and quizzes

The large selection of interactive exercises and practical applications helps users test the knowledge they have gained. In addition to video contributions, the platform also contains interactive images and quiz questions that convey the content in a varied and playful manner. 

In this way, the theoretical content is transferred to practical examples and users can test their own level of knowledge.

 

Authentication and access management

By connecting to the dpa’s single sign-on via a JWT procedure, users have access to logging in via the dpa ID as an existing SSO solution. The login to the platform can be managed by the customers themselves. Finally, a solution was found for the integration of external media content via different platforms, including dpa video and hp5.

Image showing the single-sign-on feature of dpa factify

Impact

The learning platform dpa-Factify created by Factorial makes a crucial contribution to the daily work of journalists of German media houses. With the developed tools in the area of fact checking and verification techniques, dpa is able to significantly support media professionals in independent reporting.

The e-learning platform was rolled out in a multi-stage process and the content has been continuously expanded by the dpa team independently since its launch in April 2021. Managing the learning platform with the editorial system enables dpa to add new content and continuously update the learning offering.

Several hundred journalists — and the number is counting, from German media companies now have access to the digital offering. In cooperation with the news agency APA, the platform has now been expanded to include a version for users in Austria.

Client
dpa-infocom GmbH
dpa-factify.com
Deliverables

User Interviews und Surveys
Feature Map 
Information Architecture
Wireframes
Clickdummy

Services

UX Design 
UI Design 
Illustration 
Backend Development
Frontend Development

Get in touch to learn more about the case
Title

By clicking on the link I accept the terms and conditions and agree to be contacted via mail. The consent can be withdrawn at any time.

* Mandatory fields