Google
Dynamische Benutzeroberflächen für Websites erstellen
Google

Dynamische Benutzeroberflächen für Websites erstellen

Dieser Kurs ist Teil von Google UX Design (DE) Zertifikat über berufliche Qualifikation

Unterrichtet auf Deutsch

Google Career Certificates

TOP-LEHRKRAFT

Bei Coursera Plus enthalten

Kurs

Informieren Sie sich über ein Thema und erlernen Sie die Grundlagen.

Stufe Anfänger
Keine Vorkenntnisse erforderlich
39 Stunden (ungefähr)
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Alle Schritte des UX-Designprozesses durchführen um eine responsive Website in Adobe XD zu erstellen

  • Eine Informationsarchitektur planen und Sitemaps für Website-Designs erstellen 

  • Gängige Layouts für Webseiten umsetzen

  • Ein Designprojekt abschließen und in Ihr professionelles UX-Portfolio aufnehmen 

Kompetenzen, die Sie erwerben

  • Kategorie: User Experience (UX)
  • Kategorie: Usability-Tests
  • Kategorie: Adobe XD
  • Kategorie: Prototyp
  • Kategorie: User Experience Design (UXD)

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

41 Quizzes

Kurs

Informieren Sie sich über ein Thema und erlernen Sie die Grundlagen.

Stufe Anfänger
Keine Vorkenntnisse erforderlich
39 Stunden (ungefähr)
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

Platzhalter

Erweitern Sie Ihr Fachwissen im Bereich Design and Product

Dieser Kurs ist Teil der Spezialisierung Google UX Design (DE) Zertifikat über berufliche Qualifikation
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für dieses Berufszertifikat angemeldet.
  • Lernen Sie neue Konzepte von Branchenexperten
  • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
  • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
  • Erwerben Sie ein Berufszertifikat von Google zur Vorlage
Platzhalter
Platzhalter

Erwerben Sie ein Karrierezertifikat.

Fügen Sie diese Qualifikation zur Ihrem LinkedIn-Profil oder Ihrem Lebenslauf hinzu.

Teilen Sie es in den sozialen Medien und in Ihrer Leistungsbeurteilung.

Platzhalter

In diesem Kurs gibt es 6 Module

Wir beginnen mit den Grundlagen des responsiven Webdesigns. Zum Erstellen einer responsiven Website führen Sie die Schritte des UX-Designprozesses aus: Empathie aufbauen, Fokus definieren, Ideen entwickeln, Prototypen erstellen und Testen. In diesem Teil des Kurses durchlaufen Sie ie Phasen „Empathie aufbauen“ und „Fokus definieren“. Darüber hinaus lernen Sie Adobe XD kennen, ein beliebtes Designtool, das Sie in diesem Kurs verwenden werden.

Das ist alles enthalten

13 Videos16 Lektüren8 Quizzes1 peer review5 Diskussionsthemen

Ihr Projekt für ein responsives Website-Design ist angelaufen. In diesem Teil des Kurses gehen Sie in die Phase der Ideenentwicklung im Designprozess über. Damit Sie Ideen für Designlösungen finden, führen Sie einen Wettbewerbsaudit sowie die Aktivität „How Might We“ durch und skizzieren Ideen mit „Crazy Eights“. Außerdem erfahren Sie, wie wichtig die Informationsarchitektur und Sitemaps beim Entwerfen von Websites sind.

Das ist alles enthalten

9 Videos8 Lektüren5 Quizzes1 peer review2 Diskussionsthemen1 Plug-in

Nachdem Sie Empathie mit den Nutzenden aufgebaut, das zu lösende Problem der Nutzenden definiert und mit der Entwicklung von Ideen für mögliche Lösungen begonnen haben, ist es an der Zeit, Ihre Ideen in Wireframes zum Leben zu erwecken. Ihre responsive Website wird – abhängig von dem Gerät und der Bildschirmgröße, für die Sie eine Website gestalten – verschiedene Layouts haben, sodass Sie viele verschiedene Wireframes erstellen werden. Zunächst sehen Sie sich gängige Website-Layouts an und erstellen Papier-Wireframes. Als Nächstes lernen Sie einige Elemente und Komponenten kennen, die häufig beim responsiven Webdesign verwendet werden. Anschließend gehen Sie zum Erstellen digitaler Wireframes in Adobe XD über. Und abschließend werden Sie Ihre Wireframes aktualisieren und optimieren, um die Barrierefreiheit zu verbessern.

Das ist alles enthalten

12 Videos13 Lektüren4 Quizzes1 peer review1 Diskussionsthema2 Plug-ins

Nachdem Sie nun digitale Wireframes in Adobe XD erstellt haben, ist es an der Zeit, einen Low-Fidelity-Prototyp zu erstellen, zu testen und zu iterieren. Zuerst lernen Sie, wie Sie in Adobe XD einen Low-Fidelity-Prototyp erstellen. Indem Sie eine Usability-Studie planen und durchführen, holen Sie Feedback zu Ihrem Prototyp ein. Anschließend nehmen Sie basierend auf den Erkenntnissen Ihrer Recherche Änderungen an Ihren Low-Fidelity-Designs vor.

Das ist alles enthalten

9 Videos12 Lektüren7 Quizzes1 peer review2 Diskussionsthemen

In diesem Teil des Kurses erstellen Sie Modelle Ihrer responsiven Website in Adobe XD. Sie arbeiten auch weiter mit Designsystemen und nutzen Komponenten aus externen Designsystemen für das responsive Webdesign. Anschließend wandeln Sie Ihre Modelle in einen High-Fidelity-Prototyp um, indem Sie Verbindungen erstellen, Interaktionsdetails hinzufügen und die Animationen anpassen. Zuletzt testen Sie Ihren High-Fidelity-Prototyp im Rahmen einer Usability-Studie, um Feedback von unterschiedlichen Nutzenden zu erhalten. Am Ende dieses Kursteils ist Ihr responsives Webdesign fertig!

Das ist alles enthalten

11 Videos15 Lektüren9 Quizzes1 peer review2 Diskussionsthemen

Wenn Sie mit Ihren responsiven Webdesigns fertig sind, können Sie Ihre Arbeit mit anderen teilen. Zunächst lernen Sie, wie Sie Designs vorbereiten und an das Engineering-Team übergeben, das das Endprodukt erstellt. Außerdem fügen Sie Ihrem professionellen UX-Portfolio eine Fallstudie mit Ihren responsiven Webdesigns hinzu. Anschließend konzentrieren Sie sich auf Ihr übergeordnetes Ziel: einen Job im UX-Design zu finden. Sie erhalten Tipps und Tricks zum Durchsuchen von Stellenausschreibungen und erstellen einen überzeugenden Lebenslauf, in dem Sie ausdrücklich auf Ihre neuen UX-Fähigkeiten hinweisen.

Das ist alles enthalten

15 Videos10 Lektüren8 Quizzes1 peer review2 Diskussionsthemen

Dozent

Google Career Certificates

TOP-LEHRKRAFT

Google
324 Kurse10.577.388 Lernende

von

Google

Empfohlen, wenn Sie sich für Design and Product interessieren

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.
Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“
Jennifer J.
Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“
Larry W.
Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“
Chaitanya A.
„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“
Platzhalter

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu über 7.000 erstklassigen Kursen, praktischen Projekten und Zertifikatsprogrammen, die Sie auf den Beruf vorbereiten – alles in Ihrem Abonnement enthalten

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Häufig gestellte Fragen