„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.
Dynamische Benutzeroberflächen für Websites erstellen
This course is part of Google UX Design (DE) Professional Certificate
Instructor: Google Career Certificates
Top Instructor
Included with
What you'll learn
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
Details to know
Add to your LinkedIn profile
41 quizzes
See how employees at top companies are mastering in-demand skills
Build your Design and Product expertise
- Learn new concepts from industry experts
- Gain a foundational understanding of a subject or tool
- Develop job-relevant skills with hands-on projects
- Earn a shareable career certificate from Google
Earn a career certificate
Add this credential to your LinkedIn profile, resume, or CV
Share it on social media and in your performance review
There are 6 modules in this course
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.
What's included
13 videos16 readings8 quizzes1 peer review5 discussion prompts
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.
What's included
9 videos8 readings5 quizzes1 peer review2 discussion prompts1 plugin
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.
What's included
12 videos13 readings4 quizzes1 peer review1 discussion prompt2 plugins
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.
What's included
9 videos12 readings7 quizzes1 peer review2 discussion prompts
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!
What's included
11 videos15 readings9 quizzes1 peer review2 discussion prompts
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.
What's included
15 videos10 readings8 quizzes1 peer review2 discussion prompts
Instructor
Offered by
Recommended if you're interested in Design and Product
Coursera Project Network
Google
Coursera Project Network
Coursera Project Network
Why people choose Coursera for their career
New to Design and Product? Start here.
Open new doors with Coursera Plus
Unlimited access to 7,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription
Advance your career with an online degree
Earn a degree from world-class universities - 100% online
Join over 3,400 global companies that choose Coursera for Business
Upskill your employees to excel in the digital economy
Frequently asked questions
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.