Seminar Pencil Project – Grundlagen und produktives Arbeiten

Beschreibung

Das Grundlagenseminar vermittelt eine belastbare Arbeitsweise für mehrseitige Wireframes, Mockups und Diagramme. Neben Oberfläche, Seiten, Shapes und Eigenschaften stehen Ausrichtung, Ebenen, Vorlagen, Verknüpfungen, Speicherung und Export im Mittelpunkt. Ein durchgehendes Beispiel verbindet die Funktionen zu einem produktiven Workflow.

Inhaltsübersicht

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

Lernziele

• Arbeitsoberfläche, Dokumente, Seiten und Collections sicher bedienen.
• Shapes platzieren, formatieren, ausrichten, gruppieren und in Ebenen organisieren.
• Mehrseitige Wireframes mit konsistenter Navigation und wiederverwendbaren Elementen aufbauen.
• Inter-page Links für einfache Klickstrecken einrichten und prüfen.
• Dokumente speichern, strukturieren und in geeigneten Formaten ausgeben.

Schrittweise Seminarinhalte

1. Arbeitsoberfläche und Dokumentmodell

Schwerpunkt: Start, Dokument, Zeichenfläche, Seitenbereich, Collection-Browser, Eigenschaften, Werkzeugleisten, Zoom, Raster und Auswahl.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Arbeitsoberfläche und Dokumentmodell“ anhand von Start, Dokument, Zeichenfläche, Seitenbereich, Collection-Browser, Eigenschaften, Werkzeugleisten, Zoom, Raster und Auswahl 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. Shapes und Eigenschaften

Schwerpunkt: Einfügen, Position, Größe, Text, Farben, Linien, Typografie, Mehrfachauswahl, Kopieren, Duplizieren und Löschen.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Shapes und Eigenschaften“ anhand von Einfügen, Position, Größe, Text, Farben, Linien, Typografie, Mehrfachauswahl, Kopieren, Duplizieren und Löschen 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. Ausrichtung, Gruppierung und Ebenen

Schwerpunkt: Raster, Hilfslinien, Ausrichten, Verteilen, Gruppieren, Sperren, Vordergrund, Hintergrund und konsistente Abstände.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Ausrichtung, Gruppierung und Ebenen“ anhand von Raster, Hilfslinien, Ausrichten, Verteilen, Gruppieren, Sperren, Vordergrund, Hintergrund und konsistente Abstände 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. Seiten, Seitenbaum und Varianten

Schwerpunkt: Neue Seiten, Umbenennung, Hierarchie, Duplikate, Hintergrundseiten, Zustände, Breakpoints und Versionsstände.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Seiten, Seitenbaum und Varianten“ anhand von Neue Seiten, Umbenennung, Hierarchie, Duplikate, Hintergrundseiten, Zustände, Breakpoints und Versionsstände 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. Verknüpfungen und Klickstrecken

Schwerpunkt: Linkziele, klickbare Bereiche, Navigation, Rücksprung, Startseite, Sackgassen und Testlauf.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Verknüpfungen und Klickstrecken“ anhand von Linkziele, klickbare Bereiche, Navigation, Rücksprung, Startseite, Sackgassen und Testlauf 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.

6. Speichern, Ressourcen und Export

Schwerpunkt: Dateiformat, eingebettete Ressourcen, Dateibenennung, Sicherung, Bild-, Web-, PDF- und SVG-Ausgabe sowie Qualitätsprüfung.

1. Nutzeraufgabe, Inhalt und Qualitätskriterien für „Speichern, Ressourcen und Export“ anhand von Dateiformat, eingebettete Ressourcen, Dateibenennung, Sicherung, Bild-, Web-, PDF- und SVG-Ausgabe sowie Qualitätsprüfung 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

• Aufbau eines mehrseitigen Web- oder Anwendungsprototyps aus vorgegebenen Anforderungen.
• Erstellung einer konsistenten Komponenten- und Stilseite für wiederkehrende Elemente.
• Einrichtung und Test einer vollständigen Klickstrecke einschließlich Rücksprung und Fehlerzustand.
• Export des Prototyps in mehreren Formaten mit abschließender Qualitätskontrolle.

Zielgruppe und Voraussetzungen

Zielgruppe: Einsteiger in UI-Konzeption, Business-Analysten, Product Owner, Entwickler, technische Redakteure und Projektmitarbeiter.

Voraussetzungen: Allgemeine PC-Kenntnisse; keine Vorerfahrung mit Pencil Project erforderlich.

Didaktik und Arbeitsweise

Kurze Theorieblöcke, Demonstrationen und aufeinander aufbauende Übungen wechseln sich ab. Ein durchgehendes Beispieldokument wird mehrfach geprüft, korrigiert und in einen nachvollziehbaren Arbeitsstand überführt.