High-Fidelity-Designs und Prototypen in Figma Erstellen

Google via Coursera

Go to class Write review

Details

Go to class

Provider

Coursera
Pricing

Free Online Course (Audit)
Languages

German
Certificate

Paid Certificate Available
Duration & workload

1 day 9 hours 20 minutes
Sessions

On-Demand
Level

Beginner
Subtitles

German, English

Found in

Part of

Overview

Class Central Tips

„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. 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: - Modelle und High-Fidelity-Prototypen in Figma erstellen - Gängige visuelle Designelemente und -prinzipien auf Designs anwenden - Zeigen, wie Designs mithilfe von Designsystemen organisiert, standardisiert und verbessert werden können - Die Rollen von Designkritiksitzungen und Feedback während der Iteration von Designs beschreiben - Fertige Designprojekte an Engineering-Teams übergeben - Designs für mobile Apps zur Aufnahme in ein professionelles UX-Portfolio fertigstellen Dieser Kurs ist für UX-Designschaffende auf Anfängerniveau geeignet, die die vorherigen vier Kurse des Google UX Design Certificate abgeschlossen haben. Alternativ sollten Lernende, die die vorherigen Kurse nicht abgeschlossen haben, über ein solides Verständnis des Designprozesses, der Erstellung von Low-Fidelity-Designs auf Papier und in Figma sowie der Durchführung von Usability-Studien verfügen.

Syllabus

Mit dem Erstellen von Modellen beginnen

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.

Visuelle Designprinzipien auf Modelle anwenden

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.

Designsysteme entdecken

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.

An Designkritiksitzungen teilnehmen

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.

High-Fidelity-Prototypen erstellen

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.

Designs testen und iterieren

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.