Wireframes und Low-Fidelity-Prototypen Erstellen from Coursera

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

What's inside

Syllabus

Storyboarding und Wireframing

Willkommen in der Welt der Wireframes! Zunächst lernen Sie, wie Sie Forschungsergebnisse nutzen können, um die Ideenentwicklung während des Designprozesses zu verbessern. Als Nächstes erstellen Sie zwei Arten von Storyboards: Big-Picture- und Close-up-Storyboards. Anschließend zeichnen Sie Ihre ersten Wireframes und lernen die Vorteile von Wireframing kennen. Denken Sie daran, dass Sie zu diesem Zeitpunkt des Designprozesses zahlreiche Ideen für Designs haben sollten, die sich auf tatsächliche Anforderungen der Nutzenden beziehen. Diese Ideen sollten Sie präzisieren und Wireframing kann Ihnen dabei helfen.

Wireframes auf Papier und digital erstellen

In diesem Teil des Kurses erwarten sie zahlreiche Aktivitäten, in denen Sie Wireframes für eine mobile App erstellen. Zunächst zeichnen Sie mehrere Wireframes auf Papier. Anschließend wechseln Sie zu digitalen Wireframes im Designtool Figma. Dabei erfahren Sie sogar direkt von Figma, wie Sie das Tool optimal nutzen. Schließlich wenden Sie Gestaltprinzipien wie Ähnlichkeit, Nähe und gemeinsame Region auf Ihre Wireframes an

Low-Fidelity-Prototypen erstellen

Sie haben bereits die drei ersten Phasen des Designprozesses kennengelernt: Empathie aufbauen, Fokus definieren, Ideen entwickeln. Jetzt kommen wir zur vierten Phase des Designprozesses: Prototypen erstellen. Zunächst erstellen Sie einen Prototyp Ihrer mobilen App aus Papier. Anschließend gehen Sie zu einem digitalen Low-Fidelity-Prototyp in Figma über. Darüber hinaus erfahren Sie, wie Sie potenzielle Voreingenommenheit in Ihren Designs erkennen und irreführende Muster umgehen können.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Für Einsteiger konzipiert, die eine Karriere im Bereich User Experience Design (UX-Design) anstreben

Von aktuell bei Google tätigen UX-Designschaffenden und UX-Forschenden geleitet

Simuliert praktische UX-Designszenarien durch praktische Aktivitäten

Teil eines Zertifikatsprogramms, das auf Einstiegspositionen im UX-Design vorbereitet

Erfordert den Abschluss der beiden vorherigen Kurse des Zertifikatsprogramms oder die Fähigkeit zur Durchführung von Nutzbarkeitsstudien

Benötigt möglicherweise zusätzliche Materialien wie Papier und Stift, die nicht überall leicht verfügbar sind

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 Wireframes und Low-Fidelity-Prototypen Erstellen with these activities:

Übungen zum Erstellen von Storyboards

Show steps

Durch das Üben des Erstellens von Storyboards verbessern Sie Ihre Fähigkeit, Benutzerinteraktionen zu visualisieren und zu kommunizieren.

Browse courses on Storyboarding

Show steps

Erstellen Sie Storyboards für verschiedene Benutzerszenarien.
Üben Sie das Zeichnen von Wireframes mit Fokus auf Benutzerfluss.
Erhalten Sie Feedback zu Ihren Storyboards von Mentoren oder Kollegen.

Üben mit digitalen Wireframes in Figma

Show steps

Die Arbeit mit digitalen Wireframes in Figma vertieft Ihr Verständnis für Designwerkzeuge und praktische Anwendungen.

Browse courses on Figma

Show steps

Erstellen Sie ein Wireframe-Projekt in Figma.
Importieren Sie Ihre Papier-Wireframes oder erstellen Sie neue in Figma.
Wenden Sie Figma-Werkzeuge und -Funktionen auf Ihre Wireframes an.
Testen Sie Ihre Wireframes mit einem Prototyp.

Austausch von Feedback zu Wireframes und Prototypen

Show steps

Der Austausch von Feedback mit Kollegen hilft Ihnen, Ihre Entwürfe zu verbessern und unterschiedliche Perspektiven zu gewinnen.

Browse courses on Wireframes

Show steps

Präsentieren Sie Ihre Wireframes oder Prototypen vor einer Gruppe von Kollegen.
Erhalten Sie konstruktives Feedback zu Ihren Entwürfen.
Überarbeiten Sie Ihre Entwürfe basierend auf dem Feedback.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Erstellung eines interaktiven Low-Fidelity-Prototyps

Show steps

Durch die Erstellung eines interaktiven Low-Fidelity-Prototyps können Sie Ihr Design zum Leben erwecken und testen, wie Benutzer mit Ihrer App interagieren.

Browse courses on Figma

Show steps

Entwerfen Sie den Ablauf Ihres Prototyps.
Erstellen Sie in Figma klickbare Hotspots und Übergänge.
Testen Sie Ihren Prototyp mit Nutzern.
Überarbeiten Sie Ihren Prototyp basierend auf Feedback.

Erkundung von Best Practices für UX-Design

Show steps

Die Erforschung von Best Practices für UX-Design erweitert Ihr Wissen über bewährte Methoden und hilft Ihnen, fundierte Designentscheidungen zu treffen.

Browse courses on Best Practices

Show steps

