A user interface for simultaneously working with YouTube and another application.

Interface

Prototype

Usability Tests

Visualisations

Team

Leon Burg, Philipp Minel Stäudle, me

My Role

Ideation, UX-Research, Concept, Visual Design, Prototyping, Sound Design

Context

Interface Design supervised by Prof. Michael Schuster

Time

2023/02
8 weeks

one. – Multitasking one-button interface

A user interface for simultaneously working with YouTube and another application.

Solution

A more effective workflow. In today's world, the internet is flooded with tutorials and videos that people turn to when they want to learn new skills. During our interface design project, we aimed to improve multitasking for online tutorials by incorporating an analog interface. We explored the use of one-button interfaces. We were particulary interested in high shortcut used programs and learned blender at the time.

Problem

For multitasking, the accessibility of online video tutorials is inadequate. The user has poor control, leading to constant interruptions.

Concept

An on-desk interface for multitasking, enhancing the accessibility of online video tutorials.

Prototyping

A Combination of UX/UI design and physical product. Aspects of industrial design (e. g. haptics, texture). We conducted serveral usability testings.


We built an analog prototype using an Arduino Leonardo, a sliding potentiometer, a rotary encoder, and 3D printing. To make the rotary encoder adjustable, we attached another housing to the slider within our enclosure and centred it using springs. Usability Test Setup. We conducted several usability tests to allign the interaction patterns with intuitivity.

Usability Testing

Participants were asked to follow a Blender tutorial while modeling simultaneously. They struggled with switching between windows and keeping up with the steps. Early prototypes featured multiple buttons on the device, but this caused confusion. We simplified the interface to a single button and added a dot display on top to enhance affordance and guide interaction.

Design

Besides the physical built prototype we thought of ways how to implement the interface on the desk of the user.

Background

During the course we had the task to find a software problem and come up with a hardware solution. We intended to not focus on economic feasibility and instead fully explored interaction possibilities with the stakeholder.

Concept Video

© 2025 Philipp Roser. All rights reserved

© 2025 Philipp Roser. All rights reserved

© 2025 Philipp Roser. All rights reserved

© 2025 Philipp Roser. All rights reserved