Die “MINT-EC Netzwerkkarte” ist ein Online-Tool, das Schulen erlaubt sich über digitale Werkzeuge, Methoden und Projekte auszutauschen, sich gegenseitig zu helfen und zu inspirieren. Durch Schulprofile, Karten, Event-Listen und Projektdokumentationen wird individuelles Engagement übersichtlich visualisiert und greifbar. Die Netzwerkkarte wird so zum Echtzeit-Indikator digitaler Transformartionsprozesse im Bildungssektor und ist eine Einladung die Digitalisierung vernetzt voranzutreiben.
Technologie: WordPress, ember.js
Seite: netzwerkkarte.mint-ec.de
Jahr: 2021/2022
![](/assets/projects/mint-ec/mint-ec-home-screen-ag-prop-94dc26a5fd5aa0ea0fc44cf0f4f8f2cb.png)
User Centered Design: Die Nutzer*innen im Fokus
Da die Technikaffinität der aus vielen verschiedenen Generationen zusammengesetzten Zielgruppe sehr unterschiedlich ausfällt, wurde besonders auf eine niedrigschwellige, intuitive Bedienung abgezielt. Um weniger erfahrene Nutzer*innen an die Funktionen und Teile der Netzwerkkarte heranzuführen, wird beim ersten Aufrufen des Tools ein leicht verständliches Onboarding angeboten, das die Grundelemente und -funktionen erklärt.
![](/assets/projects/mint-ec/mint-ec-tooltips-ag-prop-1f2994d840c93b439b62c7d033106ede.png)
Mit Filtern die Daten bändigen
Damit Nutzer*innen genau die für sie relevanten Daten schnell auffinden können, wird ihnen ein effektives Filter- und Schlagwortsystem an die Hand gegeben. Weiter sorgen Mechanismen wie z.B. zoomstufen- abhängige Cluster-Darstellungen in der Kartenansicht immer für die bestmögliche Übersicht.
Organisation von Inhalten mit Content-Cards
Die “Impulse” Seite zeigt eine Übersicht bereits abgeschlossener und dokumentierter Projekte und bildet so ein ständig wachsendes “Archiv der Denkanstöße”. Content-Cards sorgen auch hier für Klarheit und erleichtern es den Usern, Inhalte zu überblicken, zu entdecken und in dahinterliegende Inhaltsebenen einzusteigen.
![](/assets/projects/mint-ec/mint-ec-cards-ag-prop-e6ef4870e6ed760d1fcf0fc430b8455b.png)
![](/assets/projects/mint-ec/mint-ec-color-code-ag-prop-57caa3633cf50c1012371c48d86d3486.png)
Farbcodes bieten Orientierung
Farbcodierte Hinweiskarten lockern das Gesamtbild auf und lassen die User Informationen wie Zusammenfassungen, Linklisten, Tipps oder Downloads schneller finden. Autor*innen können sich dieser Stile bedienen, um derartige Inhalte professionell einzubinden.
Design, Look and Feel
Die Netzwerkkarte dockt am bestehenden MINT-EC Erscheinungsbild an und ist visuell leicht, freundlich und übersichtlich gehalten. Die Gestaltung unterstützt die Funktionen des Tools und inszeniert die vielfältigen Themen und Projekte abwechslungsreich und anregend.
![](/assets/projects/mint-ec/mint-ec-visual-design-ag-prop-c556f6f204e5efd90435b1235fedf5e2.jpg)