Interfacegestaltung im mobilen Zeitalter stellt Gestalter und Interface-Teams vor viele neue Herausforderungen. Inhalte müssen auf unterschiedlichsten Screens funktionieren und ihre Botschaft kommunizieren können. Um User auf verschiedenen Geräten zu erreichen, brauchst es Designsysteme, die flexibel auf die unterschiedlichen Endgeräte reagieren können. Wie nutze ich individuelle Geräteeigenschaften optimal aus? Wann entscheide ich mich für eine App, wann für eine mobile Website? Was muss ich beachten, wenn ich für Responsive Design gestalte? Gerade bei einem so generischen Ansatz wie Responsive Design muss der Gestalter Fertigkeiten haben, um eine gleichbleibende Designqualität auf verschiedenen Geräten zu gewährleisten.

Dieses Format hilft Interface-Gestaltern, die Qualität ihres Designs zu verbessern und ihre Fähigkeiten zur Gestaltung von Benutzeroberflächen an die neuen Anforderungen anzupassen. Anhand von Beispielen und Übungen werden Methoden vermittelt, um Interfaces mit hoher Designqualität und guter Usability auf PC, Tablet und Mobile zu gestalteten.

In diesem Workshop wechseln sich Input-Phasen durch den Seminarleiter mit Phasen des selbständigen Arbeitens ab. Nach jeder praktischen Aufgabe schließt sich eine Feedback-Runde an.

Kreative aus Agenturen und Unternehmen mit ca. 4jähriger Berufserfahrung, die bisher vor allem printlastig gearbeitet haben und einen Einstieg ins kreative Interfacedesign haben möchten. Außerdem für Teilnehmer mit geringerer Erfahrung im Bereich Responsive Design, die ihre Kenntnisse ausbauen möchten.

Bitte einen eigenen Laptop mit gängigen Grafikprogrammen mitbringen.

FORM, FARBE, KONTRAST, TYPO, ABSTÄNDE
Wie schaffe ich durch die gekonnte Auswahl von Farben und Kontrasten auf meinem Interface einen Harmonie zwischen allen Elementen. Dieser Teil beschäftigt sich mit Typografie, Abständen, Formverwandtschaften und der Konsistenz aller benutzten grafischen Stilmittel. 

WEBFONTS
Wie setzte ich Webfonts ein? Was gibt es dabei zu beachten?

ICONS FÜR MOBILES DESIGN
Mobiles Design hat vor allem eines nicht: Platz. Aus diesem Grunde sind Icons sehr beliebte Einstiegspforten zu den Inhalten einer Anwendung. Worauf es bei der Gestaltung von Icons ankommt, um einen harmonischen Gesamteindruck zu vermitteln und wie man deren Verständlichkeit erreicht, behandelt dieser Teil des Workshops

USABILITY VS. SCHÖNES DESIGN
Gute User Experience und Design stehnen sich machmal im Wege. Die Prämisse für eine gute Usability: „Don’t make me think” fordert ein Interfacedesign, das sich dem Benutzer ohne Vorkenntnisse selbst erklärt. Doch vorallem das Design für Mobilgeräte stellt an Gestalter neue Herausforderungen und ist oft eine schwer knackbare Nuss.

INTERAKTIVITÄT, ANIMATION, FEEDBACK
Manche Funktionen werden erst dann verständlich, wenn man sie selbst bedient. Animationen im Interface helfen den Benutzern zu verstehen, wo sie sich befinden, woher sie kommen und wo weitere Auswahlmöglichkeiten versteckt sind. Das richtige Feedback an der richtigen Stelle schafft Vertrauen und minimiert Missverständnisse bei der Bedienung von Interfaces.

GESTALTUNG FÜR RESPONSIVE DESIGN
Responsive Design fordert Vorstellungskraft und Flexibilität vom Gestalter, um auf unterschiedlichsten Geräten eine hohe Designkonsistenz zu erreichen. Screengrößen, Geräteeigenschaften und Screenformate machen das Denken in Designsystemen und Rastern erforderlich. Wie man diese einsetzt, um sein Design zu entwickeln und welche Probleme dabei zu umschiffen sind, behandlen wir in diesem Teil.

NATIVE APPS VS. MOBILE WEBSITES
Mobile Websites sind auf dem Vormarsch. Sie sind preiswerter zu realisieren und verfügen inzwischen über viele Eigenschaften mit denen ihre spezialisierten Kollegen, die „Native Apps”, glänzen können. Wo macht es Sinn eine mobile Website einzusetzen und welche Aufgabe sollte man einer„nativen App” überlassen, ist die Fragestellung in diesem Abschnitt.