UX-Design Grundlagen Nutzerfreundliche Webseiten gestalten
Von Usability bis Prototyping: Grundlagen erfolgreicher UX für moderne Webseiten.
Gestalten Sie moderne Webseiten, die überzeugen – klar, intuitiv und auf allen Endgeräten nutzerfreundlich.
In dieser praxisorientierten Online-Schulung lernen Sie, wie Sie Usability und User Experience gezielt einsetzen, um digitale Erlebnisse zu schaffen, die Kundinnen und Kunden begeistern.
Erfahren Sie, wie nutzerzentriertes Design entsteht – von den ersten Wireframes über Personas und Customer Journeys bis hin zu Prototyping und Usability-Tests. Lernen Sie, wie Sie Navigation, Formulare, Buttons und Suchfunktionen so gestalten, dass Besucherinnen und Besucher sich schnell zurechtfinden und gerne interagieren.
Die Schulung vermittelt Ihnen fundierte Grundlagen und praxisnahe Methoden, um Webseiten strategisch, visuell und funktional zu optimieren. Sie erhalten konkrete Empfehlungen für Farbgestaltung, Typografie, Bildsprache und Interaktion – immer mit Blick auf Benutzerfreundlichkeit und Markenwirkung.
Ideal für Webdesignerinnen und -designer, Marketingverantwortliche und Unternehmen, die ihre digitalen Auftritte verbessern möchten.
Kursziel
Am Ende des Kurses verfügen Sie über fundiertes Wissen zu den Grundlagen von Usability und User Experience. Sie sind in der Lage, Webseiten so zu konzipieren und zu gestalten, dass sie auf allen Endgeräten nutzerfreundlich, funktional und ansprechend sind. Dabei lernen Sie praxisnah, wie Sie Navigation, Layout, Prototyping und Tests gezielt einsetzen, um ein positives Nutzererlebnis zu schaffen.

Kursinhalte
- Usability und User Experience
- Unterschiede und Gemeinsamkeiten
- zehn Regeln der Usability
- Aspekte der User Experience
- Wahrnehmung & Handeln
- Wahrnehmungsgesetze
- Seitenwahrnehmung
- menschliches Handeln
- Knappheit erzeugt Dringlichkeit
- Halo-Effekt
- Gestaltgesetze
- Personas
- Vorteile von Personas
- Bestandteile von Personas
- Erstellung von Personas
- User Stories und Use Cases
- Customer Journey Maps
- Entwurfsphasen
- von Low-Fidelity zu High-Fidelity
- Scribbles und Wireframes
- Software für die Wireframe-Erstellung
- Prototyping mit User Scenarios
- Prototyping-Tools
- Finden und Testen der Navigationsstruktur
- Nutzerfreundliche Bilder
- Vorteile und Nachteile von Bildern
- authentische Bilder verwenden
- Bildgestaltung und Bildeinsatz
- Blickrichtung
- Bilder auf mobilen Endgeräten
- Slideshows
- Usability-Tests
- Ablauf von Usability-Tests
- Ziele von Usability-Tests
- Guerilla-Usability-Tests
- A/B-Tests
- Kopf- und Fußleisten
- Mega-Menüs gestalten
- Kopfleiste und Sticky Header
- Sprachumschalter
- Footer
- Verwendung von Farben
- Farbwirkung
- Farbe und Usability
- Farbe und Barrierefreiheit
- Formular-Design
- Formulare aus Nutzersicht
- Formularfelder gestalten
- Formularfeld-Beschriftungen
- Intelligente Formulare
- Umgang mit Fehlermeldungen
- Formulare auf mobilen Endgeräten
- Weitere Themen
- Web-Typographie
- Einsatz von Mikro-Animationen
- Akkordeon-Menüs
- Link- und Button-Gestaltung
- Link-Platzierung und -Gestaltung
- Button-Design und -Anordnung
- Button-Zustände
- Listen und Tabellen
- Aufbau und Reihenfolge
- Kopfleiste und Sortierung
- Vergleichstabellen
- Suchfunktion & Ergebnislisten
- Nutzerfreundliche Suchfunktionen
- Technische Aspekte der Suche
- Suchergebnisse gestalten
- Umgang mit keinen Suchergebnissen
- Filter und Facetten
- Trefferanzahl reduzieren und erweitern
- Gruppen und Attribute
- Gestaltung von Filtern und Facetten
Die Schulungsinhalte können bei Einzel- und Firmenschulungen individuell auf Ihre Wünsche und Anforderungen angepasst werden. Nutzen Sie hierzu bitte den Kurs-Konfigurator meiner Partnerfirma WildKolleg.
Schulungstermine: UX-Design Grundlagen
Alle offenen Kurstermine für die UX-Design Grundlagenschulung finden Sie auf der Internetseite meiner Partnerfirma WildKolleg.
Individuelle Kurstermine sind nach Absprache jederzeit möglich. Termin vereinbaren
Schulungsdetails
Online- oder Präsenz-Schulung:
Wir führen das Training, je nach Wunsch, als Live-Webinar oder Präsenz-Schulung bei Ihnen vor Ort durch. Eine Teilnahme an unseren Online-Seminaren ist sowohl von Ihrem Arbeitsplatz, als auch vom Home-Office aus bequem und unkompliziert möglich.
Kleine Kursgrößen:
Unsere Webinare werden in Kleinstgruppen durchgeführt. So wird das Lerntempo von Ihnen bestimmt und unsere Trainerinnen und Trainer können all Ihre Fragen individuell beantworten.
Kursdauer:
1 Tag à 8 Unterrichtsstunden (von 8:30 Uhr bis 15:45 Uhr). Eine Unterrichtsstunde entspricht 45 Minuten.
Vorsaussetzungen:
sicheres Arbeiten unter Windows 10 oder macOS, keine Kenntnisse in HTML, CSS oder JavaScript erforderlich
Zielgruppe:
UX-Designer/innen, Grafiker/innen, Mediengestalter/innen, Kommunikationsdesigner/innen, Webdesigner/innen, Entwickler/innen, Web-Redakteure, Marketing-Mitarbeiter/innen
Ihr Trainer: Micha Beißer

