Learnings

Combination of UX/UI design and physical product. Aspects of industrial design (e. g. haptics, texture). Conducted Usability Testings

Contributions

Usability Test

Concept

Prototype

Sound Design

Team

Leon Burg

Philipp Minel Stäudle

Philipp Roser

2022

Interface Design

HfG Schwäbisch Gmünd

Prof. Michael Schuster

A user interface for simultaneously working with YouTube and another application

IXD Design

Introduction

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, Leon Burg, Philipp Minel, and I aimed to improve multitasking for online tutorials by incorporating an analog interface. We explored the use of one-button interfaces.

Problem

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

Solution

Prototype

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 Testing

Interactions

Final Interaction Patterns in one button.

Final Interaction Patterns in one button.

Final Interaction Patterns in one button.

Final Interaction Patterns in one button.

Final Interaction Patterns in one button.

One click: play & pause

One click: play & pause

One click: play & pause

One click: play & pause

Rotate: forwards/ backwards

Rotate: forwards/ backwards

Rotate: forwards/ backwards

Rotate: forwards/ backwards

Push left or right: skip or go back single sections

Push left or right: skip or go back single sections

Push left or right: skip or go back single sections

Push left or right: skip or go back single sections

Hold for 900ms: to jump forward or backwards in a playlist

Hold for 900ms: to jump forward or backwards in a playlist

Hold for 900ms: to jump forward or backwards in a playlist

Hold for 900ms: to jump forward or backwards in a playlist

Double click: Open Miniplayer

Double click: Open Miniplayer

Double click: Open Miniplayer

Double click: Open Miniplayer

Design Prototype