Dynamische Benutzeroberflächen für Websites erstellen

Google via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Free Online Course (Audit)
Languages

German
Certificate

Paid Certificate Available
Duration & workload

1 day 15 hours 36 minutes
Sessions

On-Demand
Level

Beginner
Subtitles

German, English

Found in

Part of

Overview

„Responsives Web Design in Adobe XD“ ist der sechste Kurs des Zertifikatsprogramms, mit dem Sie die nötigen Fähigkeiten erwerben, um sich für Einstiegspositionen im Bereich User Experience Design (UX-Design) zu bewerben. In diesem Kurs entwerfen Sie mit dem beliebten Designtool Adobe XD eine responsive Website. Sie werden den gesamten Designprozess durchlaufen: sich in die Anwendenden hineinversetzen, ihre Probleme identifizieren, Ideen für Designlösungen finden, Wireframes und Prototypen erstellen, Designs testen und Feedback einholen. Am Ende des Kurses haben Sie ein neues Designprojekt, das Sie in Ihr professionelles UX-Portfolio aufnehmen können. Darüber hinaus lernen Sie, wie Sie nach Einstiegspositionen im Bereich UX-Design suchen, einen Lebenslauf erstellen, der Ihre Fähigkeiten und Leistungen hervorhebt, und Ihre professionelle Portfolio-Website aufbauen. Der Kurs wird von aktuell bei Google tätigen UX-Designschaffenden und UX-Forschenden geleitet. Bei praktischen Aktivitäten werden Sie reale UX-Designszenarien simulieren. Lernende, die die sieben Kurse dieses Zertifikatsprogramms absolvieren, können sich auf Einstiegspositionen im Bereich UX-Design bewerben. Nach Abschluss dieses Kurses können Sie: - Alle Schritte des UX-Designprozesses durchführen (Empathie aufbauen, Fokus definieren, Ideen entwickeln, Prototypen erstellen, Konzepte testen), um eine responsive Website zu erstellen - Designs mit dem beliebten Design-Tool Adobe XD entwickeln - Eine Informationsarchitektur planen und Sitemaps für Website-Designs erstellen - Gängige Layouts für Webseiten umsetzen - Usability-Studien planen und durchführen, um Feedback zu Ihren Designs einzuholen - Designs basierend auf Forschungserkenntnissen iterieren - Mit Designsystemen in Adobe XD arbeiten - Ihrem professionellen UX-Portfolio ein neues Designprojekt hinzufügen - [Optional] Einen UX-fokussierten Lebenslauf erstellen oder aktualisieren - [Optional] Erfahren, wie Sie nach Einstiegspositionen im Bereich UX suchen und sich darauf bewerben Dieser Kurs ist für UX-Designschaffende auf Anfängerniveau geeignet, die die vorherigen fünf Kurse des Google UX Design Certificate abgeschlossen haben. Alternativ müssen Lernende ein solides grundlegendes Verständnis von Designprozessen haben, Erfahrungen in der Erstellung von Wireframes, Modellen und Prototypen sowie Wissen zur Durchführung von Usability-Studien mitbringen. Es sind keine Vorkenntnisse in Adobe XD erforderlich.

Syllabus

Den UX-Designprozess beginnen: Empathie aufbauen und Fokus definieren

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.

Den UX-Designprozess fortsetzen: Ideen entwickeln

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.

Wireframes für eine responsive Website erstellen

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.

Low-Fidelity-Prototypen erstellen und testen

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.

High-Fidelity-Designs erstellen und testen

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!

Designarbeit dokumentieren und auf Jobsuche gehen

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.