„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.
Schenken Sie Ihrer Karriere Coursera Plus mit einem Rabatt von $160 , der jährlich abgerechnet wird. Sparen Sie heute.
Dynamische Benutzeroberflächen für Websites erstellen
Dieser Kurs ist Teil von Google UX Design (DE) (berufsbezogenes Zertifikat)
Dozent: Google Career Certificates
TOP-LEHRKRAFT
Bei enthalten
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
Zu Ihrem LinkedIn-Profil hinzufügen
41 Quizzes
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Erweitern Sie Ihr Fachwissen im Bereich Design and Product
- 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
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.
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
von
Empfohlen, wenn Sie sich für Design and Product interessieren
Google
Coursera Project Network
Coursera Project Network
Coursera Project Network
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
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
UX-Designschaffende beschäftigen sich mit der User Experience, das heißt damit, wie Nutzende die Verwendung von Produkten wie Websites, Apps und physischen Objekten erleben. Sie sorgen dafür, dass diese alltäglichen Interaktionen nützlich, angenehm zu nutzen und barrierefrei zugänglich sind. UX-Designschaffende im Einstiegssegment entwickeln Ideen zur Lösung der Probleme von Nutzenden, führen Studien mit Nutzenden durch und entwerfen Wireframes, Modelle und Prototypen.
Wenn Sie gerne mit Menschen ins Gespräch kommen und sich in sie hineinversetzen können, kreativ denken und auf Details achten, könnte ein Job im UX-Design gut zu Ihnen passen
Dieser Kurs ist der sechste Kurs in einer Reihe von sieben Kursen, in denen Sie alles lernen, was Sie für Einstiegspositionen im Bereich User Experience Design benötigen. Wir empfehlen Ihnen dringend, die ersten fünf Kurse des Google UX Design Certificate zu absolvieren, bevor Sie diesen abschließen:
- Kurs 1:Grundlagen des User Experience Designs (UXD)
- Kurs 2:Den UX-Designprozess beginnen: Empathie aufbauen, Fokus definieren und Ideen entwickeln
- Kurs 3:Wireframes und Low-Fidelity-Prototypen erstellen
- Kurs 4:UX-Forschung durchführen und erste Konzepte testen
- Kurs 5:High-Fidelity-Designs und Prototypen in Figma erstellen
Wenn Sie diesen als ersten Kurs des Zertifikatsprogramms belegen wollen, sollten Sie alternativ Erfahrung in der Durchführung von Nutzungsstudien haben, um Empathie zu den Nutzenden aufbauen und spezifische Probleme bestimmen zu können. Sie müssen in der Lage sein, Personas, User Storys, User Journey Maps und Problembeschreibungen zu erstellen. Sie müssen zudem wissen, wie man Wireframes und Low-Fidelity-Prototypen auf dem Papier und im Designtool Figma erstellt. Es ist hilfreich, Erfahrung in der Durchführung von Usability-Studien und in der Iteration von Designs zu haben. Für den Fall, dass Sie mit einem dieser Themen nicht vertraut sind: Sie werden in den vorangehenden Kursen des Google UX Design Certificate behandelt.
Im Google UX Design Certificate werden die Designtools Adobe XD und Figma behandelt. Dieser Kurs konzentriert sich auf die Erstellung von Designs in Adobe XD. Lernende haben neun Monate lang kostenlosen Zugriff auf die Einzelprodukt-Version von Adobe XD und können damit unbegrenzt Links zu Prototypen teilen. Sie müssen Kurs 1 (einschließlich aller benoteten Aufgaben) des Google UX Design Certificate absolvieren, um dieses Angebot nutzen zu können. Zur Erinnerung: Dieses Angebot gilt exklusiv für Teilnehmende des Google UX Design Certificate, und Sie dürfen dieses Abonnement nicht weiterverkaufen, verleihen oder mit anderen teilen. Nachdem Teilnehmende Kurs 1 abgeschlossen haben, erhalten sie eine E-Mail und eine Coursera-Nachricht mit Anweisungen zum Einlösen der Angebote.
Auch Tabellenkalkulationen, Textverarbeitungsprogramme und Präsentationstools werden eingesetzt. Im Laufe des Kurses werden Sie mit der Plattform Ihrer Wahl ein professionelles Portfolio erstellen, in dem Sie Ihre UX-Designarbeiten präsentieren können.