Aufgabenstellung:
Hilfestellung für Projektbeschrieb
Die Verfassung und Einreichung der Aufgabenstellung erfolgt via PkOrg.
Folgende Wegleitung soll beim Verfassen der Aufgabenstellung der IPA Interactive Media Designer EFZ unterstützen.
Einaldung der Berufsbildner und vorgesetzte Fachkräfte
Nach Ihrem ersten Login in PkOrg haben Sie als Kandidat:in den Prozess in PkOrg gestartet. Während Ihrer Erst-Registration müssen Sie Ihren/ihre Berufsbildner:in ins Tool einladen. Dies erfolgt mittels seiner/ihrer Mailadresse. Darauffolgend erhält Ihr/Ihre Berufsbildner:in ein Mail mit der Aufforderung sich ebenfalls in PkOrg zu registrieren und anschliessend die Mailadresse der Fachvorgesetzten-Person einzutragen. Dies löst wiederum ein Einladungsmail zur Nutzung von PkOrg aus. Falls ein Berufsbilder bzw. eine Berufsbildnerin gleichzeitig die Rolle der Fachvorgestzten-Person einnimmt, kann man sich selbst dazu dafür zuweisen.
Bei Kleinbetrieben ohne Stellvertretung bitte Hinweis an die Chefexpert:innen.
Wählen Sie einen kurzen und aussagekräftigen Titel für die Aufgabe. Dieser beispielsweise den Basisentscheid
oder das Medium beinhalten, bspw. «Redesign der Webanwendung von <MS Teams»>
-
Beschreiben Sie in wenigen Sätzen den Hintergrund zu dieser Aufgabe und welche Ziele Damit verfolgt werden.
Möglicherweise entsteht die Arbeit vor dem Hintergrund eines Rebrandings, oder ein Produkt steht vor dem Ende seines Lebenszyklus und es wird ein Relaunch geplant, oder im Zuge einer Nutzerstudie wird ein Redesign in Auftrag gegeben. Der Hintergrund beschreibt externe Faktoren, ein Rebranding oder vorgängig entstandene Studien sind nicht Bestand~il der individuellen praktischen Arbeit. Ziele und Erwartungen müssen zwingend enthalten sein. -
Entscheide Sie, um welche Art von Projekt es sich handelt. Ist es ein neues Projekt oder handelt es sich um eine Überarbeitung eines bestehenden Projektes?
-
Die Wahl des Mediums enthält bereits die Erwartungen an den Umfang der zentralen Lieferobjekte. Der Prototyp sollte etwa 8 Ansichten enthalten und die Herleitung des Designs muss aus dem Anwendungsfall hervorgehen, der in der Recherche definiert wurde. Eine Zustandsänderung eines einzelnen Elements (bspw. aufgeklapptes Drop-Down-Element) stellt keine eigene Ansicht dar. Die Angaben des Lieferumfangs stellen die Grundlage für das Testing sicher. Jede Arbeit muss eine Validierung des Konzepts enthalten.
-
Es müssen mindestens zwei Hauptbestandteile ausgewählt werden, die das Nutzererlebnis unterstützen sollen.
Allfällige Details, wie Angaben zum gewünschten Dateiformat, Auflösung, gegebenenfalls Zeitangabe für Videos oder andere werden unter Punkt 5 gesondert aufgeführt. Ein Styleguide stellt keinen eigenen Hauptbestandteil dar, sondern ist Teil eines Abschnitts für Spezifikationen und Übergabe an Entwicklerinnen und Entwickler im Anhang.
Enthält spezifische Angaben zu Lieferobjekten (Dateiformat, Bildschirmauflösung, Audioqualität oder ähnliche), zu bereitgestellten besonderen Arbeitsmitteln (Künstliche Intelligenz, Equipment für die
Produktion oder Computer mit erhöhter Rechenleistung für das Rendering) oder konzeptionellen
Vorarbeiten, die zu Beginn der IPA bereits vorliegen, wie eine Zielgruppenanalyse, Personadefinition oder vorhandene Studien. Stellt der Auftraggeber für die Aufgabe ein Design-System bereit, kann hier die Erwartung an die Lieferergebnisse beschrieben werden, z.B. es müssen für eine neue Suchfunktion entsprechende Komponenten (Sucheingabe, Ergebnisübersicht) von Grund auf neu entwickelt werden, oder es soll auf Basis der Farbpalette ein neuer lllustrationsstil definiert werden und in 3 Illustrationen ausgeführt.
Enthält Angaben, welche Bestandteile oder Aufgaben vom Projekt abgegrenzt werden. Bspw. sollte der
Prototyp interaktiv sein, muss jedoch nicht als native App oder Webanwendung programmiert werden.
Bitte kontrollieren Sie in Ihrem PkOrg-Profil, ob Ihr Schultag bereits eingetragen ist. Falls diese Information noch
ausstehend ist, bitten wir Sie, diese Angabe ZU! vervollständigen. Diese Angaben dienen dem Fachgremium zur
Nachkontrolle der zur Verfügung stehenden IPA-Zeit.
Wählen Sie ein gewünschtes Startdatum und rechnen Sie,je nach geplantem Stundenaufwand, die Anzahl
Arbeitstage dazu, um das Enddatum zu bestimmen. Das Zeitfenster sollte zwischen 3,5 bis max. 4,5 Wochen
betragen. Die Tage müssen zwingend zusammenhängend sein.
Berechnungsbelsplel bei 120h:
- Der Richtwert für 1 Arbeitstag beträgt 8h IPA-Zeit. Bei einem geplanten Gesamtstundenaufwand von 120h
ergibt dies 15 Arbeitstage (120h ÷ 8h = 15d). - Dazu sind ca. 3 Sicherheitstage für unvorhergesehenes wie z.B. technische Probleme, Krankheitsausfälle etc.
hinzuzurechnen. - Verwenden Sie folgende Formel:
Startdatum + (15 Arbeitstage+ 3-5 Sicherheitstage) = Enddatum
Achtung: Schultage und Feiertage zählen nicht als Arbeitstage und müssen bei der Berechnung
der IPA-Zeit berücksichtigt werden!
Schätzen Sie den Stundenaufwand (realistisch) und teilen Sie ihn auf Position 1 und 2 auf. Die Zeitschätzung der
Position 2 dient als Richtlinie und muss nicht zwingend eingehalten werden. Für die Dokumentation sollte
mind. 30% der Gesamtdauer eingeplant werden.

