Maskottchen und Memes in UI/UX: Elemente des personalisierten Designs

Hier ist eine Frage an dich.

Welchen Eindruck möchten Sie hinterlassen, wenn ein Besucher auf Ihre Website oder App kommt? Möchten Sie professionell aussehen? Ernsthaft? Freundlich?

Oder lässig? Fürsorglich? Sanft?

Sie haben wahrscheinlich ein paar Antworten gefunden, und dies sind wahrscheinlich alles Beinamen für Ihre Qualität, Produkte und Dienstleistungen. Die eigentliche Frage ist jedoch, ob eine Website oder App diese Nachrichten an den Benutzer überträgt. Und was sie tatsächlich jedem liefert, der sie besucht.

Bei jedem UI/UX-Design geht es darum, mit dem Benutzer zu kommunizieren. Um ihnen genau das zu vermitteln, was Sie anbieten möchten, und zwar auf eine Weise, die für beide Seiten am besten ist. Nun, eines der Dinge, die Ihr Angebot den Nutzern näher bringen, ist die Personalisierung der Inhalte. Also, was heißt das?


Personalisiertes Design

Jedes UI-/UX-Design kann ein Kanal für die erfolgreiche Übermittlung von Nachrichten vom Kunden an die Site oder den Eigentümer und umgekehrt sein. Personalisierte Designelemente sind solche, die den Inhalt mit dem füllen, was für den einzelnen Benutzer persönlich relevant ist. Mit anderen Worten, diese Elemente rücken dem Nutzer näher, sodass er mit seinen Gedanken, Gefühlen und Wünschen in Einklang kommen kann. Das ist im Grunde alles.

Der Trick ist, wie man diese Elemente im Design verwendet! Nun, personalisierte Inhalte können vielfältig sein: das eigentliche Konzept von Design, Farben, Illustrationen, Bildern und dergleichen. Sie können überall, in jeder Form von Marketing, für Zwecke der Bildung, Unterhaltung usw. verwendet werden. Ihre Verwendung ist weit verbreitet. Aus diesem Grund konzentrieren wir uns heute auf die personalisierten Elemente, die für das UI-/UX-Design unerlässlich sind und heute sehr beliebt sind.

Diese sind:

  • Maskottchen
  • Memes mit Markenlogo

Bevor wir uns mit ihnen befassen, müssen Sie das auch wissen. Elemente des personalisierten Designs sind eine Einbahnstraße. Das bedeutet, dass sie nicht nur bei den Nutzern Anklang finden. Sie finden Resonanz beim Unternehmen selbst, bei der Marke und beim Team, das sich auf der anderen Seite des Kommunikationskanals befindet.

Maskottchen und Branded Memes spiegeln vor allem die Ideen, die Energie und die Besonderheiten der Marke selbst wider. Und werde mehr darüber sprechen. Lesen Sie also weiter, um herauszufinden, wie Sie Maskottchen und Memes verwenden können, um die Kommunikation zu verbessern, Ihre Marke zu repräsentieren und Ihrem UI-Design vielleicht ein bisschen Humor zu verleihen! Genug mit einem ernsten Gespräch. Lass uns zu superlustigen Sachen kommen!

3D ninja Hiro standing on a yellow background

Maskottchen im Design

Was genau sind Maskottchen überhaupt?

Manche würden sagen, es sind nur hübsche kleine Gesichter, die hier und da auftauchen. Oder dass Maskottchen der Unterhaltung dienen und dass sie für manche Veranstaltungen, Marketing und dergleichen eine interessante Note sind. Das ist nur eine teilweise Wahrheit. Maskottchen sind Charaktere, die ihr eigenes Aussehen, ihre eigene Persönlichkeit haben und oft menschenähnliche Merkmale. Sie können als Vorschaubilder, Icons, 3D-Figuren, aber auch als Kostüme präsentiert werden. Deshalb sind Sportmaskottchen bekannt.

Das mögen also einige Tiere sein, fiktive Kreaturen, aber sie haben fast immer etwas Menschliches. Warum? Weil sie mit Menschen kommunizieren, mit uns. Sportmaskottchen jubeln bei Spielen mit, interessieren das Publikum, übertragen Energie, repräsentieren die Mannschaft und dergleichen. Ebenso spielen Maskottchen in jeder anderen Form, im UI-/UX-Design, eine viel wichtigere Rolle als ein interessantes Bild.

Das Maskottchen ist, so kann man sagen, die Personifikation der gesamten Marke und des Teams. Es absorbiert das Wesen, die Energie und die Idee der Marke, die Arbeitsethik und die Werte des Unternehmens sowie die Eigenschaften der Menschen, die dort arbeiten. Dann spiegelt das Maskottchen alles wider! Wenn Menschen das Maskottchen einer Marke sehen, bekommen sie daher anhand ihrer Merkmale sofort einen Eindruck von der gesamten Marke. Wie ein Maskottchen aussieht, wie es sich verhält und was es sagt (falls es etwas aussagt), das tut auch eine Marke. Einfach gesagt.

Das bedeutet, dass hinter der Marke und dem Unternehmen ein ganzes Team von harten Arbeitern steht. Und vor der Marke und dem Unternehmen steht ein einziges einzigartiges Maskottchen. Sei also vorsichtig, wie du sie benutzt!

Ninja Hiro working in a dojo

Maskottchen als Vertreter der Marke


Das Maskottchen sollte ein aktives Mitglied von deinem Team.

Das heißt, es kann mit dem Benutzer wie jeder aus dem Unternehmen kommunizieren. Daher sollte es zunächst originell sein und die Marke mit all ihren Merkmalen und ihrem Verhalten wirklich repräsentieren. Zum Beispiel unser Maskottchen Hiro ist ein lockerer und effektiver Ninja — und steht somit für der Charakter der Broworks. Es ist daher überall auf unserer Website ein Markenzeichen und zeigt unseren Besuchern aus erster Hand, wie wir sind, wenn wir arbeiten. Dann schicken wir ihn als unseren Vertreter auf Missionen. Das liegt daran, dass wir den Leuten sagen wollen, dass wir so effizient, klug und einfallsreich sind wie Ninjas! Außerdem sind wir lässig und lebenslustig, wie man an Hiros süßem Gesicht erkennen kann.

Wir glauben, dass Kunden, wenn sie Hiro sehen, wissen, wie wir kommunizieren und was wir tun werden ein erster Eindruck der vielen Eigenschaften unseres Unternehmens und Teams. Das Maskottchen ist also eine ernste Angelegenheit (obwohl einige von ihnen sehr albern aussehen können). Das Maskottchen der Marke muss eine realistische Darstellung dessen sein, was die Marke ist. Sonst hilft es nicht. Unangemessene Maskottchen verwirren nur die Nutzer, die sie mit nichts in Verbindung bringen können, was mit der Marke zu tun hat.

Häufige Fehler:

Stellen Sie auf keinen Fall Maskottchen her, die nicht gut zu Ihrer Marke passen, nur weil sie toll aussehen oder Sie denken, dass sie interessant wären. Ja, ein interessantes Maskottchen wird Menschen anziehen, aber wenn Nutzer herausfinden, dass es nicht viel mit dem zu tun hat, was Sie tun, werden sie es nicht schätzen, wenn Sie es als Köder verwenden. Das beste Maskottchen entsteht, wenn du merkst, dass jedes Teammitglied ein bisschen wie ein Maskottchen ist!

Sevou mascot emojis

Maskottchen als Informationsschiff

Denn Maskottchen sind ziemlich vielseitig, sie können in Form von Icons, Bildern, Figuren usw. erscheinen. Das heißt, wo es keinen Platz zum Präsentieren gibt, können Sie einfach ein Maskottchensymbol platzieren, und schon gibt es viele Informationen über Sie. Fast alle Marken, die ein Maskottchen haben, behalten es auf ihren Profilbildern in den sozialen Netzwerken.

Das Maskottchen wird oft als Logo verwendet, weil es ein erkennbar Sache mit dem Unternehmen. Sie werden oft als Abzeichen, Poster, auf T-Shirts und als Muster verwendet. Und das alles, weil Sie alles, was Sie Ihren Kunden auf einen Blick sagen möchten, in eine Maskottchenfigur gepackt haben. Und als solches Informationsgefäß steht ein Maskottchen bereit, überall in Ihrem Namen aufzutauchen. Übermitteln Sie sogar eine relevante Botschaft ohne ein einziges Wort. Wie praktisch ist das?

Im UI/UX-Design können Maskottchen-Symbole als dienen CTA-Elemente das wird die Aufmerksamkeit der Nutzer am besten auf sich ziehen. Auf einer Website können Sie sie überall verwenden, wo Sie mit einem Besucher kommunizieren möchten. Ihr Maskottchen können Führer sein in einer Website- oder App-Suche. Und glauben Sie uns, sie sind viel interessanter und erfolgreicher als Pfeile und Zeiger.

Levinho mascot logo on a light background

Emotionale Anziehungskraft von Maskottchen

Als ob sie nicht schon nützlich genug wären, machen Maskottchen eine weitere wirklich wichtige Sache in der benutzerzentrierten Oberfläche. Sie sammeln Feedback.

Wie? Nun, wir sagten, Maskottchen sind fast immer menschenähnlich. Darüber hinaus können sie an jeder Art der Kommunikation mit Benutzern auf der Website oder App teilnehmen. Wenn Sie ihnen eine Aufgabe mit Bedacht zuweisen, können sie für den Benutzer und das Unternehmen selbst hilfreich sein. Während des gesamten Vorgangs verbindet sich das Maskottchen mit dem Benutzer auf einer emotionale Ebene. So können das Aussehen des Maskottchens und das Verhalten selbst die Gedanken und Wünsche des Benutzers widerspiegeln.

Kein Wunder, dass viele Websites Maskottchenbilder mit unterschiedlichen Ausdrücken und Emotionen verwenden! Normalerweise können Benutzer die Emotionen des Maskottchens auswählen, um Feedback zum Gesamterlebnis zu geben. Zum Beispiel haben wir Aufkleber von Hiro mit einer Vielzahl von Emotionen gemacht. Jetzt können Hiro-Aufkleber überall verwendet werden, um zu vermitteln, wie Sie sich fühlen.

Wir nutzen es, um betonen einige Inhalte der Website, gib den Tonfall in unser Exemplar oder fügen Sie einer Mitteilung, einer Warnung oder einem Aufruf Emotionen hinzu. Das Maskottchen findet sich also an allen strategischen Stellen des UI-/UX-Designs — von der Mitteilung bis hin zur Entdeckung, wie sich die Nutzer fühlen. Es kann nicht nur eine Funktion im System haben, sondern auch ein freundlicher Vermittler zwischen dem Unternehmen und den Kunden. Natürlich haben viele eine andere Funktion des Maskottchens erkannt. Diese Charaktere können ungewöhnlich sein lustig aussehend. Natürlich hängt alles davon ab, wie viel Humor zu Ihrer Marke oder Persönlichkeit passt.

So wie es interagiert, kann das Maskottchen auch der lustige Typ im Team sein, der hier und da einen Witz macht. Tatsächlich ist das Maskottchen ein Teammitglied mit sicherlich mehr als fünf Positionen im Unternehmen. Stellen Sie also so schnell wie möglich einen ein!

Hiro emoji stickers on a yellow background

Meme

Memes sind das Richtige, wenn Sie ein bisschen Humor hinzufügen möchten!

Sie sollen Menschen amüsieren und sind heutzutage sehr beliebt. Sie wissen es wahrscheinlich - sie beherrschen die sozialen Medien. Und einige Websites widmen sich der täglichen Produktion von Memes! Also, was ist überhaupt so toll an ihnen?

Sie sind vielseitig!

Wir verwenden Humor in vielen Formen, aber Memes können aus allem gemacht werden: Fotos, Kunst, Filmaufnahmen, interessante Situationen, Pop-Art, klassische Kunst usw. Fast alles, was mit der Kamera aufgenommen wurde. Wir sagen Humor, aber Memes sind viel mehr als Witze. Zuallererst spiegeln sie die Gedanken und Gefühle des Publikums wider, der größeren Menschenmassen. Wenn man sie also sieht, versteht man sie fast sofort und hat das Gefühl „Oh, das ist so richtig!“

Warum ist das so? Die Sache ist, Meme sind basierend auf menschlichen Themen die jedem bekannt sind: berühmte Filme, Serien, Persönlichkeiten, aber auch alle allgemein bekannten Situationen. Während sich Meme entwickeln, beziehen sie sich jedoch auch auf bestimmte Personengruppen. Sie können also Botschaften vermitteln, die nur eine bestimmte Person oder eine bestimmte Gruppe versteht. Du hast es vielleicht schon erraten — wir wollen über Design Memes sprechen.

Tired James Bond meme

Meme gestalten

Meme gestalten stellen jene Situationen dar, die meist nur von Designern und Designliebhabern verstanden werden. Es ist immer etwas Lustiges oder Interessantes an Design, Aussehen, Prozess, Lebensstil und dergleichen. Jeder in der Welt des Designs wird wahrscheinlich die Witze verstehen, die mit seiner Arbeit, seinen Ideen, Gedanken und Kämpfen zu tun haben. Memes sind also Gruppen von Menschen zugeordnet, die eine emotionale, persönliche Ebene. Und das ist reine Personalisierung von Inhalten.

Wir haben gesagt, dass personalisierte Inhalte die Menschen als reale Person ansprechen, was wir alle sehr schätzen. Stunden am Computer, im Internet, machen Lust auf menschenähnlichere Interaktion. Und ein System, das uns versteht. Deshalb glauben wir, dass Memes bald auch in UI-/UX-Designs erscheinen werden! Sie könnten den Nutzern Websites und Apps mit ihren zuordenbaren Inhalten näher bringen.

Jetzt müssen wir nur noch einen Weg finden, sie in den Inhalt einzubetten! Und das wird super viel Spaß machen. Wir sehen, dass viele seriöse Unternehmen Memes in sozialen Medien verwenden, und das auf sehr authentische Weise. Sie verbinden ihre Memes fast immer mit ihrer Marke, und so sind Branded Memes entstanden. Das zeigt, dass Memes sicherlich nicht nur humorvolle Bilder sind, sondern ständig neue Ebenen bekommen.

Design meme about logo design in the pandemic

Memes mit Markenlogo

Wir können sagen, dass Memes wie diese eine Marke humanisieren. Sie teilen Situationen, die mit Ihrem Unternehmen und Ihren Ideen zu tun haben, auf eine Weise, die Ihr Publikum unterhält. Ja, wir haben dein Publikum gesagt. Weil du darauf achten musst, wen du mit deinen Memes ansprichst.

Die Grundlagen von Branded Memes sind also:

  • Zielpublikum - weil Sie möchten, dass Ihr Publikum versteht (und schätzt), was Sie durch Memes vermitteln.
  • Authentizität - Memes, die Ihnen am besten dienen, müssen originell sein und sich auf Ihre Marke beziehen, keine Kopien einer anderen Marke.
  • Verständlichkeit - Sie müssen immer bedenken, ob das Meme für die Zielgruppe akzeptabel ist und wie schwer es zu verstehen ist.

Nun, das kann Memes bei Ihrer Personengruppe beliebt machen. Aber was ist, wenn du ein Meme irgendwo auf einer Website oder App haben willst? Nun, mach es! Wir glauben, dass Meme sein können hilfreich auf Websites und Apps. Wenn sie mit Bedacht eingesetzt werden, werden sie das professionelle Aussehen des Designs nicht beeinträchtigen. Sie müssen nur vorsichtig sein, wo Sie sie platzieren.

Memes im UI-Design kann überall dort gefunden werden, wo Platz ist, um die Atmosphäre zu lockern und einen Witz zu machen. Beispielsweise kann nach einer klugen Präsentation Ihres Teams ein witziges Meme folgen und die gute Energie Ihres Teams vermitteln. Es wird nicht albern erscheinen, glauben Sie uns. Im Gegenteil, du kannst gehen ein guter Eindruck durch geschmackvolle Memes und wirken freundlich und kooperationsbereit.

Wenn das Laden des Bildschirms eine Weile dauert, können Sie die Situation auch mit einem lustigen Meme speichern. Die 404-Fehlerseite sehnt sich auch verzweifelt nach einem „Es tut uns leid“ -Meme, um den Tag in Ordnung zu bringen. Natürlich hoffen wir, dass es keine solchen Situationen geben wird, weil die Nutzer sie nicht mögen. Wenn sie jedoch bereits darauf warten, dass der Bildschirm geladen wird, werden sie es zu schätzen wissen, ein amüsantes Meme zu sehen.

Dies sind nur einige Beispiele dafür, wie Sie Memes in UI-/UX-Designs verwenden können. Glauben Sie uns, die Leute werden es zu schätzen wissen, dass Sie es sind nur menschlich, wie wir es alle sind. Schließlich dreht sich bei personalisierten Inhalten alles darum.

Häufiger Fehler:

Erzwingen Sie es nicht. Benutze Memes nicht um jeden Preis, nur zum Spaß, weil es nicht hilfreich ist.
Internetnutzer kommen auf die Website, um etwas Relevantes zu finden, daher sollten humorvolle Inhalte nicht überall erscheinen. Das wollen die Leute nicht.
Die Nutzer wünschen sich interessante und dennoch interaktive Inhalte, die sie zu dem führen, was sie brauchen, und die ihnen ein gutes Erlebnis bieten.


Fazit

Und das ist erst der Anfang unserer Forschung zu Elementen des personalisierten Designs!

Maskottchen und Memes helfen dir, das zu sein, was du bist, alles echt. Sie helfen Benutzern auch, sich beim Surfen wohl zu fühlen. Natürlich können Maskottchen und Memes vieles sein, aber wir haben die Merkmale herausgegriffen, die sie zu personalisierten Designelementen machen.

Clever geschaffen und klug eingesetzt, Maskottchen und Memes sind Gefäße gesammelter menschlicher Gedanken, Ideen, Emotionen. So können sie, wo auch immer sie auftreten, die Marke widerspiegeln und automatisch mit Kunden, Klienten und Mitarbeitern in Kontakt treten. Manchmal werden Elemente wie Mascot so lebendig, dass sie zu einer wandelnden Marke werden. Zweifeln Sie also nicht an der Macht personalisierter Inhalte!

Wir könnten den ganzen Tag darüber reden, bis alle guten Eigenschaften von Mascot and Memes aufgelistet sind. Wir werden sie also weiter untersuchen, aber auch Markenillustrationen und -symbole, Markenfotos, Zitate und andere personalisierte Inhalte.

Bleib dran!

Talk to Our Webflow Experts
Book a call