Functional Animation
Funktionale Animationen erfüllen im Interface verschiedene Aufgaben: Sie führen den Nutzer durch einen Prozess, verbessern die Orientierung und liefern Feedback auf Eingaben. Sie ergänzen die Interaktion durch kleine Details, die zur Verbesserung der Usability führen, Spaß machen und Emotionen wecken. Für ein hochwertiges, begeisterndes und markentypisches Nutzererlebnis sind sie damit sehr wichtig.
Von Views über Komponenten bis hin zu einzelnen Icons kann alles animiert werden. Für ein stimmiges Gesamterlebnis sollte das Timing aller Parameter fein aufeinander abgestimmt und die Performance von verschiedenen Devices berücksichtigt werden. Alle im Interface verwendeten Animationen bauen auf den Animationsgrundlagen auf. So geben sie jeder Audi Anwendung einen typischen, dynamischen Charakter.
Der Response-Effekt vermittelt ein klares visuelles Feedback. Ein weiteres Beispiel für die Kommunikation verschiedener Systemzustände ist die Loader-Komponente.
Die Listeneinträge lassen sich per Drag & Drop verschieben. Dabei vermittelt die Bewegung der Einträge, wo es möglich ist, den zu verschiebenden Listeneintrag einzusortieren. Ein weiteres Beispiel sind Formularfelder, in denen das Label nach Klick in das Feld nach oben bewegt wird, um Raum für die Texteingabe des Nutzers zu schaffen.