Zu wissen, wann animierte Effekte im Webdesign Ihres Geschäfts verwendet werden sollen, ist eher eine Kunst als eine Wissenschaft. Lesen Sie weiter, um mehr über die fünf Kontexte zu erfahren, in denen Animationen die allgemeine Benutzererfahrung Ihrer Website verbessern.
Die Benutzererfahrung ist eine wichtige Überlegung, um Kunden für Ihre Website zu begeistern. Neben der Benutzererfahrung kommt das Thema Webanimation und Übergangseffekte. Mit dem modernen Browser können wir das Web mithilfe von HTML, CSS und JavaScript zum Leben erwecken.
Irgendwann können diese Eigenschaften jedoch übermäßig sein. Haben Sie jemals diese PowerPoint-Präsentationen gesehen, bei denen anscheinend alle von der Software angebotenen Übergangseffekte genutzt wurden? Ein ähnlicher Trend zeichnet sich im Internet ab. Es ist keine Frage von können du machst es, aber sollte Tun sie es.
Was sind Animationen?
Für die Zwecke dieses Artikels beziehen sich Webanimationen auf die verschiedenen Übergangseffekte, die hauptsächlich von CSS und manchmal von jQuery / JavaScript ausgeführt werden. Diese Effekte können von einer einfachen Farbüberblendung bis zu einem Zoomeffekt für ein Bild reichen. Grundsätzlich handelt es sich um eine stilistische Änderung eines Elements von einem Zustand in einen anderen.
Mit den heutigen Tools können wir animierte Effekte problemlos implementieren. Unter dem Strich geht es jedoch darum, wie und wann sie verwendet werden sollen. Das Hinzufügen zu vieler Effekte kann den Benutzer von seinem endgültigen Ziel ablenken und die Ladezeit der Seite verlängern. Beides kann die Geduld Ihres Benutzers beeinträchtigen.
Speichern Sie die Schneeflocken
Denken Sie an die Websites, die Sie mit zu viel Animation besucht haben. Zunächst wird ein Popup auf Ihrem Bildschirm angezeigt, in dem Sie aufgefordert werden, sich für einen Newsletter anzumelden. Sie schließen dieses Feld nur, um festzustellen, dass auf der von Ihnen besuchten Website Schneeflocken auf dem Bildschirm schweben, um für einen Winterschlussverkauf zu werben. Sie klicken auf ein Produkt und warten, bis die Seite (und alle Schneeflocken) geladen ist. Dies ist ein perfektes Beispiel für was unterlassen Sie machen.
Wann sollten Sie Animationen verwenden?
Animation kann das i-Tüpfelchen für eine schöne Website sein. Bei korrekter Ausführung können sie sogar die allgemeine Benutzererfahrung Ihrer Website verbessern. Der Schlüssel ist, sicherzustellen, dass Sie sie für einen bestimmten Zweck verwenden.
Hier sind fünf Gründe, um Ihrem Geschäft eine Animation hinzuzufügen:
1. Um sich zu konzentrieren
Der hier verwendete Übergangseffekt hilft dabei, das Bild jeder Sportart zu isolieren und die Aufmerksamkeit des Benutzers zu lenken.
2. Um anzuzeigen
Dieser Hover-Effekt gibt dem Benutzer zusätzliche Informationen zum Farbfeld, indem er den spezifischen Farbnamen identifiziert.
3. Benachrichtigen
Dieser Dropdown-Listeneffekt zum Hinzufügen zum Warenkorb informiert den Benutzer darüber, dass ein Artikel zu seinem Warenkorb hinzugefügt wurde.
4. Reagieren
Dieses Formularfeld reagiert, wenn ein Benutzer Text hinzufügt und auf den nächsten Pfeil klickt, indem ein Fortschrittsbalken unter dem Feld angezeigt wird, um anzuzeigen, wer mit jeder Übermittlung wächst.
5. Orientieren
Diese Google Map ist ein perfektes Beispiel dafür, wie ein einfacher Zoomeffekt die Fähigkeit des Nutzers verbessern kann, sich auf der Seite zu orientieren.
Wenn Sie eine Animation verwenden möchten, die Benutzer auf irgendeine Weise daran hindert, das zu erreichen, was sie auf einer Site wollen, dann tun Sie dies nicht. Wenn Sie eine Animation hinzufügen möchten, die das Gesamterlebnis beim Besuch einer Website verbessert, fahren Sie fort!
Frohes Verkaufen!
-Ashley Hebler, bedeutet E / A.
Unterstützen Sie unsere Arbeit ❤️
Wenn Ihnen dieser Artikel gefallen hat, können Sie uns mit einem Trinkgeld unterstützen, damit wir weiterhin großartige Inhalte veröffentlichen können.
