Projekt:
UI-Design für eine Radio-Software

Schickes und intuitives User-Interface – neue Oberfläche für Radio-Software

Für einen der führenden Software-Entwickler im Bereich Radio- und Sendersoftware durften wir eine neue Nutzeroberfläche gestalten. Die Herausforderung: Die genauen Funktionen der Software standen (noch) nicht fest bzw. werden ohnehin jeweils individuell für die Kund:innen angepassst und programmiert. Vieles passiert während des Nutzens parallel; die Software ist vielschichtig. Das Layout musste also einerseits in sich konsistent und auf der anderen Seite dennoch flexibel sein.

User Experience – Gestaltung dient der Funktionalität

Wie sieht eine Schaltfläche aus? Welche Menüs werden benötigt und wie sollen sie zu finden sein? Welche Schrift ist gut lesbar, wie hoch müssen Kontraste sein? Wie können Nutzer:innen zwischen verschiedenen Funktionen intuitiv hin- und herwechseln? Ähnlich komplex wie unsere Gestaltungsprogramme, die unser eigenes tägliches Werkzeug sind, wird diese Software die tägliche Arbeitsbegleitung für Moderator:innen oder Programmplaner:innen sein. Viele der zahlreichen Funktionen der komplexen Software werden nur sporadisch gebraucht. Aber wenn doch, dann müssen sie einfach und schnell zu finden sein.

Die Lösung: Ansprechendes und funktionales Design

Unsere Idee: Die eigene Arbeitsfläche sollten Nutzer:innen selbst zusammenstellen können. Funktionen, die nicht gebraucht werden, sind ausgeblendet oder können weggeklickt werden. Die verschiedenen Elemente können in Reitern sortiert hintereinander gleichzeitig geöffnet werden, sodas Hin- und Hernavigieren einfach möglich ist. Intuitive Dropdown-Menüs führen zu weiteren Funktionen, Dateien und Inhalten im Hintergrund. Einen Großteil der Gestaltungsarbeit nahm somit die Funktionalität und die Struktur der Oberfläche ein – nicht einfach, wenn es keine konkreten Inhalte gibt.

Farben, Formen, Schriften: Schick und nutzer:innenfreundlich

Die Farbgebung im augenschonenden und angesagten Dark-Mode, der leichte Ton-in-Ton-Verlauf und die halbtransparenten dunklen Flächen geben der Softwareoberfläche eine moderne, elegante Optik. Serifenlose Schrift sorgt für ein klares Schriftbild und schnelle Erfassbarkeit. Fenster und Buttons sind leicht abgerundet und fügen sich unaufdringlich in die Oberfläche ein. Die Bühne ist frei für die Inhalte – denn die sind das Wesentliche, um das sich letztlich alles dreht! Kleine, aber auffällige Farbakzente sind daher nur dort gesetzt, wo es darum geht, die Aufmerksamkeit bewusst auf bestimmte Felder zu lenken und zu helfen, dass Gesuchtes schnell gefunden wird.