Redesign ARD-Mediathek

A product that supports and saves time when working with multiple windows open.

Redesign ARD-Mediathek

A product that supports and saves time when working with multiple windows open.

TEAM

Lena van Maris, Phillipp Roser, Elisa Moder

YEAR

2022/ 2023

SUPERVISOR

Sandra Raab

The task of the course was to find an application which has deficiencies in the visual design and/or the usability.

COURSE

Application Design

TEAM

Lena van Maris, Phillipp Roser, Elisa Moder

YEAR

2022/ 2023

SUPERVISOR

Sandra Raab

The task of the course was to find an application which has deficiencies in the visual design and/or the usability.

COURSE

Application Design

TEAM

Lena van Maris, Phillipp Roser, Elisa Moder

YEAR

2022/ 2023

SUPERVISOR

Sandra Raab

The task of the course was to find an application which has deficiencies in the visual design and/or the usability.

COURSE

Application Design

Project objective

In a world full of streaming platforms, normal television is increasingly fading into the background.

To counteract this and give the older generation the opportunity to be entertained, we decided to for a Redesign of the ARD-Mediathek. We saw potential not only to address different user groups, but also resurrect the “normal” television in the form of a media library.

DESIGN THINKING PROCESS

Materialize

Understand

Explore

UNDERSTAND

KEY LEARNINGS

Unclear arrangement of content

Missing consistency of layout

Older user group

Visual design old-fashioned

BENCHMARKING

Benchmarking was the tool for us to see, where we can place the ARD-Mediathek between the “big” streaming platform like Netflix or amazon prime. In the following steps we could figure out points which we have to improve to move in their direction.

Television users

Number of users in Germany in mio

10

20

Sports interested

Interested in politics

Interested in entertainment

User groups

ARD-

Mediathek

ZDF-

Mediathek

RTL +

ARD-

Mediathek

ZDF-

Mediathek

ARD-

Mediathek

ZDF-

Mediathek

DAZN

Sky

ARD-

Mediathek

ZDF-

Mediathek

WOW

Netflix



Disney +



Prime

Video


AppleTv


RTL +

Joyn

HOW MIGHT WE?

How can we design the function of searching more efficent?

How can we arrange the categories clearer?

How can we make contest easier accessible?

DESIGN FILTERS

The design filters helped us to define our principles of how we want to affect on the user.

look & feel Tonality

Information architecture

User guidance & Navigation

Movement & Interaction

Behavioral Attributes

easy

clear, visual

communication

clear linking of the

Contents and page

reduced to the essentials, short paths, clear call-to-actions, clear logic

Movement &

Interaction

clear

Traceability of the

Structure

intuitive handling

Service management

simple and

User-centered

Replaceable

simple and easy to use

reduced

structured

functional

EXPLORE

DESIGN STUDIO WORKSHOP

In order to create a wide variance of ideas, the Design Studio Workshop helped us to quickly put many ideas on paper. In the process, each member of our team was able to focus on one HMW question and the results were later discussed together.

STORYBOARD

Exact category search

Save searches that are constantly updating

DELIGHT FEATURE

From our variants from the workshop and discussions about them, we were finally able to define a Delight feature, in our case the search function. This allowed us to focus on it throughout the rest of the process.

MATERIALIZE

SYLEGUIDE

Lato

Highlight

Button

Field

Background

STYLE

WEIGHT

POINT SIZE

Selection

Text

Colors

Aa

Title

Regular

36pt

Headline

Headline

20pt

Subheadline

Subheadline

18pt

Description

Description

16pt

Text

Text

12pt

32px

32px

Icons

SUCHE

profile

ADD

back

edit

youtube

facebook

play

Next episode

Instagram

follow

delete

fullscreen

tatort

volume

fast forward

wind back

Settings

INTERACTIONS

Default

Hover

Default

Hover

Default

Hover

Default

Hover

Default

Hover

Default

Hover

Click

CONCEPT VIDEO

back to top