Seminar Pencil Project – Informationsarchitektur, Seitenbäume und Navigation

Beschreibung

Eine klare Seitenstruktur ist die Grundlage für verständliche Prototypen. Das Seminar zeigt, wie Inhalte, Funktionen und Zustände in Seitenbäumen gegliedert, benannt und miteinander verknüpft werden. Neben Haupt- und Nebennavigation werden Einstiegspunkte, Rücksprünge, Querverbindungen, Hintergrundseiten und Prüfpfade behandelt.

Inhaltsübersicht

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

Lernziele

• Inhalte und Funktionen in eine nachvollziehbare Seitenhierarchie überführen.
• Seiten, Unterseiten, Zustände und Varianten konsistent benennen und ordnen.
• Haupt-, Neben- und Kontextnavigation als klickbare Struktur modellieren.
• Hintergrundseiten und gemeinsame Elemente kontrolliert wiederverwenden.
• Navigationspfade auf Vollständigkeit, Rücksprünge und Sackgassen prüfen.

Schrittweise Seminarinhalte

1. Inhaltsinventar und Strukturprinzipien

Schwerpunkt: Inhalte, Funktionen, Aufgaben, Zielgruppen, Prioritäten, Gruppierung, Tiefe, Breite und Benennungsregeln.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Inhaltsinventar und Strukturprinzipien“ anhand von Inhalte, Funktionen, Aufgaben, Zielgruppen, Prioritäten, Gruppierung, Tiefe, Breite und Benennungsregeln bestimmen.
2. Die benötigten Seiten, Shapes, Komponenten, Zustände und Verknüpfungen in Pencil Project strukturiert anlegen und konsistent benennen.
3. Eine realistische Variante umsetzen, alternative Zustände oder Bildschirmgrößen vergleichen und die Interaktion in einem vollständigen Testlauf prüfen.
4. Das Ergebnis anhand von Konsistenz, Vollständigkeit, Verständlichkeit und Übergabefähigkeit bewerten, korrigieren und als freigegebenen Arbeitsstand dokumentieren.

2. Seitenbaum und Zustandsmodell

Schwerpunkt: Eltern- und Kindseiten, Varianten, Detailzustände, Dialogseiten, Fehlerseiten, Bestätigung und Archivierung.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Seitenbaum und Zustandsmodell“ anhand von Eltern- und Kindseiten, Varianten, Detailzustände, Dialogseiten, Fehlerseiten, Bestätigung und Archivierung bestimmen.
2. Die benötigten Seiten, Shapes, Komponenten, Zustände und Verknüpfungen in Pencil Project strukturiert anlegen und konsistent benennen.
3. Eine realistische Variante umsetzen, alternative Zustände oder Bildschirmgrößen vergleichen und die Interaktion in einem vollständigen Testlauf prüfen.
4. Das Ergebnis anhand von Konsistenz, Vollständigkeit, Verständlichkeit und Übergabefähigkeit bewerten, korrigieren und als freigegebenen Arbeitsstand dokumentieren.

3. Navigationsmuster und Einstiegspunkte

Schwerpunkt: Hauptnavigation, lokale Navigation, Tabs, Breadcrumbs, Direktlinks, Suche, Dashboard und kontextbezogene Aktionen.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Navigationsmuster und Einstiegspunkte“ anhand von Hauptnavigation, lokale Navigation, Tabs, Breadcrumbs, Direktlinks, Suche, Dashboard und kontextbezogene Aktionen bestimmen.
2. Die benötigten Seiten, Shapes, Komponenten, Zustände und Verknüpfungen in Pencil Project strukturiert anlegen und konsistent benennen.
3. Eine realistische Variante umsetzen, alternative Zustände oder Bildschirmgrößen vergleichen und die Interaktion in einem vollständigen Testlauf prüfen.
4. Das Ergebnis anhand von Konsistenz, Vollständigkeit, Verständlichkeit und Übergabefähigkeit bewerten, korrigieren und als freigegebenen Arbeitsstand dokumentieren.

4. Hintergrundseiten und Wiederverwendung

Schwerpunkt: gemeinsame Rahmen, Hintergrundlinks, Varianten, Abhängigkeiten, Änderungen und Konsistenzkontrolle.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Hintergrundseiten und Wiederverwendung“ anhand von gemeinsame Rahmen, Hintergrundlinks, Varianten, Abhängigkeiten, Änderungen und Konsistenzkontrolle bestimmen.
2. Die benötigten Seiten, Shapes, Komponenten, Zustände und Verknüpfungen in Pencil Project strukturiert anlegen und konsistent benennen.
3. Eine realistische Variante umsetzen, alternative Zustände oder Bildschirmgrößen vergleichen und die Interaktion in einem vollständigen Testlauf prüfen.
4. Das Ergebnis anhand von Konsistenz, Vollständigkeit, Verständlichkeit und Übergabefähigkeit bewerten, korrigieren und als freigegebenen Arbeitsstand dokumentieren.

5. Linkprüfung und Navigationsreview

Schwerpunkt: Startpunkte, Zielseiten, Rücksprünge, Sackgassen, zyklische Wege, Rollenvarianten und Testprotokoll.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Linkprüfung und Navigationsreview“ anhand von Startpunkte, Zielseiten, Rücksprünge, Sackgassen, zyklische Wege, Rollenvarianten und Testprotokoll bestimmen.
2. Die benötigten Seiten, Shapes, Komponenten, Zustände und Verknüpfungen in Pencil Project strukturiert anlegen und konsistent benennen.
3. Eine realistische Variante umsetzen, alternative Zustände oder Bildschirmgrößen vergleichen und die Interaktion in einem vollständigen Testlauf prüfen.
4. Das Ergebnis anhand von Konsistenz, Vollständigkeit, Verständlichkeit und Übergabefähigkeit bewerten, korrigieren und als freigegebenen Arbeitsstand dokumentieren.

Praxisübungen

• Überführung eines ungeordneten Inhaltsinventars in einen konsistent benannten Seitenbaum.
• Modellierung mehrerer Einstiegs- und Navigationspfade für unterschiedliche Nutzeraufgaben.
• Einrichtung einer Hintergrundseite mit gemeinsamen Navigations- und Rahmenkomponenten.
• Durchführung eines strukturierten Link- und Sackgassenchecks.

Zielgruppe und Voraussetzungen

Zielgruppe: Informationsarchitekten, UX-Designer, Business-Analysten, Product Owner, technische Redakteure und Projektteams.

Voraussetzungen: Grundlegende Kenntnisse in Wireframing oder Fachkonzeption; erste Pencil-Bedienung ist hilfreich.

Didaktik und Arbeitsweise

Kompakte Demonstrationen werden unmittelbar durch geführte Übungen und eine zusammenhängende Praxisaufgabe ergänzt. Prüflisten sichern die Ergebnisse und ermöglichen eine direkte Übertragung auf eigene Projekte.