Design

Visuelles Design ist was gemeinhin unter „Design“ verstanden wird: die grafische Ausgestaltung und Formgebung von Inhalten und Funktionen. Visuelles Design sorgt dafür, dass Funktionselemente wie Buttons als solche erkannt und benutzt werden und dass Inhalte gut und leicht aufgenommen werden können.
Die visuelle Ausgestaltung eines digitalen Dienstes, Produkts oder Prozesses ist allerdings erst einer der letzten Schritte in deren Entwicklung. Ein hübsches Design lässt auch ein schlechtes oder wenig durchdachtes Konzept gut aussehen. Es gaukelt Funktionalität und ein gebrauchsfertiges Produkt vor. Konzeptionelle Fehler und Ungenauigkeiten bleiben jedoch nicht folgenlos und führen erst in einer späteren Projektphase zu Problemen. Lassen Sie sich daher nicht blenden: Verlangen Sie von Ihren Dienstleistern kein Screendesign, bevor nicht Ziele, Funktionen und Inhalte gemäß den empfohlenen vorangegangenen Schritten möglichst vollumfänglich geklärt und in Beziehung zueinander gesetzt wurden.

Für die definierten und abgestimmten Anforderungen, Inhalte und Funktionen werden nun visuelle Lösungen entwickelt. Diese können in verschieden detailreichen Prototypen umgesetzt werden. In Iterations- und Abstimmungsschritten arbeitet man sich von einem Wireframe (Priorisierung, Dimension, Anordnung, Abfolge), über ein MVP (Minimum Viable Product) zu einem visuellen Interface-Design voran. Der Atomic-Design-Ansatz systematisiert visuelle Elemente. Das spart Zeit und Aufwand.

Checkliste Initialisierung

• Form follows function: Erst kommt das Konzept, dann folgt das Design. Lassen Sie sich nicht von einem vorschnell aus dem Hut gezauberten, hübschen Design blenden.
• Konsistenz: Achten Sie auf gestalterische Konsistenz innerhalb Ihrer Website oder App.
• Corporate Design: Das visuelle Erscheinungsbild sollte sich als Klammer um alle ihre Medienprodukte legen. So ist klar, dass Sie der Absender sind.
• Nachhaltigkeit: Prägnante Designtrends haben oft eine geringe Lebensdauer. Ihr Produkt könnte schon bald wie „von gestern“ wirken.
• Agilität: Nutzen Sie Moodboards, StyleGuides und den Atomic-Design-Ansatz, um effizient auf Änderungen und Erweiterungen reagieren zu können.