„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
Offrez à votre carrière le cadeau de Coursera Plus avec $160 de réduction, facturé annuellement. Économisez aujourd’hui.
Dynamische Benutzeroberflächen für Websites erstellen
Ce cours fait partie de Google UX Design (DE) Certificat Professionnel
Instructeur : Google Career Certificates
Enseignant de premier plan
Inclus avec 
Obtenez un aperçu d'un sujet et apprenez les principes fondamentaux.
niveau Débutant
Aucune connaissance prérequise
39 heures pour terminer
3 semaines à 13 heures par semaine
Planning flexible
Apprenez à votre propre rythme
Ce que vous apprendrez
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
Compétences que vous acquerrez
- Catégorie : User Experience (UX)
- Catégorie : Usability-Tests
- Catégorie : Adobe XD
- Catégorie : Prototyp
- Catégorie : User Experience Design (UXD)
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Évaluations
41 quizzes
Enseigné en Allemand
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Élaborez votre expertise en Design and Product
Ce cours fait partie de la Google UX Design (DE) Certificat Professionnel
Lorsque vous vous inscrivez à ce cours, vous êtes également inscrit(e) à ce Certificat Professionnel.
- Apprenez de nouveaux concepts auprès d'experts du secteur
- Acquérez une compréhension de base d'un sujet ou d'un outil
- Développez des compétences professionnelles avec des projets pratiques
- Obtenez un certificat professionnel partageable auprès de Google
Obtenez un certificat professionnel
Ajoutez cette qualification à votre profil LinkedIn ou à votre CV
Partagez-le sur les réseaux sociaux et dans votre évaluation de performance
Il y a 6 modules dans ce cours
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.
Inclus
13 vidéos16 lectures8 quizzes1 évaluation par les pairs5 sujets de discussion
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.
Inclus
9 vidéos8 lectures5 quizzes1 évaluation par les pairs2 sujets de discussion1 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.
Inclus
12 vidéos13 lectures4 quizzes1 évaluation par les pairs1 sujet de discussion2 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.
Inclus
9 vidéos12 lectures7 quizzes1 évaluation par les pairs2 sujets de discussion
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!
Inclus
11 vidéos15 lectures9 quizzes1 évaluation par les pairs2 sujets de discussion
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.
Inclus
15 vidéos10 lectures8 quizzes1 évaluation par les pairs2 sujets de discussion
Instructeur
Offert par
Recommandé si vous êtes intéressé(e) par Design and Product
Google
Coursera Project Network
Coursera Project Network
Coursera Project Network
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Ouvrez de nouvelles portes avec Coursera Plus
Accès illimité à plus de 7 000 cours de renommée internationale, à des projets pratiques et à des programmes de certificats reconnus sur le marché du travail, tous inclus dans votre abonnement
Faites progresser votre carrière avec un diplôme en ligne
Obtenez un diplôme auprès d’universités de renommée mondiale - 100 % en ligne
Rejoignez plus de 3 400 entreprises mondiales qui ont choisi Coursera pour les affaires
Améliorez les compétences de vos employés pour exceller dans l’économie numérique
Foire Aux 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.