К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Wireframes und Low-Fidelity-Prototypen Erstellen · LearnSpace
Назад в каталог
courseraПрограммирование

Wireframes und Low-Fidelity-Prototypen Erstellen

Курс от Google
Начальный≈ 20.2 чНемецкий
О курсеНавыкиПрограммаПреподаватели

О курсе

„Wireframes und Low-Fidelity-Prototypen erstellen“ ist der dritte 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 werden Sie damit fortfahren, eine mobile App für Ihr professionelles UX-Portfolio zu entwerfen. Sie beginnen mit dem Erstellen von Storyboards und machen sich mit den Grundlagen des Skizzierens vertraut. Anschließend erstellen Sie Wireframes auf Papier und digitale Wireframes mithilfe des Designtools Figma. Sie erstellen außerdem einen Prototyp aus Papier und einen digitalen Low-Fidelity-Prototyp in Figma. Der Kurs wird von aktuell von 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: – eine Zielbeschreibung entwickeln. – zwei Arten von Storyboards erstellen: Big-Picture- und Close-up-Storyboards. – den Unterschied zwischen Low-Fidelity-Designs und High-Fidelity-Designs verstehen. – die Grundlagen des Skizzierens anwenden. – die Prinzipien der Informationsarchitektur zum Organisieren einer mobilen App anwenden. – Papier-Wireframes für das Design mobiler Apps entwickeln – digitale Wireframes im Designtool Figma entwickeln. – Prototypen aus Papier entwickeln, um Designs interaktiv zu gestalten. – einen Low-Fidelity-Prototyp in Figma entwerfen. – implizite Voreingenommenheit und irreführende Muster im Design erkennen. – an der Erstellung einer mobilen App weiterarbeiten, um sie in Ihr professionelles Portfolio aufzunehmen. Um diesen Kurs erfolgreich zu absolvieren, sollten Sie die beiden vorherigen Kurse dieses Zertifikatsprogramms abgeschlossen haben oder Nutzungsstudien durchführen können, um die Grundlage für die Erstellung von Empathy Maps, Personas, User Storys, User Journey Maps, Problembeschreibungen und Nutzenversprechen zu schaffen. Sie brauchen außerdem ein Blatt Papier und einen Stift.

Навыки, которые вы освоите

WireframingApplication DesignUser StoryInformation ArchitectureUser Experience DesignPrototypingPersona (User Experience)User FlowsStoryboardingFigma (Design Software)IdeationUser Experience

Программа курса

3 модулей · 103 учебных материалов

01Storyboarding und Wireframing42 материалов

Einführung in Kurs 3

Einführung in Kurs 3: Wireframes und Low-Fidelity-Prototypen erstellenВидеоWillkommen bei Kurs 3ЧтениеOptional – Lesen Sie dies, wenn das Ihr erster Kurs im Zertifikatsprogramm istЧтениеOptional - Testen Sie Ihr Wissen über bereits behandelte Konzepte

Учитесь у экспертов

Google Career Certificates

Преподаватель курса

Wireframes und Low-Fidelity-Prototypen Erstellen
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 20.2 ч

3 модулей

Язык: Немецкий

Субтитры: Английский

Часть программы вашего университета
Задание
Optional - Interpretieren Sie Ihre QuizergebnisseЧтение
Optional – Reichen Sie Ihre Auswahl für das Portfolioprojekt einЗадание
Karen – Mein Weg zum UX-DesignВидео

Studien zur Verbesserung der Ideenentwicklung nutzen

Willkommen bei Woche 1ВидеоStudien zur Verbesserung der Ideenentwicklung nutzenВидеоOptional – Erfahren Sie mehr darüber, wie Studien Informationen für die Ideenentwicklung liefernЧтениеAuf Problembeschreibungen zurückgreifenЧтениеCraig – Forschung bildet die Grundlage für die Ideenentwicklung in der realen WeltВидео

Zielbeschreibungen erstellen

Zielbeschreibungen erstelleВидеоErfahren Sie mehr über ZielbeschreibungenЧтениеAktivität: Eine Zielbeschreibung erstellenЗаданиеAktivitätsbeispiel: Eine Zielbeschreibung erstellenЧтениеAktivität: Zielbeschreibung für Ihr Portfolioprojekt erstellenЗаданиеZielbeschreibung Ihres Portfolioprojekts teilenОбсуждение

User Flows skizzieren

Einführung in User FlowsВидеоEinen User Flow skizzierenЧтениеSelbstreflexion: Den User Flow für eine App betrachtenЗаданиеAktivität: Den User Flow für Ihre App skizzierenЗаданиеAktivitätsbeispiel: Den User Flow für Ihre App skizzierenЧтениеDen User Flow für Ihre App teilenОбсуждение

Storyboards erstellen

Einführung in das Storyboarding von User FlowsВидеоDie zwei Arten von Storyboards verstehenВидеоErfahren Sie mehr über das Erstellen von StoryboardsЧтениеIhr Wissen zu Storyboards testenЗаданиеAktivität: Das Erstellen von Storyboards übenЗаданиеAktivitätsbeispiel: Das Erstellen von Storyboards übenЧтениеIhre Storyboards teilenОбсуждение

Erste Schritte mit Wireframes

