Video ergo sum – Der Mensch ist ein visuelles Wesen. Von all seinen Sinnen ist der Sehsinn am besten ausgeprägt und entwickelt. Dafür setzt der Homo Sapiens allerdings auch etwa 80% 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. Für die Verarbeitung visueller Informationen ist die rechte Gehirnhälfte spezialisiert. Diese wird in Schule und Studium aber sehr oft vernachlässigt. In diesem Workshop kümmern wir uns ganz bewusst um sie.
Mit Hilfe von einfachen Visualisierungen und UI Sketching sind wir in der Lage Ideen, Gedanken, Konzepte, Systeme, Layouts, etc. schnell und verständlich zu visualisieren und darüber zu kommunizieren, bzw. auf Basis der Visualisierung zu diskutieren. Es hilft im Konzeptions- und Entwickungsprozess enorm um:
Der Workshop läuft wie folgt ab:
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.
Arbeiten Sie danach den Artikel Hierarchical Task Analysis und das gleichnamige Essay von Sebastian Kraiker durch, so dass Sie in der Lage sind, eigenständig HTAs zu erstellen.
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.
Kindle E-Book Demo
7” Waveshare mit ESP8266 Demo
Bitte bringen Sie folgende Materialien mit:
Hier finden Sie den Foliensatz zum Workshop.
Auf Udemy gibt es den Online Kurs Sketching for UX Designers von Krisztina Szerovay in dem noch viele weiterführende Themen behandelt werden.
Dieser Workshop ist Teil des Moduls «Einführung in die Medieninformatik». Weitere Informationen zum Modul finden Sie in der Modulbeschreibung.
Dokumentieren Sie Ihre Ergebnisse mit einem kurzen Video (3 bis 5 Minuten) und laden Sie dieses im Ilias bis zum Montag nach Ihrem Workshop hoch. Achten Sie darauf den Upload Bereich für Ihre Gruppe zu nutzen.