Die Termine für die Präsentation und das Fachgespräch können in Absprache mit den zugeteilten Experten frei gewählt werden. Es sollten jedoch mindestens 7 Tage nach IPA-Enddatum dazwischen liegen, damit die Expert:innen genügend Zeit haben, sich die Dokumentation durchzulesen und sich entsprechend vorzubereiten, und die vorgesetzte Fachkraft bis zu diesem Datum die Bewertung der Position 1 vornehmen kann.
Möglicherweise können die Wunschtermine nicht eingehalten werden, da die Expert:innen berufstätig sind und teilweise viele Termine haben. Das Datum wird beim ersten Expert:innen-Besuch thematisiert und definitiv gesetzt.
Ideenpool Aufgabenstellung
Die nachfolgende Übersicht stellt eine Zusammenstellung von vergangener IPA Aufgabenstellungen dar, welche Ihnen beim Verfassen Ihrer Aufgabenstellung als Ideenstütze dienen kann.
Idee 1
Relaunch Intranet mit interaktiven Infografiken und Interaktionskonzept
Idee 2
Neuerstellung von Konzeption und Screendesign einer Website mit Teaser-Video/Animation und statischen Infografiken
Idee 3
Neuerstellung von Website für ein Event mit interaktiver Karte und Anmeldeformular
Idee 4
Redesign einer Website zur Optimierung eines Produktkonfigurators. Zusätzlich wird ein Produkt-Einführungsvideo, sowie ein animierter Online-Banner erstellt.
Idee 5
Redesign der statischen Infografik auf der Firmenseite, diese unter Einbezug von statischen Abbildungen und Videos in eine interaktive umwandeln
Idee 6
Redesign einer Corporate Website inkl. Erarbeitung eines Gestaltungskonzepts, Definition einer Bildwelt und Infografik konzipieren
Titel
Erweiterung einer vorhandenen Website: Activity Stream für einen Webshop mit Text und Piktogrammen konzipieren
Idee 8
Erstellung einer neuen Produkt-Website mit statischen Bildern/ Grafiken und animierten Videos/ Animationen
Idee 9
Neukonzeption einer Website (One Pager), dafür Bildkonzept erstellen und eigene Bilder herstellen (Fotoshooting) und Styleguide definieren
Idee 10
Erweiterung einer vorhandenen Website mit einer Anbieter-Applikation inkl. Formular- und Suchfunktionen
Idee 11
Neues Projekt: Konzept und Screendesign für eine Umfrage Smartphone-App, die zur Erhebung der Zufriedenheitsindikation dient. Dafür ein visuelles Konzept in Form eines Styleguides erstellen sowie Infografiken zur Auswertung der Teilnahme.
Idee 12
Neues Projekt: Website für Gesundheitsplattform mit Animation und interaktiver Infografik (Karte) erstellen
- Analyse bestehendes Intranet
- Definition von Zielgruppen und Hauptpersonas mit Primär-, Sekundärbedürfnissen
- Fokus des Anbieters in Zieldefinition zusammenfassen
- Hinterfragung der vorhandenen Funktionalitäten und Erarbeitung neuer Vorschläge
- Analyse des aktuellen Interfacedesigns und neue Vorschläge erarbeiten
- Erstellen eines Interaktionskonzepts
- Erstellen von Wireframes, Optimierung dieser mit Ergebnissen von geplanten und durchgeführten Usertests
- Klickbarer Prototyp für drei definierte Hauptfokusse mit interaktiven Infografiken erstellen.
-
Erarbeitung Inhaltskonzept als Grundlage fürs Visual Design
-
Definition Navigation mit Start- und mehreren Unterseiten
-
Primäre und sekundäre Personas definieren
-
Zusammenstellung User Journey
-
Klickbare Wireframes als Prototypen zur Überprüfung des erstellten Interaktionskonzeptes erstellen
-
Visuelles Konzept / Screendesign für Start- und mind. 8 Ansichten erstellen
-
Video/Animation (15–30 sec.) auf Grundlage von User Journey herstellen, um kurzen Einblick in die Funktionsweisen der Website zu geben
-
Video auf Website geeignet platzieren
-
Zwei Infografiken aufgrund von Daten erstellen und auf Website geeignet platzieren
-
Aufzeigen des visuellen Konzeptes mit Hilfe eines Styleguides
-
Analyse und Strukturierung von gegebenen Informationen, um Struktur der Website zu definieren
-
Aufgrund einer Stakeholderanalyse zwei primäre und eine sekundäre Persona definieren
-
User Journey konzipieren und Nutzwert der Seite zusammenstellen
-
Interaktive Karte erstellen, welche verschiedene für den Benutzer wichtige Informationen visualisiert
-
Wireframes als klickbaren Prototyp erstellen, verschiedene Interaktionszustände aufzeigen
-
Konzeption eines mehrstufigen Anmeldeformulars aufgrund der definierten User Journey
-
Styleguide definieren
-
Startseite, interaktive Karte und Anmeldeseite mit Formular, inklusive vorhandener Interaktionszustände als gestalteten Prototyp herstellen
-
Vorhandene Informationsarchitektur der Website überprüfen und optimieren
-
Ergebnisse aus Analyse in User Journey einfliessen lassen
-
Primäre und sekundäre Personas erstellen
-
Erstellen eines Konzepts für den Konfigurator: User sollen das Produkt mit dem Konfigurator personalisieren können. Dafür wird ein personalisierbares Geschenk-Packaging-Konzept erstellt, welches im Konfigurator integriert werden muss.
-
Wireframe für Konfigurator erstellen (nur Desktop). Optimierung dieser mit Ergebnissen von geplanten und durchgeführten Usertests
-
Video: das Video soll das Produkt attraktiv inszenieren und die Einfachheit der Konfigurator-Funktion als USP erkennbar machen (Dauer 10–20 sec.)
-
Für das Video wird ein Storyboard konzipiert
-
Banner: Animierter Online-Banner in drei Grössen auf Basis vom erstelltem Storyboard umsetzen (max. 10 sec.)
-
Mini Styleguide für neues Website-Design erstellen
-
Startseite und Konfigurator als klickbaren Design-Prototyp umsetzen (nur Desktop)
-
Die statische Infografik, welche das Angebot und das Geschäftsfeld des Unternehmens darstellt, soll analysiert und mit den recherchierten aktuellen Geschäftsfeldern des Unternehmens abgeglichen werden
-
Es wird ein Interaktionskonzept erstellt
-
Es muss ein Kontaktformular für den Kunden integriert werden
-
Das Konzept wird mit einem klickbarem Desktop-Wireframe visualisiert, welches die Funktionalität und Anwendung der neuen Infografik aufzeigen soll
-
Es wird ein inhaltliches und ein visuelles Konzept für die zu erstellenden Videos/Animationen entwickelt und dafür ein Beispiel-Storyboard gezeichnet
-
Klickbarer Design-Prototyp der Infografik von mind. drei Servicepunkten erstellen (nur Desktop)
-
Bedürfnisabklärung durchführen
-
Zielgruppendefinition mit zwei Personas (primäre und sekundäre) erstellen
-
Erarbeitung einer Informationsarchitektur
-
Bildwelt definieren (Bildkonzept erstellen)
-
Infografik konzipieren und erstellen, welche auf der Produktseite als ergänzende Erläuterung des Funktionsprinzps des Produktes eingesetzt werden kann
-
Designkonzept als klickbaren Desktop-Prototyp erstellen
-
konkretes Screendesign für Desktop und Smartphones umsetzen auf mindestens 8 Ansichten mit Aussagekraft gemäss abgeklärter Bedürfnisse
-
Interaktionskonzept für Activity Stream erstellen: Statistiken über Login pro Tag über alle Geräte, Anzahl von Likes für Produkte, Anzahl von Neukontoeröffnungen pro Tag, Anzahl der gescannten Produkte beim Einkauf
-
Erarbeitung eines sinnvollen Konzepts für Update-Intervalls aufgrund der analysierten Daten
-
Schriftliches Kundenkonzept erstellen
-
User können in den Einstellungen definieren, ob sie ihre Informationen senden möchten bzw. ob sie andere erhalten
-
Auch Call-to-Actions, um ein Konto zu eröffnen rund um den Activity Stream visualisieren
-
Activity Stream als interaktiven Prototyp darstellen, um damit darzustellen, welche Activity Snippets interaktiv sind
-
Prototyp soll auf einem Smartphone lauffähig getestet werden können, relevante Animationen/ Interaktionen werden mit auf Basis des vorhandenen Styleguides visualisiert
-
Analyse der vorhandenen Kundendaten • Erstellen einer Informationsarchitektur
-
Zielgruppenanalyse durchführen und primäre sowie sekundäre Persona erstellen
-
5 wichtige Produktmerkmale ausarbeiten, welche man auf der Website geeignet platzieren kann
-
Auswahl des geeigneten Materials für die Präsentation von spezifischen Produktmerkmalen auf der Website
-
Vorhandenes Wording analysieren, vereinheitlichen und an die Zielgruppe anpassen
-
Mind. 6 Medien auf der Website präsentieren, auf welchen die Produkte präsentiert sind (Flyer, POI,…)
-
Bilder, Videos, Animationen, Grafiken so aufbereiten, dass eine einheitliche visuelle Sprache erreicht wird
-
Klickbarer Wireframe-Prototyp erstellen um Navigationskonzept aufzuzeigen (responsive)
-
Mindestens 8 Ansichten als gestaltetes Mockup herstellen, welches das Designkonzept verständlich macht (Desktop und Smartphone)
-
Inhaltskonzept erstellen (Website dient als Informations- und Promotionstool) und Informationsarchitektur aufstellen
-
Zielgruppenanalyse und Erstellen von Personas
-
Auf Basis des vorhandenen Moodboards ein visuelles Konzept in Form eines Styleguides mit Typo und Logo-Design erstellen
-
Mediakanäle (Facebook, Instagram) müssen im Konzept berücksichtigt und optisch präsent positioniert werden
-
Reflexion auf durchzuführenden NABC (Need, Approach, Benefit, Chancen) mit Anbieter
-
Erarbeitung eines Bildkonzepts • Fotoshooting durchführen, 2-3 finale Pressebilder zum Download in Website-Prototyp integrieren • Mind. zwei Akzeptanztests durchführen und Ergebnisse in den finalen Prototyp einfliessen lassen
-
Klickbarer Design-Prototyp für Desktop umsetzen
-
Erfolgsfaktoren identifizieren
-
Stakeholderinterviews durchführen
-
Vorhandene Bedürfnisse der Zielgruppen «Anbieter» und «Suchende» als Anforderungen spezifizieren
-
Informationsarchitektur erstellen
-
User Journeys von zwei zu erstellenden Personas definieren
-
Mittels Scribbles das Interaktionskonzept der beiden Hauptinhalte «Erstellen eines Inserats» und «Finden des passenden Angebots» überprüfen
-
Mit klickbaren Wireframes die beiden Hauptinhalte visualisieren und ein User-Testing für die Seiten «Inserat erstellen» und «Inserat finden» durchführen
-
Visuelles Konzept für die Applikation in Form eines Styleguides erstellen.
-
Mindestens 8 Ansichten als Design-Prototyp umsetzen (nur Desktop)
-
Stakeholderinterviews durchführen
-
Funktionelles Konzept erstellen, folgende Möglichkeiten in das Konzept integrieren: Umfragen, Feedback über ausgewertete Umfragen mit Filtermöglichkeiten an Benutzer, Anzeigen von Hinweisen, über Umfragenstand
-
Erstellen von Wireframes, Optimierung dieser mit Ergebnissen von geplanten und durchgeführten Usertests
-
Erstellen eines visuellen Konzepts in Form eines Styleguides inkl. Logo und App Icon
-
Erstellen eines Konzepts zur Visualisierung der Umfrageergebnisse
-
Erstellen von mind. 1 Infografik, welche exemplarisch aufzeigt, wie die Umfrageergebnisse dargestellt werden
-
Klickbarer Design-Prototyp von mind. 2 zu definierenden Use Case
-
Zielgruppenanalyse und Definition von 2 Personas
-
Erstellen von User Journeys
-
Informationsarchitektur erstellen
-
Aus User Journey Seitentypen und Anzahl von Seiten ableiten
-
Adaption des Entwurfs für eine App andenken
-
Animation (max. 20 Sek. & ohne Ton) als Informationsmedium mit Loop auf Website einsetzen
-
Interaktive Infografik (Karte) zur geografischen Orientierung konzipieren und erstellen
-
Klickbarer Design-Prototyp auf Basis des vorhandenen Corporate Designs für Mobile und Desktop erstellen
-
Statischen Homescreen für angedachte App umsetzen