"Enter": Navigation überspringen
  • Tab oder Shift + Tab - zum nächsten oder voherigen interaktiven Element springen
  • - innerhalb eines Elements navigieren
  • w a s d - innerhalb eines Elements navigieren
  • Enter - Element aktivieren
  • i - Tastaturbefehle anzeigen
  • CTRL / CMD + + oder - - Ansicht vergrößern oder verkleinern
  • Escape - Popup schließen
  • t - Tooltip anzeigen
  • m - zum Menü

Content-Kreation

Form follows Function

‚Form follows Function‘ (FFF; „die Form folgt der Funktion“) ist ein Designprinzip, das zuerst in der Architektur wichtig wurde. Heute spielt es auch in der digitalen Gestaltung eine große Rolle. Besonders in der Webentwicklung hilft es dabei, klare und einfache Nutzeroberflächen zu entwickeln.

In der Praxis starten Designer meist mit den Anforderungen. Danach entwickeln sie die Gestaltung direkt aus der Funktion heraus. Dadurch entsteht ein klarer Aufbau, der Nutzer schnell zum Ziel führt. Außerdem bleibt die Struktur verständlich und logisch.

Ein Use Case ist ein Onlineshop. Dort liegt der Fokus auf schnellen Kaufprozessen. Deshalb platziert das Design den ‚In den Warenkorb‘-Button gut sichtbar, aber nicht störend. So führt die Gestaltung den Nutzer direkt zur Handlung.

Ein weiteres Beispiel zeigt sich bei Webdesign-Projekten für Service-Websites. Hier steht die Navigation im Vordergrund. Inhalte werden so aufgebaut, dass Nutzer Informationen schnell finden und ohne Umwege handeln können.

Der Ausdruck ‚Form follows Function‘ stammt aus dem 19. Jahrhundert. Der Architekt Louis Sullivan prägte ihn, wobei er nicht gegen Gestaltung war. Vielmehr wollte er, dass Form und Zweck zusammenpassen.

Später prägte Adolf Loos die strenge Sicht auf das Prinzip. Er lehnte überflüssige Dekoration oft ab und setzte auf klare Formen. Dadurch entwickelte sich ein funktionaler Designansatz, der bis heute wirkt.

Auch das BAUHAUS griff diese Idee auf, etwa in der Gestaltung von Gebäuden und Produkten. Gleichzeitig nutzte es moderne Materialien und klare Strukturen. Dadurch entstand ein Designstil, der Funktion und Ästhetik verbindet.

In der heutigen Content-Kreation spielt dieses Prinzip ebenfalls eine Rolle. Inhalte werden so gestaltet, dass sie schnell verstanden werden und gleichzeitig eine klare Nutzerführung unterstützen.

Form follows Function – mehr als ein Designprinzip!

Ästhetik entsteht durch Funktionalität. Wie du dieses Prinzip für Web, UX und Branding nutzt, erfährst du hier!

Full-Stack-Designer

Begierde Wissen