Icons

Icons sind Bildsymbole, die Informationen platzsparend auf kleinstem Raum vermitteln. Sie unterstützen so das Navigieren oder das Ausführen von Funktionen und ermöglichen eine schnellere kognitive Erfassung von Inhaltstypen. Die entwickelten Icons haben eine klare und sachliche Formensprache und sind somit zusätzliche visuelle Anker. Entsprechend der gewählten Portalfarbe werden die Icons farbig dargestellt.

Die Icons sind als Scalable Vector Graphics anzulegen. Icons in Form von SVG-Sprites ermöglichen eine verlustfreie Skalierung. Auf diese Weise können die Icons in mobilen Anwendungen unterschiedlich groß dargestellt werden und verlieren auch bei der manuellen Skalierung durch den User nichts von ihrer Präzision. 

Die Hinterlegung verschiedener Icongrößen für unterschiedliche Displaymaße wird damit überflüssig.

Um das einzelne Icon herum ist ausreichend Platz notwendig, damit die Lesbarkeit und die Bedienung als Touchfläche gewährleistet werden kann.