Unter den existierenden technischen Machbarkeitsimilationen an ein seit Längerem laufendes Website-Projekt anknüpfen und zusammen mit den Wissenschaftlern zu einer attraktiveren Datastorytelling Plattform verhelfen.

Ein User Interface Konzept, das mit einer gesamtheitlichen visuellen Grammatik alle Kriterien der statistischen Korrektheit berücksichtigt, das Branding der United Nations im Gebiet der Diagramme erweitert und den Nutzern eine einladende Erfahrung bietet.

Von einem kleinen Seitenprojekt mit einem limitierten Budget gewann das Projekt innerhalb der übergeordneten United Nation und dem Schweizerischen Bundesamt für Statistik zu positiver Aufmerksamkeit.

User Interface Design System für eine Sustainable Development Goals Data Plattform für UNECE

User Interface Design System für eine Sustainable Development Goals Data Plattform

Design System SDG Data Plattform

User Interface Design System für eine Sustainable Development Goals Data Plattform – für UNECE

Aus einem Arbeitsdokument ein attraktives und fundiertes Handbuch gestalten, welches den partizipativen Prozess der Planung und Gestaltung von kinderfreundlichen Lebensräumen verschiedenen Interessensgruppen zugänglich macht.

Ein Handbuch von 200 Seiten, das auf einem allumfassenden Big Picture beruht und von welchen sich alle Kapitel durch einen roten Faden ableiten lassen. Ein Illustrations- und Farbcode gewährleistet dabei Orientierung – im Handbuch sowie in der Webversion, die wir stetig erweitern.

Schon im ersten co-kreativen Prozess wurden durch die Visualisierung der im Buch enthaltenen Themen Optimierungspotenziale ersichtlich. In reiner Textform fielen die Schwachstellen bis zu diesem Zeitpunkt nicht auf. Die Visualisierung als Werkzeug zur inhaltlichen Schärfung ermöglichte dem Team ein gemeinsames Verständnis des Inhalts.

Big Picture geleitete spielerische Buchstruktur über kinderfreundliche Lebensräume für Unicef

Big Picture geleitete spielerische Buchstruktur über kinderfreundliche Lebensräume

Big Picture Buchstruktur

Big Picture geleitete spielerische Buchstruktur über kinderfreundliche Lebensräume – für Unicef

Out of Balance – Interaktive Data Story über Lohnunterschiede

Schweizer Kinder im Alter von 9 bis 15 Jahren befähigen, eine von Wissenschaftlern entwickelte Umfrage von über 100 Fragen zum Thema Kinderwohl digital zu beantworten.

Eine webbasierte Umfrage mit spielerischen Fragetypen, Illustrationen, Emoticons und ganz viel Hintergrundlogik, um das komplexe Thema zu vereinfachen und die Anzahl Fragen zu verkürzen – mit einer Schnittstelle, die alle wissenschaftlichen Anforderungen einer Auswertung der Resultate mit SPSS garantiert.

Über 1500 Kinder an ausgewählten Schweizer Schulen haben bisher den Fragebogen beantwortet. Auf die Frage, wie gut der Fragebogen gefallen hat, haben uns 75% der befragten Kinder mit vier oder fünf von den möglichen fünf Sternen belohnt.

Spielerischer digitaler Kinderfragebogen zu Kinderrechten für Unicef Schweiz und eine wissenschaftliche Expertengruppe der FHS St. Gallen

Spielerischer digitaler Kinderfragebogen zu Kinderrechten

Spielerischer digitaler Kinderfragebogen

Spielerischer digitaler Kinderfragebogen zu Kinderrechten – für Unicef

Die Mitarbeitenden von Lonza befähigen, abstrakte wissenschaftliche Themen aus dem Bereich der Lifescience mit einem leicht verständlichen visuellen, regelbasierten System zu kommunizieren und dabei die Richtlinien des Brandings einzuhalten.

Ein vom Logo von Lonza abgeleitetes geometrisches System, das Regeln für jeden Winkel, jede Ecke, jeden Strich und jeden Punkt beinhaltet. Das Icon-Prinzip beruht auf der Definition von Repräsentationsgrammatiken für Begriffe mit abstraktem, konkretem und mikroskopischem Inhalt.

Der Ausbau der Markenkommunikation ist der letzte Schritt in der Unternehmenstransformation hin zu einer faktenbasierten und wissenschaftlichen Kommunikation, die wir über die Jahre begleitet und ausgebaut haben. Die Selbstidentifikation aller Mitarbeitenden mit dem geschaffenen System und die einfachen Branding-Richtlinien tragen wesentlich zu einer neuen Transparenz und internen Kommunikationsbereitschaft bei.

Robustes modulares Icon basiertes Infografiksystem für die weltweite Brand Kommunikation für Lonza

Robustes modulares Icon basiertes Infografiksystem für die weltweite Brand Kommunikation

Icon basiertes Infografiksystem

Robustes modulares Icon basiertes Infografiksystem für die weltweite Brand Kommunikation – für Lonza

World Happiness und Economic Freedom Poster – Lab Projekt

