Pen & Paper

Workshop rund um den Einsatz «Stift & Papier» beid der Konzeption von Software

Über den Workshop

Lesezeit: ~ 1 min

Video ergo sum – Der Mensch ist ein visuelles Wesen. Von all seinen Sinnen ist der Sehsinn am besten ausgeprägt trainiert und entwickelt. Dafür setzt der Mensch einen großen Teil seiner Gehirnleistung ein. Bilder helfen uns enorm dabei Sachverhalte, Konzepte, Abläufe und vieles andere zu verstehen. «Davon muss ich mir erst mal ein Bild machen» ist eine der Redewendungen, die diesen Grundgedanken wieder gibt, denn aus verschiedenen Informationen, Versatzstücken und Gedanken machen wir uns ein Bild. In diesem, sehr praktischen Workshop, geht es um Techniken und Konzepte, diesem Phänomen im Softwareentwicklungsprozess gerecht zu werden.

Kursidee & Kursablauf

Mit Hilfe von einfachen Visualisierungen sind wir in der Lage Ideen, Gedanken, Konzepte, Systeme, Layouts, etc. zu begreifen, besser zu verstehen und darüber zu kommunizieren, bzw. auf Basis der Visualisierung zu diskutieren. Es hilft im Konzeptions- und Entwickungsprozess enorm um:

  • die eigenen Gedanken und Ideen zu strukturieren
  • das Problem besser zu verstehen
  • ein gemeinsames Bild für das Team zu entwickeln
  • eine konkrete Diskussionsgrundlage für Gespräche mit den verschiedenen Stakeholdern zu haben
  • Projektbeteiligte und Stakeholder aus einer passiven in eine aktive Haltung zu bringen
  • eine Basis für die spätere Lösung zu erhalten
  • eine Übersicht über die verschiedenen Userflows zu bekommen
  • eine erste Prüfung des Datenmodells zu erhalten
  • uvm :)

Der Workshop läuft wie folgt ab:

  1. Warum, wobei und wie helfen visuelle Skizzen in der Informatik
  2. Grundlagen Sketching, UI Skibbles & Visual Thinking
  3. Eingesetztes Material
  4. Visuelles Alfabet & Grundformen
  5. Icons, Figuren und Gesichter
  6. Beschriftungen und Container
  7. Praktische Aufgabe

Vorbereitung

Zur Vorbereitung arbeiten Sie bitte den Artikel UI/UX sketching techniques 101 durch und schauen Sie sich das Video UI Sketching Conventions an und üben Sie anhand dieser Materialien die Basics von UI Sketching, so dass Sie Basic Shapes, Annotations und UI pattern conventions kennen und anwenden/ darstellen können.

Außerdem schauen Sie sich bitte dieses kurze Videointerview mit zwei Schiedsrichtern an und machen Sie sich mit den technischen Möglichkeiten von E-Ink Displays am Beispiel eines Kindle E-Book Readers und eines 7” Waveshare mit ESP8266 vertraut.

Video Einstiege

E-Ink Displays

Kindle E-Book Demo

7” Waveshare mit ESP8266 Demo

Interviews mit Fußball Schiedsrichtern

Material

Bitte bringen Sie folgende Materialien mit:

  • Kugelschreiber mit schwarzer Mine
  • Dünner schwarzer Filzstift/ Fineliner, Strichstärke etwa 0.4mm
  • Mitteldicker schwarzer Filzstift, Strichstärke etwa 1mm
  • Mitteldicker hellblauer Filzstift, Strichstärke etwa 1mm
  • Optional: Hellgrauer Marker
  • 25 Blatt DIN A4 ohne Punktraster
  • 15 Blatt DIN A4 mit Punktraster
  • Post-its

Weitere Informationen

Slidedeck

Hier finden Sie den Foliensatz zum Workshop.

Online Training

Auf Udemy gibt es den Online Kurs Sketching for UX Designers von Krisztina Szerovay in dem noch viele weiterführende Themen behandelt werden. Auch interessant ist der Kurs Sketchnotes Grundlagen von Annelies Schippke.

Einbettung des Workshops

Dieser Workshop ist Teil des Moduls «Einführung in die Medieninformatik». Weitere Informationen zum Modul finden Sie in der Modulbeschreibung.

Upload der Ergebnisse

Bitte laden Sie Ihre Visualisierung unter folgendem Link hoch: Ilias Pen & Paper Upload