Online-Schulungen, offene Trainings in Nürnberg und Inhouse-Seminare & Kurse auch in München und Remscheid.
Eine moderne Website muss mehr können, als nur Informationen bereitstellen. Sie soll Besucherinnen und Besucher begeistern, Orientierung bieten und auf jedem Endgerät – vom Desktop bis zum Smartphone – optimal funktionieren.
Dabei spielt die User Experience (UX) eine entscheidende Rolle: Sie bestimmt, ob Nutzende Inhalte gerne konsumieren, Prozesse reibungslos durchlaufen und positiv auf Ihre Marke reagieren. Genauso wichtig ist eine gute Usability, die sicherstellt, dass Webseiten intuitiv und barrierefrei bedienbar sind.
In dieser Online-Schulung lernen Sie die Grundlagen und Methoden einer nutzerzentrierten Gestaltung kennen. Von der Konzeption und den ersten Wireframes über den Einsatz von Personas, User Stories und Customer Journeys bis hin zum Prototyping erfahren Sie, wie moderne Screendesigns entstehen.
Sie beschäftigen sich mit Gestaltgesetzen, Wahrnehmungsprinzipien und wichtigen Aspekten der Benutzerfreundlichkeit. Zudem erhalten Sie Einblicke in Responsive Webdesign, Usability-Tests sowie praxisnahe Techniken zur Navigation, Formular- und Farbgestaltung.
Schulungsziel
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.
Zielgruppe
- Mediengestalter, Grafiker, Kommunikationsdesigner
- Web Designer/Entwickler
UX/UI-Designer
Empfohlene Vorkenntnisse
- sicheres Arbeiten unter Windows oder Apple macOS
- Kenntnisse in HTML, CSS oder Javascript nicht erforderlich!
Schulungsinhalte – 1 Tag
User Experience (UX) und Usability (UI) Grundlagen
- 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
- Finden und Testen der Navigationsstruktur
- Entwurfsphasen
- Von Low-Fidelity zu High-Fidelity
- Scribbles und Wireframes
- Software für die Wireframe-Erstellung
- Prototyping mit User Scenarios
- Prototyping-Tools
- 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
- Web-Typographie
- Nutzerfreundliche Bilder
- Vorteile und Nachteile von Bildern
- Authentische Bilder verwenden
- Bildgestaltung und Bildeinsatz
- Blickrichtung
- Bilder auf mobilen Endgeräten
- Slideshows
- Einsatz von Mikro-Animationen
- Link- und Button-Gestaltung
- Link-Platzierung und -Gestaltung
- Button-Design und -Anordnung
- Button-Zustände
- Akkordeon-Menüs
- Formular-Design
- Formulare aus Nutzersicht
- Formularfelder gestalten
- Formularfeld-Beschriftungen
- Intelligente Formulare
- Umgang mit Fehlermeldungen
- Formulare auf mobilen Endgeräten
- 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
Verfügbare Plattformen
Microsoft Windows und Apple macOS
Dauer
1 Tag à 8 Unterrichtsstunden.(1)
(8:30 Uhr bis ca. 15:45 Uhr)