Unterschiedliche Zielgruppen wie Forschende, politische Behörden oder die breite Öffentlichkeit anzusprechen und zu befähigen, sich mit statistischen Daten über die Forschung und die Forschungsförderung in der Schweiz auseinanderzusetzen.

Ein flexibles, über die API (Solr) angebundenes CMS-System, das Änderungen im Datensatz in Echtzeit übernimmt und alle Stories auf dem neuesten Stand hält. Die Stories werden durch ein Waffel-Diagramm dargestellt. Es kann auch grosse Zahlenunterschiede korrekt anzeigen und ist leicht verständlich. Die Nutzererfahrung wird mit einem auf Ausschlussprinzip basiertem Menu, einem aktualisierten Branding und einer intelligenten Diagrammbeschreibung erweitert.

Die Weiterentwicklung einer sehr technischen und tool-ähnlichen Wahrnehmung von Daten hin zu einer erzählerischen Präsentationsmethode, welche sich automatisch aktualisiert, führte bei allen Beteiligten zu einem Perspektivenwechsel in der wissenschaftlichen Kommunikation.

Storytelling fokussierte Open Research Data Plattform für SNF

Storytelling fokussierte Open Research Data Plattform

Open Data Research Plattform

Storytelling fokussierte Open Research Data Plattform – für SNF

Die Schweizerische Post dabei zu unterstützen, die jährlich erscheinende Studie zu den Kennzahlen zum Schweizer Onlinemarkt in einer Microsite leicht verständlich und aktualisierbar auf verschiedenen Kanälen visuell zugänglich zu machen.

Eine plattformübergreifende Anwendung, die einen einzigen Diagrammtyp verwendet, um alle Kennzahlen mit einem roten Faden visuell zu verbinden. Um die User Experience zu optimieren, wenden wir das Scrollitelling-Prinzip an. Der Inhalt wird aus der Vogelperspektive aufgebaut und vertieft sich immer mehr in die kleinen Details.

Mit dieser Microsite lässt sich zeigen, dass Scrollitelling nicht nur ein hübsches auflockerndes Element ist, sondern bei der Besucherführung durch die Website Orientierung bieten kann. Ein sich veränderndes Diagramn kann den roten Faden aufrechterhalten und die Zusammenhänge stückweise näher bringen, ohne dabei die Grafikzu überladen.

Besuche die Microsite «Der Schweizer Onlinemarkt im Überblick»

Scrollitelling Datenvisualisierung der Studienergebnisse zum Schweizer Onlinemarkt für die Schweizerische Post

Scrollitelling Datenvisualisierung der Studienergebnisse zum Schweizer Onlinemarkt

Datenvisualisierung Schweizer Onlinemarkt

Scrollitelling Datenvisualisierung der Studienergebnisse zum Schweizer Onlinemarkt – für die Schweizerische Post

Die Mitarbeitenden von Roche befähigen, visuell attraktiv über komplexe Themen zu kommunizieren und dabei die Richtlinien des Brandings einzuhalten.

Ein robustes regelbasiertes System an Icons, das in der visuellen Grammatik einfach zu verstehen und dabei ästhetisch ansprechend ist. Durch die modular geschichtete Bauweise der Icons lassen sich komplexe Begriffe abbilden und spielerisch einfach zu Infografiken kombinieren.

Das visuelle System erfüllt das über die Jahre gewachsene Bedürfnis der Roche-Mitarbeitenden, wissenschaftlich komplexe Themen einfach zu kommunizieren. Es umfasst mittlerweile eine Bibliothek von über 350 Icons, welche die Mitarbeitenden auf verspielte Weise weiterleben und pflegen.

Robustes modulares Icon System für die weltweite Brand Kommunikation für Roche

Robustes modulares Icon System für die weltweite Brand Kommunikation

Icon System Brand Kommunikation

Robustes modulares Icon System für die weltweite Brand Kommunikation – für Roche

Hilfe bei den Entscheidungen und der Patientenkommunikation für die Mitarbeitenden im öffentlichen Gesundheitswesen durch besser gestaltete Informationssysteme in Nigeria, Elfenbeinküste und Mosambik.

Ein umfangreiches Konzept für die Papier basierte medizinische Erfassung und Berichterstattung von Gesundheitsdaten mit Formularen, welches die aktuellen Informationsstrukturen stark vereinfacht, fachübergreifend verbindet und ein ausgereiftes Hinweissystem auf mögliche Komplikationen enthält.

Die gesamtheitliche Analyse der Informationsarchitekturen fast aller kinderbezogenen Formularbücher führte zur Entdeckung eines Ansatzes für die universelle Krankenakte. Die neuen Gesundheitswesen-Formulare stiessen auch bei der WHO auf Interesse und regten eine konstruktive Diskussion an.

Neugestaltung von Gesundheitsformularen für drei Afrikanische Länder für das Schweizer Tropeninstitut und die Gates-Stiftung

Neugestaltung von Gesundheitsformularen für drei Afrikanische Länder

Neugestaltung von Gesundheitsformularen

Neugestaltung der Gesundheitsformulare für drei afrikanische Länder – für das Schweizer Tropeninstitut

