logo-mooc
search-iconsearch-icon
menu-whitemenu-blue
GRATIS
Inicio / Buscador / Figma /
Google vía Coursera
GRATIS

Wireframes und Low-Fidelity-Prototypen Erstellen

  • money

    Cursos gratis (Auditar)

    question-mark
  • earth

    Alemán

  • folder

    NaN

  • certificate

    Guía de Registro en Coursera

    arrow
VER CURSO arrow
Acerca de este curso

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