Einführung in WireframesВидео Ihr Wissen zu Design-Fidelity testenЗаданиеMit dem Zeichnen beginnenВидеоIhren ersten Wireframe erstellenВидеоDie Vorteile von Wireframing verstehenВидеоAktivitätsbeispiel: Ein Wireframe für eine Lieblings-App erstellenЗаданиеAktivitätsbeispiel: Ein Wireframe für eine Lieblings-App erstellenЧтениеDen Papier-Wireframe Ihrer Lieblings-App teilenОбсуждение

Rückblick auf Woche 1

Zusammenfassung: Storyboarding und WireframingВидеоGlossarЧтениеWochen-Challenge 1: Storyboards erstellenВзаимная проверка
02Wireframes auf Papier und digital erstellen26 материалов

Informationsarchitektur verstehen

Willkommen zu Woche 2ВидеоGrundlagen der Informationsarchitektur (IA)ВидеоDie Informationsarchitektur von Apps entwerfenЧтениеÜberprüfen Sie Ihr Wissen zur InformationsarchitekturЗаданиеTeilen Sie ein Beispiel für eine starke Informationsarchitektur (IA)Обсуждение

Papier-Wireframes erstellen

Papier-Wireframes erstellenВидеоAktivität: Das Erstellen von Papier-Wireframes übenЗаданиеAktivitätsbeispiel: Das Erstellen von Papier-Wireframes übenЧтениеTeilen Sie Ihre Papier-WireframesОбсуждениеAktivität: Papier-Wireframes für das Portfolioprojekt erstellenЗадание Aktivitätsbeispiel: Papier-Wireframes für das Portfolioprojekt erstellenЧтение

Digitale Wireframes erstellen

Von Wireframes auf Papier zu digitalen Wireframes übergehenВидеоEinführung in FigmaВидеоEin Figma-Konto erstellenЧтениеDigitale Wireframes in Figma erstellenВидеоOptional – Von Figma lernen: Wireframes für eine App erstellenВидеоAktivität: Die Erstellung von digitalen Wireframes in Figma übenЗадание

Gestaltprinzipien in Wireframes verwenden

Gestaltprinzipien bei der Erstellung von Wireframes verwendenВидеоMehr über die Verwendung von Gestaltprinzipien in Wireframes erfahrenЧтениеÜberprüfen Sie Ihr Wissen zu GestaltprinzipienЗадание

Rückblick auf Woche 2

Zusammenfassung: Wireframes auf Papier und digital erstellenВидеоGlossarЧтениеWochen-Challenge 2: Digitale Wireframes erstellenВзаимная проверка
03Low-Fidelity-Prototypen erstellen35 материалов

Low-Fidelity-Prototypen aus Papier erstellen

Willkommen zu Woche 3ВидеоMehr über Low-Fidelity-Prototypen erfahrenВидеоIhr Wissen zu Low-Fidelity-Prototypen testenЗаданиеPrototypen aus Papier erstellenВидеоKreative Möglichkeiten zum Erstellen von Prototypen aus PapierЧтениеMarvel‘s Prototyping on PaperЧтениеAktivität: Das Erstellen eines Low-Fidelity-Prototyps übenЗаданиеAktivitätsbeispiel: Das Erstellen eines Low-Fidelity-Prototyps übenЧтение

Low-Fidelity-Prototypen digital erstellen

Einführung in das Erstellen von Low-Fidelity-Prototypen in FigmaВидеоLow-Fidelity-Prototypen in Figma erstellenВидеоOptional – Von Figma lernen: Prototypen erstellenВидеоErfahren Sie mehr über Lo-Fi-Prototyping in FigmaЧтениеAktivität: Das Erstellen eines Low-Fidelity-Prototyps in Figma übenЗаданиеAktivitätsbeispiel: Das Erstellen eines Low-Fidelity-Prototyps in Figma übenЧтение

Ethisches und inklusives Design verstehen

Implizite Voreingenommenheiten im Design erkennenВидеоAyan – Voreingenommenheit in der UX-DesignarbeitВидеоOptional - Mehr über Voreingenommenheit im UX-Design erfahrenЧтениеSelbstreflexion: Ihre eigenen VoreingenommenheitenЗаданиеIrreführende Muster im UX-Design identifizierenВидеоIrreführende Muster vermeidenЧтение

Rückblick auf Woche 3

Zusammenfassung: Low-Fidelity-Prototypen erstellenВидеоGlossarЧтениеWochen-Challenge 3: Einen Low-Fidelity-Prototyp erstellenВзаимная проверка

Kursrückblick

Herzlichen Glückwunsch zum Abschluss von Kurs 3: Wireframes und Low-Fidelity-Prototypen erstellenВидеоTeilen Sie Ihre KurserfahrungОбсуждениеDen nächsten Kurs startenЧтение
Aktivitätsbeispiel: Die Erstellung von digitalen Wireframes in Figma übenЧтение
Teilen Sie, was Sie über die Erstellung von digitalen Wireframes in Figma gelernt habenОбсуждение
Erika – Ihre ArbeitsmittelВидео
Figma-Prototypen auf Mobilgeräten öffnenЧтение
Teilen Sie Ihren Low-Fidelity-PrototypОбсуждение
Die Auswirkungen von irreführenden Designs untersuchenВидео
Über die Erfahrung mit einem irreführenden Muster reflektierenОбсуждение
Irreführende Muster verstehenPLUGIN
Die Aufmerksamkeitsökonomie verstehenЧтение
Ihre Handlungsmöglichkeiten in Ihrer Rolle als Fachkraft für UX-Design verstehenЧтение
Optional – Mehr über ethisches Design erfahrenЧтение
Priya – Die Bedeutung von inklusiven DesignsВидео