Webdesign & OnlineshopsUX-Gestaltung

Ihre Kunden sollen weiterkommen. Ohne Rätselraten.

Menschen besuchen Ihre Website mit einer Aufgabe: ein Angebot vergleichen, einen Termin finden oder eine Anfrage stellen. UX-Gestaltung sorgt dafür, dass diese Wege verständlich werden.

Sie sprechen direkt mit Marsel Perdoci, M.Sc. Informatik.

Drei Telefone zeigen einen Weg: Ein unruhiger Bildschirm ordnet sich zu einer klaren Seite, ein Formular wird mit Hilfetext ausgefüllt, nach dem Absenden erscheint die Bestätigung.

Eine Aufgabe, ein nachvollziehbarer Weg

  1. Ziel erkennen
  2. Handlung verstehen
  3. Rück­meldung erhalten

Einfach erklärt

Was bedeutet UX?

UX steht für das Nutzungserlebnis. Gemeint ist, wie verständlich und angenehm eine Website bei einer konkreten Aufgabe funktioniert. Statt zuerst Farben zu ändern, prüfen wir Abläufe, Begriffe und Rückmeldungen. Ein gutes Ergebnis macht Handlungen nachvollziehbar, auch ohne besondere technische Erfahrung.

Menschen besuchen Ihre Website mit einer Aufgabe: ein Angebot vergleichen, einen Termin finden oder eine Anfrage stellen. UX-Gestaltung sorgt dafür, dass diese Wege verständlich werden. Wir betrachten nicht nur die Oberfläche, sondern die Informationen und Entscheidungen, die Menschen unterwegs brauchen.

Aus einer Idee wird etwas Greifbares

UX-Gestaltung:
Was Sie erhalten.

Drei Telefone zeigen einen Weg: Ein unruhiger Bildschirm ordnet sich zu einer klaren Seite, ein Formular wird mit Hilfetext ausgefüllt, nach dem Absenden erscheint die Bestätigung. Jeder der drei Teile steht für eines der folgenden Ergebnisse.

Untersuchung wichtiger Nutzerwege

Wir wählen konkrete Aufgaben und gehen sie aus Kundensicht durch. Dabei werden fehlende Informationen, missverständliche Begriffe und unnötige Entscheidungen dokumentiert. Vorhandene Rückfragen und Supportfälle helfen, reale Schwierigkeiten von bloßen Vorlieben zu unterscheiden.

Nachvollziehbare Entwürfe

Neue Abläufe werden zunächst als einfache Seitenentwürfe oder klickbare Modelle dargestellt. Dadurch lassen sich Reihenfolge, Navigation und Rückmeldungen besprechen, bevor viel Entwicklungsaufwand entsteht. Auch Fehlerfälle und mobile Eingabe gehören zum Entwurf.

Prüfung und Übergabe

Je nach Vereinbarung werden wichtige Aufgaben mit geeigneten Testpersonen durchgespielt. Sie erhalten Beobachtungen, priorisierte Änderungen und Vorgaben für die Umsetzung. Kleine Tests liefern Hinweise; sie werden nicht als repräsentativer Beweis für alle Besucher ausgegeben.

Der Unterschied wird sichtbar

Eine Anfrage ohne unklare Pflichtfelder

Ausgangslage

Ein Formular verlangt früh viele Angaben. Fachliche Auswahlbegriffe sind nicht erklärt, und nach einer fehlerhaften Eingabe bleibt unklar, was korrigiert werden soll.

So kann die Lösung aussehen

Notwendige Angaben werden verständlich benannt. Hinweise erklären die Auswahl, und Fehlermeldungen helfen bei der Korrektur. Nach dem Absenden ist der nächste Schritt erkennbar.

Einblicke in die Gestaltung

Nicht nur erklärt.
Auch gestaltet.

Drei unterschiedliche Marken. Drei eigene visuelle Welten. Ausgewählte Website-Ansichten aus dem Projektportfolio.

Weitere Arbeiten ansehen
Website von Squareplan
Squareplansquareplan.de
Website von Natürlich Drauf
Natürlich Draufnatuerlich-drauf.de
Website von Irma Beauty
Irma Beautyirmabeauty.de

