Project Description

Contemporary witness app

PROJECT

Seminar „ATTENTION – Interfacedesign beyond inattention“
semester project (20 CP)

Duration

March to July 2019

People involved

Miriam Peters
FH Aachen – University of Applied Sciences
Design department
Communication design student

Supervisor

Prof. Dipl.-Des. Oliver Wrede
FH Aachen – University of Applied Sciences
Design department
Teaching area: interactive media, audiovisual design, interface design and information architecture

Tools

Pen & Paper
Adobe Creative Cloud
ProtoPie

Categories

Concept
UI Design
UX Design
Prototyping

Background

What was it like for a jewish boy to grow up in a city like Aachen during the times of national socialism? More than 70 years after the end of World War II, young people in Germany are luckily being spared the experience of war and persecution. However, with the last contemporary witnesses deceasing, a revival of National Socialist tendencies can be observed. How can we re-sensitize people for what happened?

The book “Mama, was ist ein Judenbalg?” (“Mommy, what is a jewish brat?”), an autobiography by Helmut Clahsen, impressively describes the horrors the author had to face in the city of Aachen as a child. Names of streets, buildings and districts that the people of Aachen still pass through today show the recency of the events and bring them close. To oppose the loss of such valuable literature due to the lack of interest in reading, the contents of this book can now be experienced in an App.

Concept

This app is a 10 day long, interactive experience, in which Helmut describes what happened to him in a messaging type of way. Users can discover important places on a map, and find their own and Helmut’s position. Pictures and videos are provided as a background to the narration.

Text editing for the development of the experience

Flowchart

Design basis

Colours

Typography

Pattern

Text boxes

Map

The app UI mainly consists of a map that is in a rather minimalistic style and dark colours. Buildings are represented with a prison-like grille pattern. There are no names of modern POIs like shops or restaurants, only the streets are named. The abstract map design connects the past and the present of the city of Aachen, where many streets still have the same name.

Symbols

Helmut’s symbol is a bright orange, filled circle, surround by an outline. Looking vaguely like a head with a halo, it is a reference to the angel symbolism of the book, in which Helmut describes his helpers as guardian angels. The outline also protects the circle inside, which again fits the topic. The symbol of the two circles repeatedly comes up throughout the UI, for example, as a loading animation for the radar search.

Important places of the past, like the homes of Helmut’s relatives or his hiding places, are marked by white, slightly transparent circles with icons. This ghost-like depiction is an allusion to the “ghosts of the past” who still seem to be present in so many places throughout the city.

Animation

Projekt

Seminar „ATTENTION – Interfacedesign jenseits der Unaufmerksamkeit“
Semesterprojekt (20 CP)

Zeitraum

März bis Juli 2019

Beteiligte Personen

Miriam Peters
FH Aachen
Fachbereich Gestaltung
Studentin Kommunikationsdesign

Betreut durch

Prof. Dipl.-Des. Oliver Wrede
FH Aachen
Fachbereich Gestaltung
Lehrgebiet: Interaktive Medien, Audiovisuelle Gestaltung, Interface Design und Informationsarchitektur

Tools

Stift & Papier
Adobe Illustrator
Adobe XD
ProtoPie
Adobe After Effects

Kategorien

Konzept
Interactive Design
UI Design
UX Design
Prototyping