Skip to content

FIGMA 002 (Projekt)

Figma Projekt

Ziele

  • Du erstellst einen FIGMA-Account
  • Du kennst und verstehst FIGMA
  • Du verstehst die Vorlagen von KENDO UI
  • Du kannst die erste Bildschirmmasken anlegen
  • Du kannst Abläufe machen

Aufgabe 2

Du erstellst am Ende ein Mockup für die Administration der Feedback Kandidaten. Da kommt deine Kreativität ins Spiel. Nutze dafür die UI Components von KENDO UI.

Teilaufgabe 1, Skizze

Fange zuerst mit Blätter und einem Stift an. Skizziere genau, was du auf den Seiten haben möchtest. Schaue dazu die UI Components an, weil du diese nutzen solltest.

Teilaufgabe 2, Mockup

Wenn du mit deinen Skizzen zufrieden bist und es besprochen hast, kannst du diese Skizzen mit Figma erstellen.

Teilaufgabe 3, Abläufe

Du sollst jetzt mit den Seiten fertig geworden sein. Nun wirst lernen, wie man Abläufe macht. Dafür klickst du auf deiner Projekt Page recht oben auf Prototype und klickst auf einen der 3 Buttons, den du auf dem Navigationsbereich hast. Klicke unter Interactions auf das + Zeichen und klicke auf den erstellten CLick. Jetzt musst du auf None drücken und Navigate to auswählen. Nach dem du das gemacht hast, siehst noch ein anderes None. Hier wählst du, auf welche Seite es gehen soll, nach dem man den Knopf drückt. Wenn du jetzt rechts neben dem Toggle auf den Play Icon und danach auf Present klickst, kannst du das Ganze testen. Mache diesen Prozess auch für die anderen Seiten und vergiss nicht, dass man auch von einer Seite zurückgehen kann.

Teilaufgabe 4, Präsentation ohne PowerPoint

Wenn du mit dem kleinen Projekt fertig geworden bist, solltest du eine kurze Präsentation machen (ca. 2-3 Minuten). In dieser sollst du deine Seiten und den Ablauf vorstellen und erklären, wie du diese in FIGMA gelöst hast. Reserviere dafür zuerst ein Zimmer und lade die Zuhörer, die an dem Tag im Büro sind, ein.

Resultat

Was wird erwartet / was soll abgeliefert werden in diesen Aufgaben?

  • Eine kurze Dokumentation
  • Skizzen (physisch, ca. 2-3 Blätter)
  • FIGMA-Seite mit dem Ablauf

Vorgehen

  • Gemäss Vorlage ITAG-BB-IPERKA-Projektvorlage

Zeitbudget

  • 7h (wir rechnen mit 7h pro Tag)

Lerndokumentation

  • Es wird keine Lerndokumentation benötigt, jedoch ein Dokument, welches die erlernten Begriffe erklärt und als Basis für die nächsten Aufgaben dient.

Bewertungskriterien

  • z.B. Begriffe sind im Dokument erklärt (welche???? sollten in der Aufgabe stehen)