{"id":527,"date":"2010-02-26T22:12:36","date_gmt":"2010-02-26T21:12:36","guid":{"rendered":"http:\/\/localhost\/WebsiteML\/LiveWebsite\/www\/blog\/en\/?p=527"},"modified":"2020-02-13T16:25:29","modified_gmt":"2020-02-13T15:25:29","slug":"vor-und-nachteile-von-animationen-bezueglich-der-user-experience","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/de\/blog\/vor-und-nachteile-von-animationen-bezueglich-der-user-experience\/","title":{"rendered":"Vor- und Nachteile von Animationen bez\u00fcglich der User Experience"},"content":{"rendered":"<p>Wie bereits im Januar-Artikel beschrieben, kann Animationen eine wesentliche Bedeutung beim User Interface Design zukommen. Dieser Artikel bietet Einblick in eine Studie, in der die Effekte von Animationen auf die User Experience erforscht wurden.<br \/>\n<!--more--><\/p>\n<h3>Prototyp und Aufgaben<\/h3>\n<p>Das Untersuchungsobjekt der Studie war der interaktive Prototyp eines Geb\u00e4udemanagement-Systems. Die Hauptfunktionalit\u00e4ten drehten sich darum, einen \u00dcberblick \u00fcber das Geb\u00e4ude zu geben (Etagen und R\u00e4ume), die Temperatur einzustellen und Wartungspersonal einem entstehenden Problem zuzuweisen, um dieses zu beheben.<\/p>\n<p>Die Teilnehmer mussten zun\u00e4chst die Temperatur im Geb\u00e4ude erh\u00f6hen. Als Resultat dieses Eingriffs \u00fcberhitzte sich ein Server im Geb\u00e4ude. Die Teilnehmer mussten dann zur Problemquelle navigieren und ihr den IT Administrator zuweisen, um das Problem zu beheben.<\/p>\n<h3>Studiendesign<\/h3>\n<p>Die Studienteilnehmer wurden in zwei Gruppen aufgeteilt. W\u00e4hrend eine Gruppe mit einer animierten Version des Prototypen interagierte, wurden die meisten Animationen f\u00fcr die zweite Gruppe (\u201estatische Gruppe\u201c) durch statische Elemente ersetzt. Die Unterschiede zwischen den beiden Versionen des Prototypen betrafen unter anderem:<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Anzeige der Hilfe: w\u00e4hrend die erforderliche Interaktion zum Zuweisen einer Person zu einer Problemquelle f\u00fcr die statische Gruppe als Text beschrieben wurde, enthielt die animierte Version einen animierten Pfeil, der den Zusammenhang zwischen der Liste von Personen und der Raum\u00fcbersicht verdeutlichte und auf diese Weise einen Hinweis auf die erforderliche Drag &amp; Drop Interaktion gab.<\/li>\n<li>\u00dcberg\u00e4nge zwischen Screens: f\u00fcr die statische Gruppe wurde ein Screen-Zustand einfach durch einen anderen Screen-Zustand ersetzt, wohingegen in der animierten Version ein kontinuierlicher \u00dcbergang vom Anfangs- in den Endzustand stattfand.<\/li>\n<li>Hinweis-Icons: der statischen Gruppe wurden statische Ausrufezeichen gezeigt, wohingegen die Ausrufezeichen in der animierten Version \u201epulsierten\u201c<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Die zu erledigenden Aufgaben waren f\u00fcr beide Gruppen identisch. Die Interaktion mit dem Protoptyp wurde beobachtet und anschlie\u00dfend beantworteten die Teilnehmer einen Fragebogen, um auf diese Weise die Befundbasis zur User Experience zu erweitern.<\/p>\n<h3>Ergebnisse<\/h3>\n<p>In diesem Abschnitt werden wir Befunde der Studie beschrieben, um ein wenig Licht auf die Auswirkungen von Animationen auf die User Experience zu werfen.<\/p>\n<ol>\n<li><b>Aufmerksamkeitssteuernde Funktion von Animationen:<\/b> Teilnehmer in der \u201estatische Gruppe\u201c hatten gr\u00f6\u00dfere Schwierigkeiten, eine Person zu einem Problem zuzuweisen, da der Hilfetext auf dem Bildschirm neben dem Fehler oft nicht beachtet wurde \u2013 im Gegensatz zur animierten Version der Hilfe.<\/li>\n<li><b>Einfluss des Erfahrungsgrads der Nutzer auf die Beurteilung der Animationsgeschwindigkeit:<\/b> Die Teilnehmer, die nicht t\u00e4glich mit Computern arbeiten, waren sehr viel dankbarer f\u00fcr die Animationen und beurteilten die Animationen positiver als die Teilnehmer, die t\u00e4glich mit Computern arbeiten. Dies wirkte sich auch in Bezug auf Beurteilung der Animationsgeschwindigkeit aus. Die meisten der regelm\u00e4\u00dfigen Computernutzer mochten sie, gaben aber an, dass sie sie zu langsam fanden und vermuteten, dass sie nach einer Weile wohl st\u00f6rend w\u00e4ren. Die eher unerfahrenen Computernutzer erachteten sie als sehr hilfreich und hatten keine vergleichbaren Bedenken. Die zeigt, dass die Geschwindigkeit von Animationen auch vor dem Hintergrund des Erfahrungsgrads der Nutzer sorgf\u00e4ltig durchdacht werden sollte.<\/li>\n<li><b>Einfluss des Erfahrungsgrads der Nutzer auf die wahrgenommene \u201eDringlichkeit\u201c, die durch Animationen impliziert wird:<\/b> Bez\u00fcglich der Frage, ob sie bei der Benutzung des Prototypen Angst hatten, Fehler zu machen, wurde der Unterschied zwischen erfahrenen und wenig erfahrenen Nutzern ebenfalls deutlich. Die wenig erfahrenen Nutzer antworteten, dass das animierte \u201eAlarm\u201c-Icon (blinkendes Ausrufezeichen) eine Art \u201ePanik\u201c bei ihnen erzeugte. Erfahrene Nutzer hatten einen v\u00f6llig anderen subjektiven Eindruck. Sie gaben an, dass sie sich durch den weitreichenden Einsatz von Animationen eher in einer Art \u201eComputerspiel\u201c f\u00fchlten statt in einer \u201eechten\u201c Applikation und dass sie daher weniger Angst hatten, Fehler zu machen. Das animierte Ausrufezeichen wurde also nicht als \u201ebedrohlich\u201c wahrgenommen, wie dies bei den wenig erfahrenen Nutzern der Fall war.<\/li>\n<li><b>Einfluss von Animationen auf die Freude bei der Benutzung (\u201ejoy of use\u201c):<\/b> Was w\u00e4hrend des Tests sowie in der anschlie\u00dfenden Befragung deutlich wurde war, dass die Teilnehmer, die mit dem animierten Prototypen interagierten, mehr Freude bei der Benutzung hatten. W\u00e4hrend sich alle Teilnehmer einig waren, dass das User Interface sch\u00f6n gestaltet war, hatte die \u201eanimierte Gruppe\u201c dennoch mehr Spa\u00df bei der Interaktion. Dies zeigt, dass Animationen einen deutlichen Effekt auf die Freude bei der Benutzung haben k\u00f6nnen.<\/li>\n<\/ol>\n<h3>Fazit<\/h3>\n<p>Die Analyse der Daten, die aus der Studie resultierten, lieferte erste Ergebnisse hinsichtlich der Vor- und Nachteile von Animationen in User Interfaces. Vorteilhaft war, dass der Einsatz von Animationen dazu f\u00fchrte, dass die Anwender die Applikation mehr mochten und dass \u2013 beim angemessenen Einsatz von Animationen \u2013 unerfahrene Nutzer bei der Interaktion unterst\u00fctzt wurden. Aber es gab auch negative Aspekte: erfahrene Nutzer f\u00fchlten sich bei der Interaktion mit der Anwendung durch den Einsatz von Animationen eingeschr\u00e4nkt. Es ist daher wichtig, beim Einsatz von Animationen Nutzereigenschaften zu ber\u00fccksichtigen.<br \/>\nNat\u00fcrlich ist die Studie weit davon entfernt, alle Fragen zu beantworten, die man hinsichtlich des Einflusses von Animationen auf die User Experience stellen kann. Es gibt in diesem Bereich eine Vielzahl interessanter Fragen, die in der Zukunft hoffentlich nach und nach beantwortet werden, um Animationen auf eine Art und Weise einzusetzen, die der User Experience f\u00f6rderlich ist.<\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 9px;\">Dieser Blog Artikel ist eine bearbeitete Version von Material, das urspr\u00fcnglich von Anna G\u00fcnther im Rahmen ihrer Bachelor-Arbeit bei Centigrade erstellt wurde.<\/span><\/p>\n","protected":false},"author":15,"featured_media":0,"template":"","tags":[63,64,3,62],"class_list":["post-527","blog","type-blog","status-publish","hentry","tag-animationen","tag-studie","tag-usability","tag-visuelles-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/users\/15"}],"version-history":[{"count":3,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/527\/revisions"}],"predecessor-version":[{"id":11291,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/527\/revisions\/11291"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/media?parent=527"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/tags?post=527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}