Zusammenarbeit

Von der ersten Frage
zur Umsetzung.

  1. Die Aufgabe festlegen

    Wir beschreiben, wer etwas erledigen möchte und woran ein erfolgreicher Abschluss erkennbar ist. Unterschiedliche Zielgruppen und Nutzungssituationen werden berücksichtigt, statt einen einzigen idealisierten Besucher vorauszusetzen.

  2. Hindernisse sichtbar machen

    Bestehende Abläufe werden geprüft und Alternativen entworfen. Fachbegriffe, Pflichtangaben und Zwischenschritte müssen einen nachvollziehbaren Zweck haben. Unnötige Komplexität wird nicht nur anders verpackt.

  3. Mit Beobachtungen verbessern

    Wir prüfen die vorgesehenen Wege und überarbeiten erkennbare Schwierigkeiten. Vor der Übergabe werden offene Annahmen und noch nicht getestete Situationen benannt, damit die Entwicklung gezielt weiterarbeiten kann.

Gut vorbereitet entscheiden

Was bestimmt
den Aufwand?

Der Umfang hängt von der Zahl und Komplexität der Abläufe, den Zielgruppen und der vorgesehenen Prüfung ab. Ein Kontaktformular lässt sich anders untersuchen als ein mehrstufiges Kundenportal. Analyse, Entwurf, Tests und technische Umsetzung werden als unterscheidbare Aufgaben geplant.

Das hilft für den Einstieg.

Was Sie schon wissen oder zur Hand haben:

  • Ein oder zwei konkrete Abläufe, die für Ihr Unternehmen besonders wichtig sind.
  • Häufige Rückfragen, bekannte Beschwerden und vorhandene Nutzungsdaten ohne unnötige personenbezogene Details.
  • Zugang zu einer öffentlichen Website oder einer geeigneten Testversion.

Noch nicht alles vorhanden? Beschreiben Sie zunächst Ihr Ziel. Zugangsdaten gehören nicht in eine normale E-Mail.

Vor dem ersten Gespräch

Häufige Fragen.

Brauchen wir dafür ein vollständig neues Design?

Nicht unbedingt. Oft betreffen Hindernisse Begriffe, Reihenfolgen oder fehlende Rückmeldungen. Solche Änderungen können innerhalb Ihrer bestehenden Gestaltung erfolgen. Eine größere Überarbeitung wird nur empfohlen, wenn die Struktur sie erfordert.

Ist UX nur für große Plattformen relevant?

Nein. Auch die Auswahl einer Dienstleistung oder eine einfache Anfrage ist ein Nutzungsablauf. Der Untersuchungsumfang sollte zur Bedeutung und Komplexität der Aufgabe passen, nicht zur Größe eines bekannten Plattformvorbilds.

Wird die Website dadurch automatisch barrierefrei?

Nein. Verständliche Abläufe und Zugänglichkeit überschneiden sich, sind aber nicht identisch. Tastaturbedienung, Beschriftungen und Fehlerrückmeldungen werden berücksichtigt. Für eine umfassende Prüfung muss ein eigener Prüfumfang vereinbart werden.

Fachliche Hintergründe zum Nachlesen

Marsel Perdoci, Ihr direkter Ansprechpartner
Marsel PerdociM.Sc. Informatik · Kassel

Der nächste Schritt

Was möchten Sie
verbessern?

Beschreiben Sie Ihr Vorhaben und was bisher besteht. Sie sprechen direkt mit mir. Gemeinsam klären wir, welcher nächste Schritt sinnvoll ist und welchen Umfang Sie dafür brauchen.

Die mit * markierten Felder sind erforderlich.

    Ihre Angaben werden zur Bearbeitung Ihrer Anfrage per E-Mail an webseo.one übermittelt. Datenschutzhinweise lesen.

    Lieber direkt schreiben? [email protected]

    Blog

    Wir verwenden notwendige Funktionen für den Betrieb dieser Website. Mit Ihrer Zustimmung analysieren wir Seitenaufrufe, Klicks und Nutzungsabläufe, um Inhalte und Bedienung zu verbessern. Ihre Auswahl können Sie jederzeit in den Cookie-Einstellungen ändern.