Identifizieren Sie renommierte UX-Design-Ressourcen.
Lesen Sie Artikel und Whitepapers zu Best Practices.
Nehmen Sie an Online-Kursen oder Webinaren zum Thema UX-Design teil.
Analysieren Sie Beispiele hervorragender UX-Designs.

Teilnahme an Design-Wettbewerben

Show steps

Die Teilnahme an Design-Wettbewerben bietet Ihnen die Möglichkeit, Ihre Fähigkeiten zu testen, Feedback von Experten zu erhalten und Ihr Portfolio aufzubauen.

Browse courses on Portfolio

Show steps

Recherchieren Sie nach Design-Wettbewerben, die Ihren Fähigkeiten entsprechen.
Erstellen Sie einen Wettbewerbsbeitrag, der die Anforderungen erfüllt.
Präsentieren Sie Ihre Beiträge und erhalten Sie Feedback.

Fortführung der Entwicklung einer mobilen App für Ihr Portfolio

Show steps

Die kontinuierliche Entwicklung einer mobilen App für Ihr Portfolio bietet Ihnen praktische Erfahrung und ein greifbares Endergebnis.

Browse courses on Portfolio

Show steps

Verfeinern Sie Ihre Wireframes und Prototypen basierend auf Feedback.
Entwerfen Sie zusätzliche Funktionen und Inhalte für Ihre App.
Testen Sie Ihre App mit Nutzern.
Präsentieren Sie Ihre App in Ihrem Portfolio.

Career center

Learners who complete Wireframes und Low-Fidelity-Prototypen Erstellen will develop knowledge and skills that may be useful to these careers:

User Experience Researcher

User Experience Researchers conduct usability studies and develop new user interfaces (UIs) that are both easy to use and visually appealing. This course builds a foundation for the skills needed to be successful as a UX Researcher. You will develop a prototype and learn the principles of information architecture, which are fundamental in UX Research.

See salaries and explore the career path for User Experience Researcher

Product Designer

Product Designers research, conceptualize, and create digital and physical products. The skills you will learn in this course, such as creating user stories and user journey maps, building storyboards, and prototyping, are fundamental to Product Designers who must be able to build a product from the ground up.

See salaries and explore the career path for Product Designer

UX Designer

UX Designers work with product development teams to create seamless user experiences for digital products, including websites and mobile apps. This course provides the principles of sketching and information architecture, as well as the basics of user storyboarding. You will also learn how to use Figma, an industry-leading UI design tool, to create wireframes and prototypes.

See salaries and explore the career path for UX Designer

Digital Designer

Digital Designers envision and build the digital user experience for websites, apps, and other software products. The principles of sketching, user storyboarding, information architecture, and prototyping, which you will learn in this course, are foundational skills for Digital Designers.

See salaries and explore the career path for Digital Designer

Web Designer

Web Designers create and maintain websites. This course may be useful for Web Designers, who will need to build prototypes to create both beautiful and user-friendly websites.

See salaries and explore the career path for Web Designer

Mobile App Designer

Mobile App Designers create and maintain mobile applications. This course may be useful for Mobile App Designers, who like Web Designers, need to build prototypes. The focus of this course on mobile application design in particular makes it a natural fit for Mobile App Designers.

See salaries and explore the career path for Mobile App Designer

Interaction Designer

Interaction Designers create digital products that are both visually appealing and easy to use. This course builds a foundation for Interaction Designers by teaching sketching, information architecture, wireframing, and prototyping.

See salaries and explore the career path for Interaction Designer

UI Designer

UI Designers create the user interface for websites and apps. This course builds a foundation for UI Designers by teaching sketching, information architecture, wireframing, and prototyping.

See salaries and explore the career path for UI Designer

Information Architect

Information Architects design and organize the structure and content of websites and other information systems. This course provides the principles of information architecture, which are fundamental to Information Architects.

See salaries and explore the career path for Information Architect

Front-End Developer

Front-End Developers convert designs into functional websites and applications. This course may be useful for Front-End Developers as it provides the principles of sketching, information architecture, wireframing, and prototyping, which are helpful for building user-friendly digital products.

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

UX Engineer

UX Engineers combine the fields of software engineering and user experience (UX) design to create both visually appealing and functional digital products. This course provides the principles of sketching and prototyping, which UX Engineers will need to work alongside designers to build user-friendly products.

See salaries and explore the career path for UX Engineer

Product Manager

Product Managers are responsible for the overall success of a product. This course may be useful for Product Managers as it gives them insight into the work of UX Designers and Engineers, with whom they will need to closely collaborate.

See salaries and explore the career path for Product Manager

Software Developer

Software Developers design, develop, and maintain software systems. This course may be useful for Software Developers as it provides the principles of sketching and prototyping, which are helpful for building user-friendly software systems.

See salaries and explore the career path for Software Developer

Technical Writer

Technical Writers create user guides and other documentation for software and hardware products. This course may be useful for Technical Writers as it provides the principles of sketching and prototyping, which are helpful for creating user-friendly documentation.

See salaries and explore the career path for Technical Writer

Graphic designer

Graphic Designers create visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course may be useful for Graphic Designers as it provides the principles of sketching and prototyping, which are helpful for creating visually appealing designs.

See salaries and explore the career path for Graphic designer

Wireframes und Low-Fidelity-Prototypen Erstellen

What's inside

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses