Was ist User Interface Design?

User Interface Design ist die visuelle Gestaltung der Benutzeroberflächen einer Website, App oder anderer digitalen Anwendungen. Insbesondere das markengerechte Erscheinungsbild, sowie von interaktiven Elementen wie Buttons, Navigationsmenüs, Icons sowie die Typografie, Bildwelten, Animationen und Grafiken.

Der Fokus liegt auf dem Look & Feel und dem Erlebnis der Benutzeroberfläche unter Einhaltung des Corporate Designs. Ein positives und angenehmes Erlebnis für den Benutzer zu gestalten, steht dabei an erster Stelle. 

Studien zeigen: 52 % aller Besucher, denen ein Webdesign nicht gefällt, kommen nicht wieder zurück.

Mobile First, aber nicht mobile only. Responsive Design ist in den meisten Fällen der bessere Weg für ein erfolgreiches  Webdesign.

Wenn das Look & Feel die Zielgruppe nicht anspricht, verlassen die Benutzer die Seite in weniger als drei Sekunden sofort wieder und egal wie gut die Angebote und Informationen sind – sie werden schlicht gar nicht erst wahrgenommen.


Ein Bild sagt mehr als tausend Worte

Es ist bewiesen, dass sich der Mensch visuelle Informationen viel besser und vor allem auch viel schneller merkt, als Informationen die er z.B. auditiv wahrnimmt. Beim Lesen behält der Mensch rund 20% der Information. 

Bei Dingen, die er sieht beziehungsweise ihm gezeigt werden, steigt das Auffassungsvermögen weiter an. Führt er die Handlungen auch selbst aus (z.B. durch das Interagieren mit einer Website), so kann der Mensch ein Erinnerungsvermögen von ca. 80% erreichen. Grund dafür ist, dass das menschliche Gehirn visuelle Informationen schneller verarbeiten kann als Information in Form von puren Texten. 

Gutes und professionelles UI-Design trägt maßgeblich zum Erfolg einer Website oder Applikation bei.

Zusammengefasst ist User Interface Design der Prozess, bei dem der Webdesigner und Webdesignerin gemeinsam mit der Konzeption und dem UX-Design anwenderfreundliche und Markengerechte Benutzeroberflächen gestalten.

Mit faszinierenden Bildern, Animationen und knackigen Teasern. Mit guter Struktur, Übersicht und Führung (UX-Design), die zu viel höherer Besuchsdauer und Conversion führt, sorgen wir dafür das Ihre Website mehr Menschen erreicht und begeistert.

Mit unseren UI-Designs sorgen wir für:

  • Messbar geringere Absprungraten
  • Längere Verweildauer
  • Positives Branding und stärkere Markenbindung
  • Höhere Conversion
  • Besseres SEO-Ranking 

Der UI-Design Prozess bei FLOW4

1. Corporate Design

Als Corporate Design bezeichnet man das einheitliche Design eines Unternehmens, das für Werbung und Kommunikation nach innen und außen verwendet wird. Hierfür steht dem UI-Design im besten Falle ein Corporate Styleguide zur Verfügung. Auch grundlegendes Arbeitsmaterial wie Logos, Schriften, Farben und Bilder in den richtigen Formaten werden zum Start des UI-Designs benötigt.

2. Mood Phase

In der ersten Mood-Phase werden die ersten Visualisierungen auf Grundlage des Corporate Designs und der UX-Designs, sowie erster Inhalte, erstellt. 

Als UI-Designer hat man die Aufgabe, den Geschmack des Auftraggebers, sowie der Zielgruppe gleichermaßen zu befriedigen. Dies ist keine leichte Aufgabe, da die Geschmäcker bekanntlich unterschiedlich sind. Um eine erste bewertbare Grundlage zu schaffen, gestalten wir zunächst einige sogenannte Moods der Website oder Applikation.

3. Umsetzung des UX-Design 

Nachdem über die Mood-Phase das Look & Feel der neuen Homepage festgelegt wurde, werden die ersten Reinzeichnungen der Homepage, einer Category Landing Page und einer Content Seite erstellt und mit dem Kunden besprochen und bis zur Abnahme final ausgearbeitet. 

Ab diesem Punkt überführen wir das Webdesign in InVison, ein Collaboration Tool zur Kommunikation und Abstimmung der einzelnen Webdesign-Phasen zwischen den Teams aus Marketing, Konzeption, Text, Design und Entwicklung, sowie zu Erstellung des klickbaren Prototypen, der für die ersten Benutzertests genutzt wird.

4. Mobile First, aber nicht mobile only 

