Screendesign ist die Gestaltung von Bildschirmoberflächen für digitale Schnittstellen von Computern, mobilen Endgeräten, Apps, Automaten und weiteren Anwendungen. Screendesign ist ein Unterbereich von Grafikdesign bzw. Interfacedesign, genau gesprochen ein Teilbereich des UX-Designs. Es beschäftigt sich dabei ausschließlich mit dem grafischen Aussehen einer digitalen Schnittstelle via seiner Benutzeroberfläche. Screendesign wird dabei zu einem wesentlichen Faktor bei der Anwendungsgestaltung an sich.
Elemente des Screendesigns
- Screendesign benötigt ein vertieftes Wissen um die Anwendung an sich,
- daher darüber, was wie erreicht werden soll.
- Screendesign bezieht dabei im Idealfall Komponenten des Interaktionsdesigns mit ein,
- daher um zB bestimmte Besonderheiten der Anwendung mit einzubinden.
- Benötigt wird ein klar strukturiertes und verständliches Layout, das dem Benutzer hilft, sich auf der Oberfläche zu orientieren und auf ihr zu navigieren,
- daher eine nachvollziehbare visuelle Gestaltung, die die Interaktion mit dem Interface erleichtert.
Die visuelle Gestaltung an sich
- Screendesign benötigt wie gesagt wird ein klares, gut strukturiertes und verständliches Layout.
- Das Layout beschäftigt daher sich mit der optimalen visuellen Anordnung der Elemente auf der Bedienoberfläche.
- Dabei ist die Coporate Identity (CI) des Unternehmens mit einzubeziehen, um den Faktor der konsistenten Wiedererkennbarkeit zu gewährleisten.
- Im Falle des Vorhandenseins einer Coporate Identity ist somit mit dessen Parametern zu arbeiten,
- daher mit den dadurch vorgegebenen Komponenten wie Typografie und Farbe.
- Die Arbeit am Screendesign einer Anwendung kann aber (wenn notwendig) zu bestimmeten Modifikationen der CI führen, wenn dies für die Benutzerfreundlichkeit des Screendesigns sinnvoll erscheint.
- So kann zB die Neuentwicklung von Icons notwendig werden oder zB die Implementierung eines vertieften Farbleitsystems, das die Verwendung von zusätzlichen Farben notwendig macht,
- zB Verwendung von Rot als Signalfarbe, obwohl diese Farbe in der CI nicht vorgesehen ist.
- Hier steht immer die Bedienungsfreunlichkeit der Anwendung im Fokus, mit allen dafür notwendigen Komponenten und Maßnahmen.
Prozess des Screendesigns
- Recherche & Analyse
Hier wird die Zielgruppe analysiert (inklusive Markt- und Wettbewerbsanalyse) sowie die Anforderungen des Projekts abgesteckt (in technisch-strategischer Hinsicht) - Wireframing & Prototyping
Wireframes sind einfache, schematische Darstellungen des Layouts, die die Anordnung von Elementen wie Menüs, Texten und Bildern aufzeigen.
Ein Prototyp ist eine detaillierte Vorschau der späteren Benutzeroberfläche, oft mit integrierten Interaktionen, um die Benutzerfreundlichkeit und Funktionalität zu testen. - Gestaltung & Design
Hier wird das das visuelle Design erstellt, einschließlich der Auswahl an Farben, Schriften, Icons und Bildmaterialien. Der Wireframe wird zu einem fertigen Layout ausgearbeitet.
- Usability-Testing
Vor der seiner Implementierung wird das Design in Usability-Tests mit echten Nutzern auf dessen formal-inhaltliche Richtigkeit hin überprüft. Das Feedback wird dazu verwendet, um das Screendesign bei Bedarf weiter zu optimieren. - Implementierung
In der Zusammenarbeit zwischen Gestalter und Entwickler wird das Screendesign nun in die Anwendung implementiert. Technische Aspekte können dabei finale optische Anpassungen notwendig machen, sofern diese aus technischer Sicht unumgänglich erscheinen.
Abgrenzung zum Webdesign
Während Screendesign die visuelle Gestaltung von Benutzeroberflächen im Allgemeinen zum Inhalt hat, beschäftigt sich Webdesign mit der Gestaltung von Internetseiten im Speziellen. Auch sind webrelevante Parameter wie Responsive Design nicht notwendigerweise für Screendesign notwendig, wenn zB die Größe eines Bildschirms auf einem Automaten bereits fix definiert ist. Auch fehlt im Regelfall die dauerhafte Anbindung an das Internet, was bei Webseiten per se der Fall ist.
Fazit
Screendesign ist ein wichtiger Bestandteil der Anwendungsgestaltung und konzentriert sich auf das visuelle und strukturelle Design von Benutzeroberflächen. Durch ein nutzerfreundliches Layout, eine ansprechende Ästhetik und eine klare Strukturierung hilft Screendesign, die Interaktion mit einer Anwendung intuitiv und benutzerfreundlich zu gestalten.
