Pen & Paper

Workshop rund um den Einsatz von «Stift & Papier» bei 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 wider spiegelt, denn aus verschiedenen Informationen, Versatzstücken und Gedanken versuchen wir uns zumeist ein Bild zu machen. 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 :)

Im Workshop befassen wir uns mit folgenden Themen und Fragen:

  1. Warum, wobei und wie helfen Skizzen und visuelles Denken 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. Befassen Sie sich bitte auch mit der Übung How to Draw your Idea.

Video Einstiege

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, gelber, roter und hellblauer Marker
  • 25 Blatt DIN A4 ohne Punktraster
  • 15 Blatt DIN A4 mit Punktraster
  • Post-its

Literatur

  • Bill Buxton, Saul Greenberg, Sheelagh Carpendale, Nicolai Marquardt, Sketching User Experiences (2013), mitp-Verlag, Frechen E-Book via vpn
  • Tanja Wehr, Die Sketchnote Starthilfe (2016), mitp-Verlag, Frechen E-Book via vpn
  • Tanja Wehr, Die Sketchnote Starthilfe. Neue Bilderwelten (2018), mitp-Verlag, Frechen E-Book via vpn
  • Eva-Lotta Lamm, Sketchnotes einer Weltreise (2017), mitp-Verlag, Frechen E-Book via vpn
  • Mike Rohde, Das Sketchnote Handbuch (2014), mitp-Verlag, Frechen E-Book via vpn
  • Temple Grandin P. Visual Thinking, The Hidden Gifts of People Who Think in Pictures, Patterns, and Abstractions. Riverhead Books; 2022 E-Book via vpn

Weiteres Material finden Sie im Ilias unter dem Reiter Pen & Paper.

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.

Workshop 2022