Als ehemaliger Art Director bei einer großen Internet-Agentur, verfüge ich über eine langjährige Praxiserfahrung bei allen Fragen rund um das Thema Webdesign, Usability und UX.
In diesem Grundlagen-Kurs zeige ich Ihnen, wie Sie Webseiten konzipieren, die Ihre Zielgruppen intuitiv führen und nachhaltig überzeugen. Sie lernen, wie nutzerzentriertes Design entsteht – von der Analyse über Customer Journeys bis hin zu Wireframes, Prototyping und Usability-Tests. Sie lernen, wie Interaktionen und gängige Komponenten gezielt eingesetzt werden, um Nutzerfreundlichkeit und Wirkung zu steigern.
WildKolleg Schule für Kommunikation und Medientechnologie
Meine Partnerfirma WildKolleg ist die erste Adresse für Einsteiger, Anfänger und Fortgeschrittene, die strategisches Wissen und Programm-Fertigkeiten erlernen, festigen oder erweitern möchten. Offene Schulungen, Einzel- und Firmenkurse und Inhouse-Trainings bei Ihnen vor Ort.
Verwandte Schulungen
- Adobe Creative Cloud Basis-Paketkurs
- Adobe Creative Cloud Aufbau-Paketkurs
- Adobe Creative Cloud Update-Paketkurs
- Automatisierung im Grafik-Design
- Design mit KI: PhotoShop, InDesign, Illustrator und Firefly
- Adobe XD Grundkurs
- Adobe Acrobat Pro Grundkurs
- Barrierefreie PDFs mit InDesign und Acrobat Pro
- Barrierefreie PDFs mit Word und Acrobat Pro
- Barrierefreie PDFs mit Word und axesWord
- Barrierefreie PDFs mit InDesign und MadeToTag
- Adobe Animate Grundkurs
- Adobe Animate Aufbaukurs
- Webflow Grundkurs
- UX-Design Grundlagen
- Responsive Webdesign
- eBooks erstellen
- Adobe Illustrator Grundkurs
- Adobe Illustrator Aufbaukurs
- Adobe InDesign Grundkurs
- Adobe InDesign Aufbaukurs
- Adobe PhotoShop Grundkurs
- Adobe PhotoShop Aufbaukurs
- macOS Schulung