„High-Fidelity-Designs und Prototypen in Figma erstellen“ ist der fünfte 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 lernen Sie anhand von Schritt-für-Schritt-Anleitungen, wie Sie in dem beliebten Designtool Figma „Mockups“ (Modelle) genannte High-Fidelity-Designs erstellen. Anschließend verwandeln Sie diese Designs in interaktive Prototypen, die wie ein fertiges Produkt funktionieren. Sie führen Forschungen durch, um Feedback zu Ihren Designs einzuholen und Verbesserungen vorzunehmen. Schlussendlich erfahren Sie, wie Sie Ihre Designs mit den Entwicklungsteams teilen und Ihre Arbeit in Ihrem professionellen UX-Portfolio hervorheben.
Give your career the gift of Coursera Plus with $160 off, billed annually. Save today.
High-Fidelity-Designs und Prototypen in Figma Erstellen
This course is part of Google UX Design (DE) Professional Certificate
Instructor: Google Career Certificates
Top Instructor
Included with
What you'll learn
Modelle und High-Fidelity-Prototypen im Designtool Figma erstellen
Gängige visuelle Designelemente und -prinzipien definieren und anwenden
Die Verwendung von Designsystemen zur Organisation, Standardisierung und Verbesserung von Designs demonstrieren
Die Rolle von Designkritiksitzungen und Feedback während der Iteration von Designs beschreiben
Skills you'll gain
Details to know
Add to your LinkedIn profile
39 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
Konzentrieren Sie sich auf das visuelle Design, also wie ein Produkt oder eine Technologie den Nutzenden angezeigt wird. In diesem Teil des Kurses beginnen Sie damit, Modelle zu erstellen. Dabei handelt es sich um High-Fidelity-Designs, die ein Endprodukt darstellen. Um Modelle zu erstellen, verwenden Sie visuelle Designelemente, wie Typografie, Farbe und Symbole. Die Elemente werden häufig in Layouts angeordnet, die Methoden wie Raster, Begrenzungen und Freiräume (negative Räume) anwenden. Sie wenden alle Erkenntnisse aus dem visuellen Design an, um die Designs für mobile Apps weiter auszubauen, an denen Sie in diesem Zertifikatsprogramm gearbeitet haben.
What's included
16 videos24 readings12 quizzes1 peer review2 discussion prompts2 plugins
In diesem Teil des Kurses verwenden Sie visuelle Designprinzipien, um Ihre Modelle zu überarbeiten. Als Erstes verwenden Sie Betonung, um Nutzende zu den wichtigsten Bereichen einer Seite zu leiten. Dann wenden Sie Hierarchie, Maßstab und Proportion an, um die Elemente auf den einzelnen Seiten Ihrer App zu organisieren. Als Nächstes sorgen Sie mit Einheit und Vielfalt dafür, dass Elemente Ihrer App zusammenwirken oder sich voneinander abheben. Schließlich greifen Sie auf die Gestaltprinzipien wie Ähnlichkeit, Nähe und gemeinsame Region zurück, damit die Nutzenden Ihre Designs einfach interpretieren können.
What's included
8 videos11 readings7 quizzes1 peer review2 discussion prompts1 plugin
Entdecken Sie die Welt der Designsysteme! In diesem Teil des Kurses lernen Sie die einzelnen Bestandteile eines Designsystems und die Vorteile der Verwendung eines Designsystems kennen. Sie untersuchen die Designsysteme verschiedener Unternehmen und haben die Möglichkeit, diese in Ihren eigenen Modellen zu verwenden. Sie erfahren außerdem, wie Sie Sticker Sheets in Figma verwenden und erstellen können.
What's included
9 videos5 readings5 quizzes1 discussion prompt
Das Geben, Erhalten und Umsetzen von Feedback ist ein notwendiger Bestandteil des UX-Designprozesses. In diesem Teil des Kurses lernen Sie effektive Methoden für das Geben und Erhalten von Feedback kennen. Außerdem erfahren Sie mehr über Designkritiksitzungen, die in Ihrem ersten Job als UX-Designschaffende eine wichtige Rolle spielen werden. Zu guter Letzt werden Sie sehen, wie Sie aus dem Feedback konkrete Schritte zur Überarbeitung der Designs entwickeln können.
What's included
10 videos2 readings4 quizzes2 discussion prompts1 plugin
Jetzt sind Sie bereit, High-Fidelity-Prototypen in Figma zu erstellen. In sechs Schritten verwandeln Sie Ihre Modelle in einen Prototyp, der getestet werden kann. Zusätzlich lernen Sie zwei neue Konzepte kennen: Gesten und Bewegungen. Diese können die User Experience bereichern und die Nutzungsfreundlichkeit von Prototypen erhöhen.
What's included
9 videos4 readings3 quizzes1 peer review
Da Sie nun über einen High-Fidelity-Prototyp verfügen, ist es an der Zeit, Ihre Designs zu testen. Zuerst führen Sie eine Usability-Studie durch, um Ihren High-Fidelity-Prototyp für eine mobile App zu testen. Sie analysieren das Feedback, das Sie dann erhalten, um handlungsrelevante Erkenntnisse zu gewinnen und Ihre Designs zu iterieren. Anschließend erfahren Sie, wie Sie Designs zur Produktion an das Engineering-Team übergeben. Schließlich setzen Sie alles, was Sie über Nutzungsforschung, Ideenentwicklung, Wireframes, Designs und Prototypen gelernt haben, in eine Fallstudie für Ihr berufliches UX-Portfolio um.
What's included
12 videos12 readings8 quizzes1 peer review3 discussion prompts
Instructor
Offered by
Recommended if you're interested in Design and Product
Google
University of Maryland, College Park
Adobe
Indian Institute of Technology Guwahati
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 fünfte 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 vier 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
Alternativ sollten Sie Erfahrung in der Durchführung von Nutzungsstudien haben, um Empathie zu den Nutzenden aufbauen und spezifische Probleme der Nutzenden bestimmen zu können. Sie sollten außerdem in der Lage sein, Personas, User Storys und User Journey Maps zu erstellen sowie Problembeschreibungen und Nutzenversprechen zu entwerfen. Sie müssen wissen, wie Wireframes und Low-Fidelity-Prototypen auf Papier und im Designtool Figma erstellt werden. 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.
In den sieben Kursen des Google UX Design Certificate werden die Designtools Figma und Adobe XD behandelt. Dieser Kurs konzentriert sich auf die Erstellung von Designs in Figma.
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.