{"id":233,"date":"2017-09-03T13:14:54","date_gmt":"2017-09-03T11:14:54","guid":{"rendered":"http:\/\/evileu.de\/systemberatung\/?p=233"},"modified":"2017-09-03T18:15:49","modified_gmt":"2017-09-03T16:15:49","slug":"wenns-blinkt-und-zoomt-und-zappelt-animationen-auf-firmen-webseiten","status":"publish","type":"post","link":"https:\/\/evileu.de\/systemberatung\/2017\/09\/03\/wenns-blinkt-und-zoomt-und-zappelt-animationen-auf-firmen-webseiten\/","title":{"rendered":"Wenns blinkt und zoomt und zappelt: Animationen auf Firmen-Webseiten"},"content":{"rendered":"<p>Seit einigen Jahren ist die ohnehin schon un\u00fcberschaubare Bilderflut im Internet noch um eine Dimension un\u00fcbersichtlicher geworden: die bewegten Bilder, alle unter dem Oberbegriff Animationen zusammengefasst. Da gibt es Diashows und Videos, \u00dcberblendungen und Jalousie-Effekte, Zoom-In und Zoom-Out und was nicht noch alles, Hauptsache es bewegt sich und zieht die Aufmerksamkeit der Besucher auf sich. Das hatte einen gewissen Statuswert, als bewegte Bilder im Web noch teuer und aufwendig in der Herstellung waren, aber heute kann jeder Hobby-Bilderbastler seine eigenen Animationen kreieren und ins Web stellen, das hat definitiv etwas von Verramschung an sich.<\/p>\n<h2>Meistens ist es eh nur Werbung<\/h2>\n<p>Mir gehen animierte Bilder\u00a0eher auf den Wecker, als dass sie mich zum Bleiben und genauer Hinsehen veranlassen. \u00a0Ich suche auf Webseiten meistens\u00a0\u00a0Informationen\u00a0zu einem bestimmten fachlichen Thema, und wenn es da erstmal blinkt und flimmert, bin ich abgelenkt und irritiert, und klicke im Zweifelsfall ganz schnell wieder weg, weil es eh blo\u00df\u00a0wieder Werbung ist, die mich da so nervt\u00f6tend anmacht.<\/p>\n<h2>F\u00fcr sowas gibt es Ad-Blocker<\/h2>\n<p>Der Informationswert der Animationen geht in den meisten F\u00e4llen sowieso gegen Null, sie sollen wirklich nur die Aufmerksamkeit des Besuchers erregen und irgendwas verkaufen, das mit dem gesuchten Thema in den meisten F\u00e4llen rein gar nichts zu tun hat. Deswegen verwende ich in meinem Firefox auch einen sehr effektiven Ad-Blocker, und bleibe in den meisten F\u00e4llen von Blinkerbildchen verschont, aus die Maus. Webseiten, die von mir die Deaktivierung meines Ad-Blockers verlangen, haben Pech gehabt, die sehen mich nicht wieder.<\/p>\n<h2>Auch f\u00fcr Animationen gilt: Qualit\u00e4t gibts nur vom Profi<\/h2>\n<p>Die richtig gut gemachten Animationen, wie man sie z.B. auf den Werbeseiten richtig grosser Firmen sieht (BMW hat da tolle Sachen) \u00a0werden aufwendig von Profis produziert und kosten dementsprechend auch echt viel\u00a0Geld. Die kann man sich dann schon mal anschauen, das sind halt gut gemachte Werbefilme, sowas lasse ich mir gerade noch eingehen.<\/p>\n<p>F\u00fcr den kleinen und mittleren Betrieb aber gilt, \u00e4hnlich wie f\u00fcr den Einsatz von Fotos: selbst Gebasteltes wirkt immer dilettantisch. Eine Diashow ist nur so gut wie die Fotos, die sie zeigt, und da kann man Amateurschnappsch\u00fcsse aus der Digicam oder vom Handy einfach nicht f\u00fcr eine Firmenwebseite verwenden. F\u00fcr eine gut gemachte Animation m\u00fcssen sie also Geld hinlegen und einen Profi beauftragen, und selbst dann ist noch die Frage: brauchen wir das wirklich? Oder tut es auch eine Extra-Seite mit einer sch\u00f6n aufgemachten Fotogalerie, die sich der Besucher in aller Ruhe ansehen kann?<\/p>\n<p>Ich m\u00f6chte an dieser Stelle ein Argument in die Waagschale werfen, das ein ganz anderes Thema in die Diskussion einbringt:<\/p>\n<h2>Barrierefrei und Animationen &#8211; das geht gar nicht!<\/h2>\n<p>Oder nur sehr eingeschr\u00e4nkt, um es genau zu sagen. Sie m\u00fcssen sich das mal so vorstellen: wenn sie z.B. als Sehbehinderter auf einen Screenreader angewiesen sind, k\u00f6nnen sie mit Bildern nur anhand der hoffentlich vom Webdesigner gut gepflegten Alt-Texte etwas anfangen. Der Alt-Text oder auch Alternativtext ist n\u00e4mlich genau daf\u00fcr da, Informationen \u00fcber das jeweilige Bild zu liefern, wenn ein Benutzer es nicht sehen kann.<\/p>\n<p>Wenn jetzt in einer Animation z.B. zehn oder zwanzig Bilder durchlaufen, mu\u00df der Screenreader zehn oder zwanzig mal den Alt-Text zu jedem Bild vorlesen, so er denn vorhanden ist. Meistens wird bei der Erstellung von bewegten Animationen n\u00e4mlich glatt vergessen, zu jedem Bild den Alt-Text vern\u00fcnftig einzugeben!<\/p>\n<p>Typischerweise hei\u00dft das dann so \u00e4hnlich wie \u00a0picture001, picture002&#8230; picture100, einfach weil der Animationsprogrammierer geschlampt hat, und damit hat der Alt-Text keinerlei Aussagekraft f\u00fcr den Screenreader-Benutzer. Ganz davon abgesehen, dass es ewig dauert, bis man mit dem Screenreader durch alle Bilder durch ist.<\/p>\n<h2>Also gar keine Animationen auf barrierefreien Webseiten?<\/h2>\n<p>Habe ich die Problematik klar dargestellt? Ich hoffe schon, denn das Thema ist mir sehr wichtig. Mir hat der Fachmann von der Pfennigparade, mit dem ich wegen der barrierefreien Gestaltung meines Inselfisch -Kochbuchs zusammengearbeitet habe, die Sache so auf den Punkt gebracht:<\/p>\n<p>Animationen auf barrierefreien Webseiten gehen nur, wenn sie sich nach kurzer Zeit (wenigen Sekunden) selbst abschalten oder vom Besucher direkt abgeschaltet werden k\u00f6nnen, damit eine st\u00f6rungsfreie Arbeit mit dem Screenreader gew\u00e4hrleistet ist.<\/p>\n<p>Na, das ist doch eine klare Aussage.<\/p>\n<h2>Wie habe ich diese Anforderungen umgesetzt?<\/h2>\n<p>Wissen sie, was ich gemacht habe? Leichten Herzens s\u00e4mtliche Diashows und Blinkerbildchen und \u00dcberblendungen und was nicht noch alles aus meinen privaten Webseiten rausgeschmissen habe ich. Mich stattdessen lieber auf selbstgemalte Illustrationen und ausgesucht sch\u00f6ne Fotos konzentriert, und auch ein bi\u00dfchen mehr Aufmerksamkeit auf gute Alt-Texte gelegt.<\/p>\n<p>Ich habe auch wesentlich mehr Zeit in die sorgf\u00e4ltige Bearbeitung der Bilder f\u00fcr meine Webseiten investiert, in die Wahl des richtigen Bildausschnitts, in die bildschirmgerechte Farbdarstellung, Kontrastverbesserung, Wei\u00dfabgleich und dergleichen professionelle Tricks mehr, das kann man alles prima mit GIMP machen, der steht dem Photoshop da in nichts nach.<\/p>\n<p>Und soll ich ihnen was sagen? Meine Seiten sind viel sch\u00f6ner geworden, ruhiger, gepflegter, dem Auge einfach angenehmer. Ich vermisse die bewegten Bildchen null die Bohne, und meine Besucher auch nicht, sonst h\u00e4tte ich nicht steil steigende Besucherzahlen, seit das Inselfisch-Kochbuch barrierefrei geworden ist und komplett auf Animationen verzichtet.<\/p>\n<p>Das ist vielleicht ein Denkanstoss f\u00fcr sie, wenn sie am Thema Barrierefreiheit interessiert sind.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Seit einigen Jahren ist die ohnehin schon un\u00fcberschaubare Bilderflut im Internet noch um eine Dimension un\u00fcbersichtlicher geworden: die bewegten Bilder, alle unter dem Oberbegriff Animationen zusammengefasst. Da gibt es Diashows und Videos, \u00dcberblendungen und Jalousie-Effekte, Zoom-In und Zoom-Out und was nicht noch alles, Hauptsache es bewegt sich und zieht die Aufmerksamkeit der Besucher auf sich. &hellip; <a href=\"https:\/\/evileu.de\/systemberatung\/2017\/09\/03\/wenns-blinkt-und-zoomt-und-zappelt-animationen-auf-firmen-webseiten\/\" class=\"more-link\"><span class=\"screen-reader-text\">Wenns blinkt und zoomt und zappelt: Animationen auf Firmen-Webseiten<\/span> weiterlesen <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,20],"tags":[],"_links":{"self":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/233"}],"collection":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/comments?post=233"}],"version-history":[{"count":1,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/233\/revisions"}],"predecessor-version":[{"id":234,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/posts\/233\/revisions\/234"}],"wp:attachment":[{"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/media?parent=233"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/categories?post=233"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/evileu.de\/systemberatung\/wp-json\/wp\/v2\/tags?post=233"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}