Animierte Infografik Microsite über Digital Commerce – für die Schweizerische Post

Plakat Lebenshaltungskosten in Europa – Lab Projekt

Innofield bei der Kommunikation eines sehr spezifischen Produktangebots zu unterstützen und die Argumente in einfach verständliche und klare Visualisierungsmodule zu strukturieren.

Eine storytelling Microsite mit einer isometrischen Landschaft, welche mit einem Big Picture die Story bis ins letzte Detail erzählt. Bei jedem Erzählschritt werden textuelle Details on Demand eingeblendet und mit subtilen Animationen verfeinert.

Die vektorbasierten modularen Grafiken ermöglichen es, komplexe Inhalte ohne Qualitätsverlust auf verschiedenen Bildschirmgrössen darzustellen. Dadurch eröffnen sie viele Möglichkeiten für kreative Gestaltungsaufgaben im Bereich des Informationsdesigns. Das «Overview First, Details von Demand»-Prinzip kann jedem Zielpublikum strategische Unternehmensinhalte vereinfacht und klar vermitteln.

Scrollitelling Cloud Service Infografik als Erklärung des komplexen Produktangebots für Innofield (heute flow.swiss)

Scrollitelling Cloud Service Infografik als Erklärung des komplexen Produktangebots

Scrollitelling Cloud Service Infografik

Scrollitelling Cloud Service Infografik als Erklärung des komplexen Produktangebots – für Innofield (heute flow.swiss)

Digitaler Coach für Onlinehändler – für die Schweizerische Post

Die Topographie der Start-up-Unterstützung in Basel – für InnoSuisse, EUresearch International Networks

Interaktiver datenbasierter Jahresrückblick – Lab Projekt

Die Grenzen der existierenden Business Intelligence (BI) Tools zu überschreiten und eine leicht lesbare Darstellung zu finden, um die wichtigsten Zahlen des Argrarberichts jeder Bildungsschicht zugänglich zu machen.

Eine abzählbare Diagrammsprache kombiniert mit der strikten und systematischen Verwendung von Farbe ergibt einen leicht lesbaren Bericht. Die direkt in das Diagramm eingefügten Legenden und Kommentare lockern die Zahlensammlung auf und ergeben eine Art Data Story. Ein zentrales Element bilden dabei die in Kacheln organisierten Zahlen auf den Einstiegsseiten der einzelnen Kapitel.

Der unattraktive Werkzeugcharakter von BI Tools haben wir durch ein einfaches Diagramprinzip und eine Kachelübersicht der wichtigsten Leistungszahlen (KPIs) ersetzt. Die Dashboardseiten funktionieren als Powerpoint-Folien sowie als Ausdrucke. Sie sind nicht zuletzt dadurch so gut verständlich, weil sie bereits im Vorfeld inhaltlich kuratiert wurden.

Dashboard mit neuem Diagrammtyp als öffentlicher Online-Agrarbericht für das Bundesamt für Landwirtschaft

Dashboard mit neuem Diagrammtyp als öffentlicher Online-Agrarbericht

Dashboard Agrarbereicht

Dashboard mit neuem Diagrammtyp als öffentlicher Online-Agrarbericht – für das Bundesamt für Landwirtschaft

Isometrische Infografik über den Schweizer Eiermarkt – für das Bundesamt für Landwirtschaft

Visualisierung von Pharmazeutischen Prozessen – für Lonza

Interaktives Punktmethode Ausstellungsplakat – Lab Projekt

Visualisierung von Buchinhalten zur Gruppendynamik durch ein Illustrationssystem – für FHNW Hochschule für soziale Arbeit

Illustrierte Wissenschaftsmethoden über Freiräume in einem spielerischen Buch  – für FHNW Hochschule für soziale Arbeit

Partizipationsapp für sozial nachhaltige Stadtenticklung – für FHNW Hochschule für soziale Arbeit

Interaktive Punktmethode zum Thema Suffizienz – für das Präsidialdepartment Basel-Stadt

Übersichtsplakat zu den Anwendungsfeldern von Open Data – für den Kanton Basel-Stadt

Emoticon basiertes Branding System – für Bildungslandschaften Basel

Erstellen einer dynamischen Identität – für die Startup Academy

behance-test

Aktuelle Begriffe wie Infografik, Datenvisualisierung, Data Storytelling und Ähnliche fassen wir unter dem Begriff der Informationsvisualisierung zusammen. Mit unserem Ansatz der Informationsvisualisierung definieren wir eine systematisch funktionierende visuelle Grammatik, mit deren Hilfe wir die Dimensionen der Daten und Informationen übersetzen.

Hast du etwas zum Visualisieren für uns?

Scrollitelling Datenvisualisierung der Studienergebnisse zum Schweizer Onlinemarkt     – für die Schweizerische Post

Dashboard mit neuem Diagrammtyp als   öffentlicher Online-Agrarbericht – für das Bundesamt für Landwirtschaft

Storytelling   fokussierte Open Research Data   Plattform – für SNF

Aktuelle Begriffe wie Infografik, Datenvisualisierung und Ähnliche fassen wir unter dem Begriff der Informationsvisualisierung zusammen.