Seminar Pencil Project – Projektworkshop vom Fachkonzept zum klickbaren Prototyp

Beschreibung

Der Workshop überführt ein Fachkonzept in ein prüfbares Prototypergebnis. Anforderungen, Nutzeraufgaben, Seitenbaum, Wireframes, Komponenten, Zustände, Klickstrecke, Review und Export werden in einer durchgehenden Fallstudie bearbeitet. Entscheidungen und offene Punkte werden während der Umsetzung dokumentiert, damit der Prototyp als belastbare Kommunikationsgrundlage dient.

Inhaltsübersicht

• Lernziele und fachliche Einordnung
• Schrittweise Seminarinhalte
• Praxisübungen
• Zielgruppe und Voraussetzungen
• Didaktik und Arbeitsweise

Lernziele

• Fachliche Anforderungen in Nutzeraufgaben, Akzeptanzkriterien und Prototypumfang übersetzen.
• Informationsarchitektur und Seitenzustände für einen priorisierten Kernprozess entwickeln.
• Wireframes und wiederverwendbare Komponenten zügig und konsistent umsetzen.
• Eine klickbare Strecke mit Normal-, Fehler- und Abbruchpfad aufbauen.
• Review-Ergebnisse einarbeiten und ein dokumentiertes Übergabepaket erstellen.

Schrittweise Seminarinhalte

1. Fachkonzept, Scope und Akzeptanzkriterien

Schwerpunkt: Ziele, Stakeholder, Nutzerrollen, Kernaufgaben, Geschäftsregeln, Daten, Annahmen, Ausschlüsse und prüfbare Kriterien.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Fachkonzept, Scope und Akzeptanzkriterien“ anhand von Ziele, Stakeholder, Nutzerrollen, Kernaufgaben, Geschäftsregeln, Daten, Annahmen, Ausschlüsse und prüfbare Kriterien festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

2. Prozess- und Seitenmodell

Schwerpunkt: Ablauf, Entscheidungen, Ausnahmen, Seitenbaum, Zustände, Varianten, Navigation, Dialoge und Schnittstellenhinweise.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Prozess- und Seitenmodell“ anhand von Ablauf, Entscheidungen, Ausnahmen, Seitenbaum, Zustände, Varianten, Navigation, Dialoge und Schnittstellenhinweise festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

3. Wireframes und Komponentenbasis

Schwerpunkt: Raster, Seitenrahmen, Navigation, Formulare, Listen, Details, Aktionen, Meldungen, Komponenten und Benennung.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Wireframes und Komponentenbasis“ anhand von Raster, Seitenrahmen, Navigation, Formulare, Listen, Details, Aktionen, Meldungen, Komponenten und Benennung festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

4. Daten-, Rollen- und Fehlerzustände

Schwerpunkt: realistische Inhalte, leer, laden, Fehler, Konflikt, keine Berechtigung, Nur-Lese, Freigabe und Abschluss.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Daten-, Rollen- und Fehlerzustände“ anhand von realistische Inhalte, leer, laden, Fehler, Konflikt, keine Berechtigung, Nur-Lese, Freigabe und Abschluss festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

5. Klickstrecke und Interaktionsprüfung

Schwerpunkt: Linkziele, Startpunkt, Rücksprung, Abbruch, Entscheidung, Fehlerpfad, Rollenvariante, Sackgassencheck und Testfall.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Klickstrecke und Interaktionsprüfung“ anhand von Linkziele, Startpunkt, Rücksprung, Abbruch, Entscheidung, Fehlerpfad, Rollenvariante, Sackgassencheck und Testfall festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

6. Review und priorisierte Iteration

Schwerpunkt: fachlicher Walkthrough, Konsistenz, Vollständigkeit, Usability-Hinweise, Schweregrad, Entscheidung und Korrekturschleife.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Review und priorisierte Iteration“ anhand von fachlicher Walkthrough, Konsistenz, Vollständigkeit, Usability-Hinweise, Schweregrad, Entscheidung und Korrekturschleife festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

7. Export, Dokumentation und Übergabe

Schwerpunkt: Startseite, Legende, Annahmen, offene Punkte, Bild- und Webausgabe, Linkcheck, Freigabestand und nächste Bearbeitungsschritte.

1. Ziel, Beteiligte, Verantwortlichkeiten und überprüfbare Kriterien für „Export, Dokumentation und Übergabe“ anhand von Startseite, Legende, Annahmen, offene Punkte, Bild- und Webausgabe, Linkcheck, Freigabestand und nächste Bearbeitungsschritte festlegen.
2. Die benötigten Seiten, Diagramme, Regeln, Status und Nachweise in einer gemeinsamen Arbeitsstruktur modellieren und eindeutig benennen.
3. Das Modell in einem realistischen Projektszenario anwenden, Abweichungen und offene Punkte erfassen und Entscheidungen nachvollziehbar dokumentieren.
4. Die Arbeit anhand einer Review- oder Freigabecheckliste prüfen, Korrekturen priorisieren und einen wiederverwendbaren Standard beziehungsweise Übergabestand erzeugen.

Praxisübungen

• Erstellung eines abgestimmten Scope- und Akzeptanzkriterienblatts.
• Aufbau eines Seiten- und Prozessmodells für den priorisierten Kernablauf.
• Umsetzung einer klickbaren Strecke mit Rollen-, Fehler- und Abbruchvariante.
• Durchführung eines Teamreviews mit priorisierter Iteration und finalem Übergabepaket.

Zielgruppe und Voraussetzungen

Zielgruppe: Interdisziplinäre Projektteams aus Fachbereich, Produktmanagement, UX, Entwicklung, Test und technischer Redaktion.

Voraussetzungen: Ein vorhandenes oder vorbereitetes Fachkonzept; grundlegende UI- und Prozesskenntnisse sind hilfreich.

Didaktik und Arbeitsweise

Das Seminar arbeitet mit einer durchgehenden Fallstudie. Analyse, Strukturierung, Umsetzung, Review und Export werden in klar abgegrenzten Arbeitsblöcken durchgeführt und durch Zwischenergebnisse abgesichert.