Dynamische Benutzeroberflächen für Websites erstellen from Coursera

„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.

What's inside

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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Develops core UX principles and skills that will be useful in a professional career

First hands-on experience with Adobe XD

Taught by Google UX Designers, who are recognized for their work in the industry

Provides a strong UX research foundation that meets industry standards

Examines UX design methods that are highly relevant to industry

Builds on previous courses to strengthen existing foundation in UX

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Dynamische Benutzeroberflächen für Websites erstellen with these activities:

Adobe XD-Tutorial absolvieren

Show steps

Hilft Ihnen, sich mit Adobe XD vertraut zu machen und Ihre Kenntnisse zu vertiefen.

Browse courses on Adobe XD

Show steps

Finden Sie ein Tutorial für Anfänger zu Adobe XD im Internet.
Folgen Sie dem Tutorial Schritt für Schritt, um die Grundlagen von Adobe XD zu erlernen.

An UX-Design-Meetups teilnehmen

Show steps

Ermöglicht es Ihnen, sich mit Fachleuten aus der UX-Branche zu vernetzen, neue Perspektiven zu gewinnen und von ihren Erfahrungen zu lernen.

Browse courses on Networking

Show steps

Suchen Sie online nach UX-Design-Meetups in Ihrer Nähe.
Nehmen Sie an Meetups teil und stellen Sie sich Fachleuten aus der Branche vor.
Tauschen Sie Ideen aus, stellen Sie Fragen und erfahren Sie mehr über die neuesten Trends im UX-Design.

Portfolio erstellen

Show steps

Hilft Ihnen, Ihre UX-Design-Arbeiten zu organisieren und ein Portfolio für potenzielle Arbeitgeber zu erstellen.

Browse courses on Portfolio

Show steps

Sammeln Sie Ihre besten UX-Design-Projekte von diesem Kurs und anderen Quellen.
Erstellen Sie eine Online-Präsenz oder eine Portfolio-Website, um Ihre Arbeiten zu präsentieren.

Show all three activities

Career center

Learners who complete Dynamische Benutzeroberflächen für Websites erstellen will develop knowledge and skills that may be useful to these careers:

User Experience Designer

User Experience Designers (UX Designers) are responsible for the overall user experience of a product or service. They work to ensure that products are easy to use, enjoyable to use, and meet the needs of the user. This course can help you develop the skills you need to be a successful UX Designer. You'll learn about the UX design process, user research methods, and how to design for different users and contexts.

See salaries and explore the career path for User Experience Designer

Product Designer

Product Designers are responsible for the overall design of a product, including its features, functionality, and user interface. They work closely with other members of the product development team to bring a product from concept to launch. This course can help you develop the skills you need to be a successful Product Designer. You'll learn about the product design process, user research methods, and how to design for different users and contexts.

See salaries and explore the career path for Product Designer

UX Researcher

UX Researchers conduct research to understand the needs of users. They use this research to inform the design of products and services. This course can help you develop the skills you need to be a successful UX Researcher. You'll learn about user research methods, data analysis, and how to communicate research findings to stakeholders.

See salaries and explore the career path for UX Researcher

UX Consultant

UX Consultants help organizations improve the user experience of their products and services. They work with clients to identify pain points and develop solutions. This course can help you develop the skills you need to be a successful UX Consultant. You'll learn about UX design principles, user research methods, and how to communicate research findings to stakeholders.

See salaries and explore the career path for UX Consultant

Content Strategist

Content Strategists plan and manage the creation and delivery of content. They work with UX Designers to ensure that content is clear, concise, and meets the needs of users. This course can help you develop the skills you need to be a successful Content Strategist. You'll learn about content strategy principles, user research methods, and how to write for different audiences.

See salaries and explore the career path for Content Strategist

Visual Designer

Visual Designers create the visual elements of websites and applications. They work with UX Designers to bring the user experience to life. This course can help you develop the skills you need to be a successful Visual Designer. You'll learn about design principles, typography, and how to use color and imagery effectively.

See salaries and explore the career path for Visual Designer

UX Educator

UX Educators teach the principles and practices of UX design. They work with students to develop the skills they need to be successful UX designers. This course can help you develop the skills you need to be a successful UX Educator. You'll learn about UX design principles, user research methods, and how to teach effectively.

See salaries and explore the career path for UX Educator

Front-End Developer

Front-End Developers are responsible for the design and development of the user interface of a website or application. They work with UX Designers to bring the user experience to life, and with Back-End Developers to ensure that the website or application functions properly. This course can help you develop the skills you need to be a successful Front-End Developer. You'll learn about HTML, CSS, and JavaScript, as well as the principles of responsive design.

See salaries and explore the career path for Front-End Developer

Information Architect

Information Architects design and organize the structure and content of websites and applications. They work with UX Designers to ensure that users can easily find the information they need. This course can help you develop the skills you need to be a successful Information Architect. You'll learn about information architecture principles, content strategy, and how to design for different users and contexts.

See salaries and explore the career path for Information Architect

UX Writer

UX Writers write the text that users see on websites and applications. They work with UX Designers to ensure that the text is clear, concise, and meets the needs of users. This course can help you develop the skills you need to be a successful UX Writer. You'll learn about UX writing principles, user research methods, and how to write for different audiences.

See salaries and explore the career path for UX Writer

Accessibility Specialist

Accessibility Specialists ensure that websites and applications are accessible to people with disabilities. They work with UX Designers and other members of the product development team to identify and remove barriers to access. This course can help you develop the skills you need to be a successful Accessibility Specialist. You'll learn about accessibility principles, user research methods, and how to test for accessibility.

See salaries and explore the career path for Accessibility Specialist

Design Systems Manager

Design Systems Managers are responsible for the creation and maintenance of design systems. They work with UX Designers and other members of the product development team to ensure that all products and services have a consistent look and feel. This course can help you develop the skills you need to be a successful Design Systems Manager. You'll learn about design systems principles, version control, and how to manage a team of designers.

See salaries and explore the career path for Design Systems Manager

Interaction Designer

Interaction Designers plan, design, evaluate, and refine interactive digital products, considering both the creative and technical aspects of the user experience. They create prototypes and wireframes, conduct user research, and work closely with other members of the product development team. This course can help you develop the skills you need to be a successful Interaction Designer. You'll learn how to conduct user research, create prototypes and wireframes, and design for different devices and platforms. You'll also learn about the latest trends in UX design.

See salaries and explore the career path for Interaction Designer

Service Designer

Service Designers design and improve the delivery of services. They work with customers, employees, and other stakeholders to identify pain points and develop solutions. This course can help you develop the skills you need to be a successful Service Designer. You'll learn about service design principles, user research methods, and how to design for different users and contexts.

See salaries and explore the career path for Service Designer

Motion Designer

Motion Designers create animations and other visual effects for websites and applications. They work with UX Designers to bring the user experience to life. This course can help you develop the skills you need to be a successful Motion Designer. You'll learn about animation principles, After Effects, and how to create engaging and effective animations.

See salaries and explore the career path for Motion Designer

Dynamische Benutzeroberflächen für Websites erstellen

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses