High-Fidelity-Designs und Prototypen in Figma Erstellen from Coursera

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

What's inside

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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Dieses Programm bereitet die Lernenden auf Einstiegspositionen im UX-Design vor und konzentriert sich auf die praktische Anwendung

Die Kursinhalte vermitteln fundierte Kenntnisse in der Erstellung von High-Fidelity-Designs und interaktiven Prototypen mit Figma, einer branchenüblichen Software

Dieses Programm wird von Expertinnen und Experten aus der UX-Branche unterrichtet und bietet damit Zugang zu aktuellem Fachwissen

Die praktische Ausrichtung des Programms durch Simulationen realer UX-Designszenarien bereitet die Lernenden optimal auf die Praxis vor

Der Lehrplan deckt alle wichtigen Aspekte des UX-Designprozesses ab, von der Ideenfindung bis zur Entwicklung und Bewertung von Designs

Die erworbenen Fähigkeiten sind sowohl für die Industrie als auch für die akademische Laufbahn relevant

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 High-Fidelity-Designs und Prototypen in Figma Erstellen with these activities:

Organize your course notes and materials

Show steps

This activity will help you to stay organized and on top of your coursework.

Browse courses on Organization

Show steps

Create a system for organizing your notes and materials.
File your notes and materials in an orderly manner.
Review your notes and materials regularly.

Complete Figma tutorials

Show steps

These tutorials will help you to master the basics of Figma, which is essential for success in this course.

Browse courses on Figma

Show steps

Complete the Figma beginner tutorial.
Complete the Figma prototyping tutorial.
Complete the Figma UI design tutorial.

Read "The Design of Everyday Things"

Show steps

This book provides a foundation for understanding the principles of good design, which will be essential for your success in this course.

View The Design of Everyday Things on Amazon

Show steps

Read the book cover-to-cover.
Take notes on the key concepts.
Apply the concepts to your own design work.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Follow a UX design course online

Show steps

This course will provide you with a comprehensive overview of UX design principles and best practices.

Browse courses on UX Design

Show steps

Choose a UX design course online.
Complete the course modules.
Participate in the course discussions.
Complete the course assignments.

Design a mobile app prototype

Show steps

This project will give you hands-on experience with the design process, from concept to prototype.

Browse courses on Figma

Show steps

Choose a problem to solve.
Sketch out your ideas.
Create a Figma prototype.
Test your prototype with users.
Iterate on your design.

Attend a UX design meetup

Show steps

This event will give you the opportunity to meet other UX designers and learn about the latest trends in the field.

Browse courses on UX Design

Show steps

Find a UX design meetup in your area.
Attend the meetup.
Network with other UX designers.

Write a blog post about UX design

Show steps

This activity will help you to solidify your understanding of UX design principles and communicate them effectively to others.

Browse courses on UX Design

Show steps

Choose a topic to write about.
Research your topic.
Write your blog post.
Edit and proofread your post.
Publish your post.

Design a user interface for a website

Show steps

This deliverable will showcase your skills in user interface design and provide you with a valuable portfolio piece.

Browse courses on UI Design

Show steps

Choose a website to redesign.
Analyze the existing design.
Create a new design in Figma.
Test your design with users.
Finalize your design.

Career center

Learners who complete High-Fidelity-Designs und Prototypen in Figma Erstellen will develop knowledge and skills that may be useful to these careers:

UX Designer

User Experience (UX) Designers are responsible for creating the interactions and visual elements of digital products, such as websites and mobile apps. This course will help you develop the skills and knowledge you need to become a successful UX Designer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in UX design and prepare you for a successful career in this field.

See salaries and explore the career path for UX Designer

Mobile App Designer

Mobile App Designers are responsible for creating the visual and functional elements of mobile apps. This course will help you develop the skills and knowledge you need to become a successful Mobile App Designer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in mobile app design and prepare you for a successful career in this field.

See salaries and explore the career path for Mobile App Designer

Web Designer

Web Designers are responsible for creating the visual and functional elements of websites. This course will help you develop the skills and knowledge you need to become a successful Web Designer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in web design and prepare you for a successful career in this field.

See salaries and explore the career path for Web Designer

Interaction Designer

Interaction Designers are responsible for creating the interactions between users and digital products. This course will help you develop the skills and knowledge you need to become a successful Interaction Designer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in interaction design and prepare you for a successful career in this field.

See salaries and explore the career path for Interaction Designer

Product Designer

Product Designers are responsible for creating the overall user experience of a product, from the initial concept to the final product. This course will help you develop the skills and knowledge you need to become a successful Product Designer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in product design and prepare you for a successful career in this field.

See salaries and explore the career path for Product Designer

User Researcher

User Researchers are responsible for conducting research to understand the needs and behaviors of users. This course will help you develop the skills and knowledge you need to become a successful User Researcher. You will learn how to conduct usability studies and analyze feedback. Taking this course will help you build a strong foundation in user research and prepare you for a successful career in this field.

See salaries and explore the career path for User Researcher

Prototyper

Prototypers are responsible for creating interactive prototypes of digital products. This course will help you develop the skills and knowledge you need to become a successful Prototyper. You will learn how to create high-fidelity prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in prototyping and prepare you for a successful career in this field.

See salaries and explore the career path for Prototyper

Visual Designer

Visual Designers are responsible for creating the visual elements of digital products. This course will help you develop the skills and knowledge you need to become a successful Visual Designer. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a strong foundation in visual design and prepare you for a successful career in this field.

See salaries and explore the career path for Visual Designer

Design Manager

Design Managers are responsible for overseeing the design team and ensuring that the design process is followed. This course will help you develop the skills and knowledge you need to become a successful Design Manager. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a strong foundation in design management and prepare you for a successful career in this field.

See salaries and explore the career path for Design Manager

UX Writer

UX Writers are responsible for writing the text that users see in digital products. This course may help you develop the skills and knowledge you need to become a successful UX Writer. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a foundation in UX writing and prepare you for a career in this field.

See salaries and explore the career path for UX Writer

Design Engineer

Design Engineers are responsible for designing and developing the user interface of digital products. This course may help you develop the skills and knowledge you need to become a successful Design Engineer. You will learn how to create high-fidelity designs and prototypes in Figma, apply visual design principles, and participate in design critique sessions. Taking this course will help you build a foundation in design and prepare you for a career in this field. Most Design Engineers will need an advanced degree, such as a master's or doctorate.

See salaries and explore the career path for Design Engineer

Content Designer

Content Designers are responsible for creating the content that users see in digital products. This course may help you develop the skills and knowledge you need to become a successful Content Designer. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a foundation in content design and prepare you for a career in this field.

See salaries and explore the career path for Content Designer

Project Manager

Project Managers are responsible for managing the development of digital products. This course may help you develop the skills and knowledge you need to become a successful Project Manager. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a foundation in project management and prepare you for a career in this field.

See salaries and explore the career path for Project Manager

Product Owner

Product Owners are responsible for managing the development of digital products. This course may help you develop the skills and knowledge you need to become a successful Product Owner. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a foundation in product management and prepare you for a career in this field.

See salaries and explore the career path for Product Owner

Scrum Master

Scrum Masters are responsible for facilitating the development of digital products. This course may help you develop the skills and knowledge you need to become a successful Scrum Master. You will learn how to apply visual design principles, create high-fidelity designs and prototypes in Figma, and participate in design critique sessions. Taking this course will help you build a foundation in Scrum and prepare you for a career in this field.

See salaries and explore the career path for Scrum Master

High-Fidelity-Designs und Prototypen in Figma Erstellen

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses