{"id":15316,"date":"2022-08-02T14:08:37","date_gmt":"2022-08-02T12:08:37","guid":{"rendered":"https:\/\/www.centigrade.de\/?post_type=blog&#038;p=15316"},"modified":"2022-08-03T12:16:28","modified_gmt":"2022-08-03T10:16:28","slug":"character-design-beim-forschungsprojekt-louisa","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/de\/blog\/character-design-beim-forschungsprojekt-louisa\/","title":{"rendered":"Character Design beim Forschungsprojekt LOUISA &#8211; Ein Freund, ein guter Freund"},"content":{"rendered":"<p>In den <a href=\"https:\/\/www.centigrade.de\/de\/tag\/louisa\/\">bereits erschienenen Blogartikeln<\/a> zum LOUISA Projekt sind wir auf die allgemeine Zielsetzung des Projektes eingegangen und haben \u00fcber die Gewichtung der Spielertypen innerhalb unserer Zielgruppe berichtet. Da wir die jungen Patient*innen mithilfe eines digitalen Begleiters zur Nutzung der LOUISA App motivieren wollten, standen wir nun vor der Aufgabe, diesen zu gestalten.<!--more--><\/p>\n<h2>Gamification Aspekte<\/h2>\n<p>Britta erz\u00e4hlte in ihrem letzten Artikel \u00fcber die Ergebnisse der Spielertyp-Auswertung mit Patient*innen der Kinderklinik des Universit\u00e4tsklinikums Essen. Diese deuteten bereits darauf hin, dass eine Art Mentor eine gute M\u00f6glichkeit darstellen k\u00f6nnte, die Kinder zur Nutzung der App zu animieren. Die Idee daf\u00fcr kam bereits im Vorfeld auf, als sich unsere Projektpartner*innen, Gesundheits- und Kinderkrankenpflegerin Carolin van Nahl und Oberarzt der Kinderheilkunde Dr. med. Oliver Basu, Gedanken dar\u00fcber machten, was die Kinder zur Durchf\u00fchrung eint\u00f6niger Aufgaben \u00fcber einen l\u00e4ngeren Zeitraum motivieren k\u00f6nnte. Die Verteilung der Spielertypen in Richtung Philanthropist unterst\u00fctzte die Idee eines Characters, der zwar helfend zur Seite steht, umgekehrt jedoch auch auf die Hilfe der Patient*innen angewiesen ist.<\/p>\n<h2>Vorarbeit durch Felix Born \u2013 Studien zu Vorlieben<\/h2>\n<p>Bevor mit der visuellen Ausarbeitung des Characters begonnen werden konnte, musste gekl\u00e4rt werden, welche grobe Richtung wir beim Design einschlagen wollen. Es war zwar bereits festgelegt, dass die Figur eine Hintergrundstory haben w\u00fcrde und dass sie dem Kind bei der Nutzung der App hilft, dabei jedoch ebenfalls auf die Unterst\u00fctzung des Kindes angewiesen ist. Welcher Art der Character sein sollte, also ob menschlich, tierisch, ein Roboter oder etwas g\u00e4nzlich anderes, blieb noch offen. Bei der Kl\u00e4rung dieser Frage half uns Dr. Felix Born, Entertainment Group Uni-Duisburg, der das LOUISA Projektteam beim Thema Gamification unterst\u00fctzte. Er fand bei einer Umfrage heraus, dass vor allem tierische Figuren gro\u00dfe Sympathie bei den Kindern ausl\u00f6sen, da sie Vertrauen und Neugier wecken und schnell als Freund angesehen werden. Au\u00dferdem spielte bei ihnen eine gro\u00dfe Rolle, dass man sich um sie (in Form von Haustieren) k\u00fcmmert. Der Aspekt des F\u00fcreinander-da-seins ist f\u00fcr den Spielertyp Philanthropist besonders wichtig. Wir schr\u00e4nkten daraufhin die Auswahl auf vier tier-artigen Characters ein und bereiteten Skizzen f\u00fcr eine weitere Umfrage vor, um den letztendlichen Begleiter f\u00fcr die LOUISA-App herauszufinden.<\/p>\n<p>Die tier-artigen Characters sollten einige Merkmale enthalten, die den Kindern wichtig waren. Sie wurden unterschiedlich stark in die einzelnen Entw\u00fcrfe eingearbeitet:<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_15323\" style=\"width: 1010px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15323\" class=\"size-full wp-image-15323\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-RoterPanda.jpg\" alt=\"Character RoterPanda\" width=\"1000\" height=\"773\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-RoterPanda.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-RoterPanda-300x232.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-RoterPanda-768x594.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><p id=\"caption-attachment-15323\" class=\"wp-caption-text\">Roter Panda: niedlich, cool<\/p><\/div>\n<div id=\"attachment_15317\" style=\"width: 1010px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15317\" class=\"size-full wp-image-15317\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Drache.jpg\" alt=\"Character Drache\" width=\"1000\" height=\"773\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Drache.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Drache-300x232.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Drache-768x594.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><p id=\"caption-attachment-15317\" class=\"wp-caption-text\">Drache: stark, vertrauensw\u00fcrdig<\/p><\/div>\n<div id=\"attachment_15325\" style=\"width: 1010px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15325\" class=\"size-full wp-image-15325\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Schildkroete.jpg\" alt=\"Character Schildkroete\" width=\"1000\" height=\"773\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Schildkroete.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Schildkroete-300x232.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Schildkroete-768x594.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><p id=\"caption-attachment-15325\" class=\"wp-caption-text\">Schildkr\u00f6te: schlau, witzig<\/p><\/div>\n<div id=\"attachment_15327\" style=\"width: 1010px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-15327\" class=\"size-full wp-image-15327\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Yeti.jpg\" alt=\"Character Yeti\" width=\"1000\" height=\"773\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Yeti.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Yeti-300x232.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Yeti-768x594.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><p id=\"caption-attachment-15327\" class=\"wp-caption-text\">Yeti: kuschelig, besch\u00fctzend<\/p><\/div>\n<p>Damit die Entw\u00fcrfe besser vergleichbar und nicht nur anhand je einer einzelnen Zeichnung unterscheidbar sein w\u00fcrden, bildeten wir jeden Character in vier Grundstimmungen ab: neutral, fr\u00f6hlich, traurig und w\u00fctend. Au\u00dferdem gestalteten wir immer ein Scribble bereits farblich aus, um die Repr\u00e4sentation noch aussagekr\u00e4ftiger zu machen.<\/p>\n<p>Bei der Umfrage nahmen 59 junge Patient*innen zwischen 3 und 18 Jahren teil, wobei die Geschlechterverteilung mit 29 weiblichen und 30 m\u00e4nnlichen Teilnehmern sehr ausgeglichen war.<\/p>\n<p>W\u00e4hrend wir im Team ganz eigene Favoriten hatten, n\u00e4mlich den Yeti und die Schildkr\u00f6te, entschieden die Kinder sich f\u00fcr den roten Panda als passendes Tier f\u00fcr den App-Begleiter. Die Kinder mochten ihn vor allem deshalb, weil er niedlich und s\u00fc\u00df ist und gute Laune verbreitete. Der Panda wurde von beiden Geschlechtern gleicherma\u00dfen bevorzugt, sodass wir bei der sp\u00e4teren Ausarbeitung keine Anpassungen bez\u00fcglich geschlechterabh\u00e4ngiger Vorlieben machen mussten. Auf dem zweiten Platz landete der Drache, der ebenfalls als sehr fr\u00f6hlich wahrgenommen wurde, und auch durch die Flugf\u00e4higkeit und das Feuerspeien \u00fcberzeugte. Der Yeti schreckte viele Kinder durch sein furchterregendes \u00c4u\u00dferes ab und fand die niedrigste Zustimmung \u2013 ein Hinweis darauf, dass die k\u00f6rperliche St\u00e4rke als weniger wichtig empfunden wurde als ein positives und zugewandtes Erscheinungsbild. Interessanterweise spielte es beim roten Panda keine Rolle, um was f\u00fcr eine Art von Tier es sich genau handelte. Er ist kein so bekanntes Tier wie ein Hund oder ein Fuchs \u2013 oder Fabelwesen wie der Drache oder Yeti \u2013 und wurde dementsprechend nicht so gut erkannt. Allerdings schien dies auch nicht so wichtig zu sein, da der Panda trotzdem die gr\u00f6\u00dfte Zustimmung unter den Befragten fand. Dies brachte uns auf die Idee, dass wir die Hintergrundgeschichte des Characters etwas fantasievoller gestalten und die Figur selbst mit magischen F\u00e4higkeiten ausstatten k\u00f6nnten.<\/p>\n<p><div class=\"MediaEmbedContainer\"><iframe loading=\"lazy\" title=\"YouTube video player\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/ojJrgiWbfjk\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div><\/p>\n<p>Um die zauberhafte Herkunft von Louis \u2013 so unser Spitzname f\u00fcr den Character \u2013 sichtbar zu machen, passten wir die Farbgebung an und erg\u00e4nzten das Fellmuster durch magische Symbole. Diese spielen bei der Hintergrundstory und den Gamification-Elementen der App eine wichtige Rolle und werden in einem der folgenden Blogartikel n\u00e4her erkl\u00e4rt. Zun\u00e4chst w\u00e4hlten wir ein Farbschema aus, das relativ geschlechterneutral ist, um weiterhin eine m\u00f6glichst breite Zustimmung unter den Patient*innen zu erreichen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15332\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest.png\" alt=\"ColorTest\" width=\"2880\" height=\"1782\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest.png 2880w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest-300x186.png 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest-1500x928.png 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest-768x475.png 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest-1536x950.png 1536w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/ColorTest-2048x1267.png 2048w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/><\/p>\n<p>Erst nachdem wir uns auf ein Schema geeinigt hatten, legten wir die erste detailreiche Ausarbeitung im Vektorformat an. Diese teilten wir bereits in mehrere Einzelteile, also Kopf, Rumpf, Oberarm, Unterarm, Pfote usw. auf, um sp\u00e4ter m\u00f6glichst schnell und flexibel weitere Posen zu gestalten und Louis gegebenenfalls mittels 2D Puppet Animation bewegbar zu machen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-15319\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Example-822x1024.jpg\" alt=\"Character Example\" width=\"600\" height=\"747\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Example-822x1024.jpg 822w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Example-241x300.jpg 241w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Example-768x956.jpg 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-Example.jpg 1000w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/p>\n<p>Eine Bindung der jungen Patient*innen mit Louis ist nat\u00fcrlich nur m\u00f6glich wenn diese(r), wie bei den Scribbles, \u00fcber verschiedene Emotionen verf\u00fcgt statt einfach nur als neutraler Berater zur Seite zu stehen. Dementsprechend haben wir neben dem l\u00e4chelnden Gesichtsausdruck noch weitere hinzugef\u00fcgt, damit Louis bei der Kommunikation mit dem App-Nutzer passend reagieren kann.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-15321\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-MimikTest.jpg\" alt=\"Character MimikTest\" width=\"1000\" height=\"595\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-MimikTest.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-MimikTest-300x179.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Character-MimikTest-768x457.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Wie oben bereits angedeutet, befassen wir uns im n\u00e4chsten Blogartikel mit der Entwicklung einer Hintergrundgeschichte f\u00fcr den Character, mit der wir weitere Gamification-Aspekte in das Konzept einflie\u00dfen lassen konnten.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Wir haben Dein Interesse geweckt? Schau Dir unsere <a style=\"color: #2d373b; text-decoration: underline;\" href=\"https:\/\/www.centigrade.de\/de\/leistungen\/uebersicht\">Leistungen<\/a> an!<\/strong><\/p>\n<p><span class='maxbutton-1-container mb-container'><a class=\"maxbutton-1 maxbutton maxbutton-ux-design-de\" title=\"UX Design\" href=\"https:\/\/www.centigrade.de\/de\/leistungen\/ux-design\"><span class='mb-text'>UX Design<\/span><\/a><\/span> <span class='maxbutton-1-container mb-container'><a class=\"maxbutton-1 maxbutton maxbutton-ux-design-de\" title=\"UX Design\" href=\"https:\/\/www.centigrade.de\/de\/leistungen\/gamification\"><span class='mb-text'>Gamification<\/span><\/a><\/span><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":14,"featured_media":0,"template":"","tags":[793,413,916,946],"class_list":["post-15316","blog","type-blog","status-publish","hentry","tag-charakter-design","tag-conceptual-design-de","tag-illustrationen","tag-louisa"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/15316","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\/14"}],"version-history":[{"count":6,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/15316\/revisions"}],"predecessor-version":[{"id":15348,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/15316\/revisions\/15348"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/media?parent=15316"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/tags?post=15316"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}