Aus statistischen Daten geht hervor, dass durch die zunehmende Verbreitung von mobilen Endgeräten und niedrige Mobilfunkpreise der Anteil mobiler Internetnutzer in Deutschland in den vergangenen Jahren stetig steigen. Laut einer Umfrage zur Internetnutzung nach Endgeräten wurde im Jahr 2018 zudem erstmals häufiger das Smartphone als ein PC/Laptop zum Surfen im Internet herangezogen.

Statistik zur Nutzung mobiler Endgeräte
Quelle Statista: https://de.statista.com/statistik/daten/studie/633698/umfrage/anteil-der-mobilen-internetnutzer-in-deutschland/

Jedoch muss dazu aber bedacht werden, dass immer noch ein großer Teil der Nutzer nach wie vor auf Desktopgeräten Internetseiten besuchen und nutzen. Je nach Zielgruppe verschiebt sich das Verhältnis mehr zu Desktop oder mehr zu mobiler Nutzung.

Deshalb setzen wir bei FLOW4 Webdesign und Internetagentur auf das bewährte Responsive Design, um auf allen Endgeräten ein optimales Erlebnis zu gewährleisten.

Unser gratis Wow-Angebot

Das Wichtigste ist, dass die richtigen Menschen zusammenkommen. Sie müssen spüren, dass wir kompetent sind. Und wir müssen Sie und Ihr Geschäft verstehen.

Unser Wow-Angebot ist wertvoll und unverbindlich: Nennen Sie uns Ihre Herausforderungen, Wünsche und Ziele. Wir gehen für Sie ins Sparring und präsentieren gleich erste Ideen. Für die User Experience auf Ihrer Website, das Storytelling, Marken-Refresh, Verkauf, Conversions.

Das kostet Sie nur ein bisschen Zeit mit uns. Denn erst, wenn Sie Ihr erstes Wow verspüren, machen wir Ihnen einen Antrag.

Was unser Wow-Angebot für Sie beinhaltet

Wir bieten Ihnen die ersten drei Phasen unseres bewährten Webdesign Thinking Prozesses an. Für Sie kostenfrei und unverbindlich. Mit Erfahrungswerten aus Marketing, Vertrieb und kreativer Markenkommunikation.

Erster Schritt:

45 Minuten Ihrer kostbaren Zeit für ein Discover-Insights Meeting

Wir führen ein Erstgespräch via Teams mit Ihnen. Florian als UI & UX Designer, Josh als Konzeptioner und Texter. Wir lernen uns kennen, klären Fragen und fühlen uns ein.

Denn für gute Ergebnisse müssen wir Ihr Business wirklich verstehen. Damit wir Sie strategisch bestmöglich beraten können und passende Ideen finden. Unser Wow-Versprechen für Sie die vollkommen risikolose Startrampe.

Zweiter Schritt:

Empathize & Focus Ideate – Kundenbedürfnisse in UX übersetzen 

Zu Beginn investieren wir unsere Zeit. Josh mit mehr als 30 Jahren Expertise als Texter und Konzeptioner für Economia BBDO,  Springer & Jacoby, Jung von Matt, und Florian mit 20 Jahren Expertise als Art Director in Internetagenturen wie razorfish Hamburg, Oslo, Tokio und 16 Jahren als UI/UX Designer und Geschäftsführer der FLOW4 Internetagentur.

In dieser Phase entwickeln wir Aufbau und Struktur der Website. Es entsteht ein erstes Wireframe der Website, also ein UX Design mit Storytelling Konzept, aus dem auf übersichtliche und nachvollziehbare Weise hervorgeht, wie der Benutzer die Seite erleben wird und in welcher Reihenfolge und Hierarchie Markenbotschaften und Informationen kommuniziert werden.

Ihr Ergebnis:

Ein professionelles Wow UX-Design & Storytelling Konzept

Wir präsentieren Ihnen ein erstes Wow. Versprochen! Bis hierhin ist das für Sie kostenfrei und unverbindlich. Sobald Sie ein Wow verspüren, erstellen wir Ihnen gerne ein transparentes und modulares Festpreis-Angebot.

Oder kontaktieren Sie uns auch gerne direkt

Schreiben Sie uns: hello@flow4.com
Oder rufen Sie uns an: +49 40 226 378 030

FLOW4 UG (haftungsbeschränkt) & Co. KG
Elbchaussee 200 | 22605 Hamburg

Wir entwickeln Wowsites für Unternehmen, Marken, Produkte und Agenturen.

Digitale Erlebnisse sind heutzutage erfolgsrelevant und eine der besten Möglichkeiten, Kunden aufzubauen und Interessenten zu überzeugen. Wir zeigen Ihnen gern, wie wir das für unsere Kunden erfolgreich umsetzen: