„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
本课程是 Google UX Design (DE) 专业证书 的一部分

顶尖授课教师
包含在 中
您将学到什么
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
您将获得的技能
要了解的详细信息
了解顶级公司的员工如何掌握热门技能

积累 Design and Product 领域的专业知识
- 向行业专家学习新概念
- 获得对主题或工具的基础理解
- 通过实践项目培养工作相关技能
- 通过 Google 获得可共享的职业证书

该课程共有6个模块
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.
涵盖的内容
13个视频16篇阅读材料8个作业1次同伴评审5个讨论话题
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.
涵盖的内容
9个视频8篇阅读材料5个作业1次同伴评审2个讨论话题1个插件
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.
涵盖的内容
12个视频13篇阅读材料4个作业1次同伴评审1个讨论话题2个插件
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.
涵盖的内容
9个视频12篇阅读材料7个作业1次同伴评审2个讨论话题
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!
涵盖的内容
11个视频15篇阅读材料9个作业1次同伴评审2个讨论话题
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.
涵盖的内容
15个视频10篇阅读材料8个作业1次同伴评审2个讨论话题
获得职业证书
将此证书添加到您的 LinkedIn 个人资料、简历或履历中。在社交媒体和绩效考核中分享。
位教师

提供方
从 Design and Product 浏览更多内容
人们为什么选择 Coursera 来帮助自己实现职业发展




常见问题
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.
更多问题
提供助学金,
¹ 本课程的部分作业采用 AI 评分。对于这些作业,将根据 Coursera 隐私声明使用您的数据。