User Experience & User Interface Design von A-Z mit Adobe XD
4.4 (278 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,719 students enrolled

User Experience & User Interface Design von A-Z mit Adobe XD

Lerne alles über User Experience und User Interface Design und erstelle visuelle und interaktive Prototypen mit Adobe XD
Bestseller
4.4 (278 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,719 students enrolled
Last updated 6/2020
German
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 8.5 hours on-demand video
  • 8 articles
  • 32 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Grundlagen und fortgeschrittenes Wissen im Bereich User Experience Design
  • Grundlagen von Human Centered Design, Personas, User Stories und Szenarien
  • Design Thinking und Lean UX
  • User Interface Design Grundlagen wie Farbenlehre, Typographie, Animationen
  • Praktisches Arbeiten mit Adobe XD
  • Erstellen von Wireframes und High Fidelity Prototypen in Adobe XD
  • Erstellen von eigenen Animationen in Adobe XD
Requirements
  • Für den praktischen Teil wird die kostenlose Software Adobe XD benötigt (Windows, Mac)
  • Kein bestehendes Wissen über UX oder UI erforderlich
  • Kein bestehendes Wissen über Adobe XD erforderlich
Description

User Experience Design vereint Marktforschung, visuelles Verständnis und Kundendienst in einer Disziplin, die besonders im Bezug auf digitale Branchen an Bedeutung kaum zu übertreffen ist.


Der Kurs ist in vier Abschnitte unterteilt:


Im ersten Abschnitt behandeln wir die Grundlagen von Human Centered Design.

In diesem Teil beschäftigten wir uns vor allem mit den Menschen, die unsere Produkte verwenden. Dabei lernen wir, wie man recherchiert und welche Daten für uns als Designer hilfreich sind, um Produkte zu entwickeln, die von Menschen benutzt werden wollen.

Wir lernen bewährte Methoden aus der Psychologie und der Marktforschung kennen, um Prototyp Nutzer - sogenannte Personas - zu konzipieren und auf deren Basis Nutzererfahrungen zu entwickeln.


Im nächsten Teil setzen wir uns mit Jakob Nielsens Heuristiken auseinander, um so zu verstehen, wie wir Systeme und Produkte für User konzipieren.


Anschließend lernen wir konkrete Ansätze des User Experience Design Prozesses kennen. Dabei behandeln wir die drei erfolgreichsten Ansätze im Detail:

  • Design Thinking

  • Lean UX

  • Lean Development


Nachdem wir die Theorie verstanden haben beginnen wir damit die Grundlage für unseren Prototypen zu schaffen, indem wir gemeinsam eine Informationsarchitektur erstellen und die Vorteile von visuellen Prototypen kennenlernen. Wir behandeln ausführlich die Grundlagen des User Interface Designs und lernen Dinge wie Farbenlehre, Typographie und Animationen.


Im finalen Praxis-Abschnitt verwenden wir alles bisher Gelernte, um mithilfe des Prototyping-Tools Adobe XD eine Website zu konzipieren. Vorkenntnisse sind keine erforderlich, da wir das Programm von Grund auf kennen lernen. Zunächst entwickeln wir einen Wireframe, später dann sogar einen voll funktionsfähigen High Fidelity Prototypen.

Zusätzlich gibt es noch jede Menge Tipps, Tricks und Tutorials für den Umgang mit Adobe XD und die Konzeption weiterer Prototypen, sowie das Erstellen von eigenen Animationen.


Dieser Kurs richtet sich vor allem an Einsteiger, die User Experience und User Interface Design praxisnah lernen möchten. Durch die Mischung von Theorie und Praxis bietet der Kurs die perfekte Grundlage für angehende User Experience Designer.

Who this course is for:
  • Jeder, der sich für User Experience Design oder User Interface Design interessiert
  • Jeder, der sich für Prototyping mit der Software Adobe XD interessiert
  • Dieser Kurs ist für Anfänger und Fortgeschrittene im Bereich User Experience Design, User Interface Design und Adobe XD gedacht
Course content
Expand all 77 lectures 08:52:44
+ Einleitung
2 lectures 10:22
User Interface Design und User Experience Design einfach erklärt
08:01
+ Human Centered Design - Den Menschen als Zentrum unseres Designs sehen
11 lectures 47:07
Einführung in Human Centered Design nach Don Norman
02:07
Personas, User Stories und Szenarios
06:06
Was sind Personas?
04:06
Persona Recherche und Affinitätsdiagramme
05:17
Übungsaufgabe: Personas verfassen mithilfe unserer Vorlage
00:18
Was sind Use Cases?
03:32
Beispiel für ein Use Case nach Alistair Cockburn
00:50
User Research - Methoden
12:52
Empathy Maps
04:59
Mentale Modelle
05:48
+ Usability - Jakob Nielsens 10 Heuristiken
3 lectures 22:06
Systeme müssen transparent, genormt und frei bedienbar sein
08:23
Systeme müssen Fehler vermeiden, intuitiv bedienbar und flexibel sein
05:51
Systeme müssen einer klaren Struktur folgen und Benutzer unterstützen
07:52
+ Konkrete User Experience Design Ansätze
3 lectures 27:54
Design Thinking - Probleme kreativ lösen
08:57
Lean Development - Ressourcen effizient einsetzen und agil arbeiten
09:22
Lean UX bedeutet konstante Verbesserung
09:35
+ Informationsarchitektur, Prototypen & Wireframes
6 lectures 22:42
Was ist Informationsarchitektur?
06:24
Informationen strukturieren mithilfe von Card Sorting
06:09
Mithilfe von Card Sorting sinnvolle Menüs erstellen
00:14
Visuelles Prototyping
06:58
Mood Board
00:13
Erstellung eines Design Briefs
02:44
+ User Interface Design - Farbenlehre
6 lectures 26:04
Einführung in Farbtheorie
04:28
Kombination und Schemas
04:11
Einführung in das HSB-Format (Hue, Saturation, Brightness)
05:26
Verwendung des HSB-Formats
01:57
Farbpsychologie Teil 1
05:21
Farbpsychologie Teil 2
04:41
+ User Interface Design - Typographie
4 lectures 20:56
Einführung in Typographie
04:15
Schrift
05:38
Positionierung
05:12
Lesbarkeit
05:51
+ User Interface Design - Animationen & Bewegung
10 lectures 49:37
Einführung in Bewegung und Animation
06:04
Hierarchie und Ebenen von Bewegung
07:03
Animation als Mittel zur Kommunikation und für Feedback
04:49
Animierte Mini-Tutorials
03:16
Mit Animationen Charakter und Empathie schaffen
03:23
Anatomie von Übergangsanimationen
04:50
Kontinuuität von Animationen 1
07:14
Kontinuuität von Animationen 2
01:53
Geschwindigkeit von Animationen 1
05:16
Geschwindigkeit von Animationen 2
05:49
+ Adobe XD - Einführung und Wireframe Prototyp
12 lectures 01:41:01
Adobe XD - Download und Installation
03:33
Adobe XD - Überblick über die Programmoberfläche
04:23
Adobe XD - Neues Projekt anlegen und Breite und Höhe des Prototypen festlegen
12:07
Adobe XD - Exkurs Google Analytics für Analyse der Daten zu Bildschirmgrößen
04:09
Adobe XD - Wireframe Hero Header
13:13
Adobe XD - Wireframe Intro Section
08:57
Adobe XD - Wireframe Portfolio Section
12:40
Adobe XD - Wireframe Testimonial Section Teil 1
06:10
Adobe XD - Exkurs Shapes
12:07
Adobe XD - Wireframe Testimonial Section Teil 2
05:35
Adobe XD - Wireframe Contact Section
07:39
Adobe XD - Wireframe Rückblick
10:28
+ Adobe XD - Interaktionen, Komponenten und Freigaben
6 lectures 48:34
Wireframe Challenge (Downloadable XD Projekt)
04:22
Beispiel: Low Fidelity Prototypen - Papier und Wireframe - Multiple Screens
00:24
Wiederverwendbare Komponenten mit Adobe XD erstellen und verwenden
12:37
Einführung in Interaktionen mit Adobe XD
10:17
Tricks für Interaktionen in Adobe XD
10:05
Freigaben, Feedback und Tests in Adobe XD
10:49