Loading...

Autor: admin

  • Heute Show

    Heute Show

    Lieber Olli …


    Das war alles schon mal lustiger. Irgendwie hakt es. Irgendwie kann ich seit Wochen nicht mehr lachen.

    Freitagabend nach dem Volleyball ist die heute-show eigentlich Pflicht.

    Das ist schade, aber irgendwann kennt man den Rhythmus, irgendwann kennt man die Bauteile und die Bauarbeiter.

    Wischmeyer kann es manchmal reissen, Hassknecht darf gern auch lauter toben – aber sonst wird es echt eng. Olaf Schubert ist ein Highlight, aber er bekommt zu wenig Raum und Zeit.

    Also irgendwie ist der Wurm drin. Vielleicht einfach mal einen break? Es ist zu durchschaubar. Es ist vielleicht Zeit für was neues. Ich bin raus.

    Heute show

  • Detectorists

    Detectorists

    Die beste Serie, die ich jemals sah


    Entschleunigung pur. Englischer Humor. Slow food for the brain. Wunderschöne Charaktere. Eine Musik, die man nicht vergisst.

    Die Schauspieler spielen als wenn sie sich erholen von all dem anderen Mist, in dem sie sonst so rumlaufen. Pirates of the Caribic, Captain America… oder so was ähnliches.

    Hier wird ehrliches und herrlich schlichtes und einfaches Leben gezeigt, ohne zu sehr in die Sozialklitsche zu tauchen. Das sind keine Looser, das sind Helden und mehr im Reinen mit sich selbst als so mancher Mensch jemals zu träumen wagt.

    Und das Hobby ist der Hammer! Würde ich nicht in Deutschland leben, wo alle paar Meter auch noch heute eine Fliegerbombe ausgebuddelt wird, hätte ich mir schon längst einen DETECTOR angeschafft und säße jetzt nicht vor einem Notebook.

    Detectorists

  • Dr. Sleep

    Dr. Sleep

    Dr. Sleep

    Einer der vielen Filme, die mich da in PRIME oder NETFLIX angrinsen und wo ich zumindest die Gnade walten lasse, sie auf meinen Watchlist zu stellen. Starbesetzung mit Ewan MC Gregor, Rebecca Fergusson und Stephen King als Buchvorleger… Nun gut. Ich musste es ja irgendwann tun. Und es kam wie es sollte.

    Kinder… Traumsequenzen mit Horrorpuppen in Badewanne und Klo. Lange Flure. Kinder, die sich von Fremden anquatschen lassen.

    Und dann natürlich die Erwachsenen, die bei King immer entweder böse oder bis zu den Knochen weise sind. Die Bösen werden sterben und einige der Weisen auch bei ihrem Versuch, den Kindern beim Töten der Bösen zu helfen.

    So kam es dann auch.

    Langweilig. Gut gefilmt, aber langweilig. Das dumme an Stephen King ist: kennt man einen, kennt man alle. Und deswegen bin ich raus aus der Zielgruppe. Habe ihn dann aber tapfer auf dem Handy laufen lassen, während ich an anderen Sachen nebenbei arbeitete.

    Langweilig – und die eigentlich beste Szene hat McGregor am Anfang, als er neben dem Weibe im Bette erwacht und sich an nichts erinnern kann. Dann sieht er die Kotze in der Mitte des Bettes, in dem das Weib noch schläft… und dann ist da noch der Kleine mit den durchgepinkelten Windeln im Nebenzimmer… Das war gruselig großes Kino. Der Rest ist blabla… und so sehr ich auch die Bücher des King mal verschlungen habe – vor 30 Jahren circa -der Glanz ist ab. Das sollten auch alle Geldgeber und Filmemacher langsam mal begriffen haben und sich jüngeren, vielleicht besseren Autoren widmen.

  • bootscore is not gutenberg block compatible

    But my recommendation is to use Gutenberg HTML block instead of plugins.

    <div class="row">
        <div class="col-md-6">
            content
        </div>
        <div class="col-md-6">
            content
        </div>
    </div>
    

    If you want to use a block inside the columns do it like this:

    <!-- open row and cols -->
    <div class="row">
        <div class="col-md-6">
    
    Gutenberg Block
    
        </div>
        <!-- close col -->
        <!-- open col -->
        <div class="col-md-6">
    
    Gutenberg Block
    
        </div>
    </div>
    <!-- close row and col -->
    

    This is the cleanest way and gives you the full control of everything.

    Does that help?

  • Layout 1

    Layout 1

    Rocker sind natürlich immer die anderen und keiner von uns

    Tortor posuere ac ut consequat semper viverra nam. Elit eget gravida cum sociis natoque. Turpis massa sed elementum tempus egestas sed sed risus. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Ultrices vitae auctor eu augue ut lectus arcu. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet justo donec enim. Ultrices vitae auctor eu augue ut lectus arcu bibendum at. Parturient montes nascetur ridiculus mus mauris vitae. Velit ut tortor pretium viverra suspendisse potenti nullam. Eget nulla facilisi etiam dignissim diam quis enim. Aliquet nec ullamcorper sit amet risus nullam eget felis. Facilisis leo vel fringilla est ullamcorper. Cursus risus at ultrices mi. Volutpat est velit egestas dui id.

    Laoreet non curabitur gravida arcu ac tortor. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. A iaculis at erat peconsequat. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ipsum nunc aliquet bibendum enim facilisis gravida. Tempus egestas sed sed risus pretium quam vulputate dignissim.

    Risus feugiat in ante metus dictum. Nulla facilisi morbi tempus iaculis. Pretium nibh ipsum consequat nisl. Vestibulum sed arcu non odio euismod lacinia at quis. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Varius vel pharetra vel turpis nunc eget. Imperdiet dui accumsan sit amet nulla facilisi. Amet dictum sit amet justo donec enim diam vulputate. Ut aliquam purus sit amet luctus venenatis lectus. Eu volutpat odio facilisis mauris. Etiam non quam lacus suspendisse faucibus interdum posuere lorem.

    Volutpat consequat mauris nunc congue nisi vitae suscipit. Neque convallis a cras semper auctor neque vitae. Sem fringilla ut morbi tincidunt augue interdum. Sit amet purus gravida quis blandit turpis cursus in. Proin sagittis nisl rhoncus mattis rhoncus. Pellentesque sit amet porttitor eget. Viverra ipsum nunc aliquet bibendum enim facilisis. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Malesuada fames ac turpis egestas sed tempus. Mollis aliquam ut porttitor leo a diam sollicitudin. In cursus turpis massa tincidunt. Sed vulputate mi sit amet mauris commodo quis. Facilisis gravida neque convallis a cras semper auctor neque. Viverra justo nec ultrices dui sapien eget mi. Neque viverra justo nec ultrices dui sapien eget mi proin. Adipiscing commodo elit at imperdiet dui accumsan sit. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Id faucibus nisl tincidunt eget nullam non.

    Zitate sollen das Ganze brechen und als Zwischenüberschriften den Textfluss auflockern

    Laoreet non curabitur gravida arcu ac tortor. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. A iaculis at erat peconsequat. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ipsum nunc aliquet bibendum enim facilisis gravida. Tempus egestas sed sed risus pretium quam vulputate dignissim.

    Risus feugiat in ante metus dictum. Nulla facilisi morbi tempus iaculis. Pretium nibh ipsum consequat nisl. Vestibulum sed arcu non odio euismod lacinia at quis. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Varius vel pharetra vel turpis nunc eget. Imperdiet dui accumsan sit amet nulla facilisi. Amet dictum sit amet justo donec enim diam vulputate. Ut aliquam purus sit amet luctus venenatis lectus. Eu volutpat odio facilisis mauris. Etiam non quam lacus suspendisse faucibus interdum posuere lorem.

    Volutpat consequat mauris nunc congue nisi vitae suscipit. Neque convallis a cras semper auctor neque vitae. Sem fringilla ut morbi tincidunt augue interdum. Sit amet purus gravida quis blandit turpis cursus in. Proin sagittis nisl rhoncus mattis rhoncus. Pellentesque sit amet porttitor eget. Viverra ipsum nunc aliquet bibendum enim facilisis. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Malesuada fames ac turpis egestas sed tempus. Mollis aliquam ut porttitor leo a diam sollicitudin. In cursus turpis massa tincidunt. Sed vulputate mi sit amet mauris commodo quis. Facilisis gravida neque convallis a cras semper auctor neque. Viverra justo nec ultrices dui sapien eget mi. Neque viverra justo nec ultrices dui sapien eget mi proin. Adipiscing commodo elit at imperdiet dui accumsan sit. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Id faucibus nisl tincidunt eget nullam non.

    Laoreet non curabitur gravida arcu ac tortor. Ac feugiat sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. A iaculis at erat peconsequat. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ipsum nunc aliquet bibendum enim facilisis gravida. Tempus egestas sed sed risus pretium quam vulputate dignissim.

    Risus feugiat in ante metus dictum. Nulla facilisi morbi tempus iaculis. Pretium nibh ipsum consequat nisl. Vestibulum sed arcu non odio euismod lacinia at quis. Urna et pharetra pharetra massa massa ultricies mi quis hendrerit. Varius vel pharetra vel turpis nunc eget. Imperdiet dui accumsan sit amet nulla facilisi. Amet dictum sit amet justo donec enim diam vulputate. Ut aliquam purus sit amet luctus venenatis lectus. Eu volutpat odio facilisis mauris. Etiam non quam lacus suspendisse faucibus interdum posuere lorem.

    Volutpat consequat mauris nunc congue nisi vitae suscipit. Neque convallis a cras semper auctor neque vitae. Sem fringilla ut morbi tincidunt augue interdum. Sit amet purus gravida quis blandit turpis cursus in. Proin sagittis nisl rhoncus mattis rhoncus. Pellentesque sit amet porttitor eget. Viverra ipsum nunc aliquet bibendum enim facilisis. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Malesuada fames ac turpis egestas sed tempus. Mollis aliquam ut porttitor leo a diam sollicitudin. In cursus turpis massa tincidunt. Sed vulputate mi sit amet mauris commodo quis. Facilisis gravida neque convallis a cras semper auctor neque. Viverra justo nec ultrices dui sapien eget mi. Neque viverra justo nec ultrices dui sapien eget mi proin. Adipiscing commodo elit at imperdiet dui accumsan sit. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Id faucibus nisl tincidunt eget nullam non. Volutpat consequat mauris nunc congue nisi vitae suscipit. Neque convallis a cras semper auctor neque vitae. Sem fringilla ut morbi tincidunt augue interdum. Sit amet purus gravida quis blandit turpis cursus in. Proin sagittis nisl rhoncus mattis rhoncus. Pellentesque sit amet porttitor eget. Viverra ipsum nunc aliquet bibendum enim facilisis. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Malesuada fames ac turpis egestas sed tempus. Mollis aliquam ut porttitor leo a diam sollicitudin. In cursus turpis massa tincidunt. Sed vulputate mi sit amet mauris commodo quis. Facilisis gravida neque convallis a cras semper auctor neque. Viverra justo nec ultrices dui sapien eget mi. Neque viverra justo nec ultrices dui sapien eget mi proin. Adipiscing commodo elit at imperdiet dui accumsan sit. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Id faucibus nisl tincidunt eget nullam n

    on. Volutpat consequat mauris nunc congue nisi vitae suscipit. Neque convallis a cras semper auctor neque vitae. Sem fringilla ut morbi tincidunt augue interdum. Sit amet purus gravida quis blandit turpis cursus in. Proin sagittis nisl rhoncus mattis rhoncus. Pellentesque sit amet porttitor eget. Viverra ipsum nunc aliquet bibendum enim facilisis. Dolor sit amet consectetur adipiscing elit ut aliquam purus. Malesuada fames ac turpis egestas sed tempus. Mollis aliquam ut porttitor leo a diam sollicitudin. In cursus turpis massa tincidunt. Sed vulputate mi sit amet mauris commodo quis. Facilisis gravida neque convallis a cras semper auctor neque. Viverra justo nec ultrices dui sapien eget mi. Neque viverra justo nec ultrices dui sapien eget mi proin. Adipiscing commodo elit at imperdiet dui accumsan sit. Donec pretium vulputate sapien nec sagittis aliquam malesuada bibendum arcu. Arcu vitae elementum curabitur vitae nunc sed velit dignissim sodales. Orci nulla pellentesque dignissim enim sit amet venenatis urna. Id faucibus nisl tincidunt eget nullam non.

  • Page Full Width Image

    Page Full Width Image

    Dieses Tempale im bootscore Template ist sehr speziell. Es zeigt die featured Bilder von Postings in voller Breite im header der Seite an.

    1

    Page Full Width Image

    This page template shows the featured image as the background image and the title inside the image. If no featured image is selected, the background is shown dark instead. No sidebar is displayed. Comments can be activated.

  • WordPress beta Test plugin – geklauter Artikel

    WordPress beta Test plugin – geklauter Artikel

    Herunterladen

    WordPress Beta Tester

    Beschreibung

    Dieses Plugin bietet eine einfache Möglichkeit, sich am Beta-Testing von WordPress zu beteiligen.

    Sobald es installiert ist, kannst du deine Website mit Hilfe des integrierten Upgrades per Mausklick auf die neueste Version von Nightly, Beta oder Release-Kandidat aktualisieren.

    Standardmäßig schaltet es deine Website nach der Aktivierung auf den Kanal für die Aktualisierung von Point-Release-Updates um.

    Für die ganz Mutigen gibt es die Option, zum allerneuesten Bleeding-Edge-Entwicklungsstand (trunk) zu springen.

    Vergiss nicht, ein Backup zu erstellen, bevor du beginnst!

    Please enable auto-updates for this plugin to ensure future changes are properly handled with core updates.

    EXTRA EINSTELLUNGEN

    Es gibt die Einstellung E-Mail-Benachrichtigungen über erfolgreiche automatische Aktualisierungen überspringen. Mit dieser Funktion kannst du das Senden von E-Mails an den Admin-Benutzer für erfolgreiche automatische Updates deaktivieren. Es werden nur E-Mails gesendet, die auf Fehlschläge des automatischen Aktualisierungs-Prozesses hinweisen.

    Die Registerkarte Extra Einstellungen kann Auswahlmöglichkeiten zum Testen neuer Funktionen im trunk-Zweig enthalten, für die Konstanten eingestellt werden müssen. Eine dort ausgewählte Funktion fügt der Datei wp-config.php des Benutzers eine Konstante in folgendem Format hinzu:

    define( 'WP_BETA_TESTER_{$feature}', true );
    

    Bei Deaktivierung der Funktion, wird die Konstante entfernt.

    Dieses Plugin setzt die Konstanten in der wp-config.php-Datei bei Aktivierung des Plugins zurück und entfernt sie bei Deaktivierung des Plugins. Verwende den Filter wp_beta_tester_config_path, um einen nicht standardmäßigen wp-config.php-Dateipfad zurückzugeben.

    Wenn keine Einstellungen vorhanden sind, müssen keine Tests durchgeführt werden, die diese Funktion erfordern.

    Pull-Requests (PRs) auf GitHub sind jederzeit herzlich willkommen.

    Screenshots

    Das ist die Haupt-Adminstrations-Seite für das Plugin
    Das ist die Seite für die Extra Einstellungen des Plugins
    Das ist die Textbox im Dashboard
    Das ist die Haupt-Adminstrations-Seite für das Plugin
    Das ist die Seite für die Extra Einstellungen des Plugins
    Das ist die Textbox im Dashboard

    Mitwirkende & Entwickler

    „WordPress Beta Tester“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:Mitwirkende

    Meta

    • Version:3.1.4
    • Zuletzt aktualisiert:vor 4 Monaten
    • Aktive Installationen:3.000+
    • WordPress-Version:3.1 oder höher
    • Getestet bis:5.8.3
    • PHP-Version:5.6 oder höher
    • Sprachen:Alle 25 anzeigen
    • Schlagwörter:advancedbetatesting
    • Erweiterte Ansicht

    Bewertungen

    Alle anzeigen

    Melde dich an, um eine Rezension einzureichen.

    Support

    Behobene Probleme in den letzten zwei Monaten:

    0 von 1

    Supportforum anzeigen

    CODE IST POESIE.

  • How to Create a CSS-Only Loader Using One Element geklauter Artikel

    Search 8,000+ tutorials

    
    
    
    
    
    freeCodeCamp.org

    ForumDonate

    Learn to code — free 3,000-hour curriculumJANUARY 14, 2022/#CSS

    How to Create a CSS-Only Loader Using One Element

    Temani AfifTemani Afif

    How to Create a CSS-Only Loader Using One Element

    If you have a website, it’s helpful to have a loader so users can tell something is happening once they’ve clicked a link or button.

    You can use this loader component in a lot of places, and it should be as simple as possible.

    In this post, we will see how to build two types of loaders with only one <div> and a few lines of CSS code. Not only this but we will make them customizable so you can easily create different variations from the same code.

    Here’s what we’ll build:

    CSS-only Spinner and Progress Loader
    CSS-only Spinner and Progress Loader

    How to Create a Spinner Loader

    Below is a demo of what we are building:https://codepen.io/t_afif/embed/preview/PoJyaNy?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=PoJyaNyClick to see the full code

    We have 4 different loaders using the same code. By only changing a few variables, we can generate a new loader without needing to touch the CSS code.

    The variables are defined like below:

    • --b defines the border thickness.
    • --n  defines the number of dashes.
    • --g defines the gap between dashes. Since we’re dealing with a circular element, this one is an angle value.
    • --c defines the color.

    Here is an illustration to see the different variables.

    CSS Variables of the Spinner loader
    CSS Variables of the Spinner loader

    Let’s tackle the CSS code. We will use another figure to illustrate a step-by-step construction of the loader.

    Step-by-Step illustration of the Spinner Loader
    Step-by-Step illustration of the Spinner Loader

    We first start by creating a circle like this:

    .loader {
      width: 100px; /* size */
      aspect-ratio: 1;
      border-radius: 50%;
    }

    Nothing complex so far. Note the use of aspect-ratio which allows us to only modify one value (the width) in order to control the size.

    Then we add a conic gradient coloration from transparent to the defined color (the variable --c):

    .loader {
      width:100px; /* size */
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(#0000,var(--c));
    }

    In this step, we introduce the mask property to hide some parts of the circle in a repetitive manner. This will depend on the --n and --d variables. If you look closely at the figure, we will notice the following pattern:

    visible part
    invisible part
    visible part
    invisible part
    etc

    To do this, we use repeating-conic-gradient(#000 0 X, #0000 0 Y). From 0 to X we have an opaque color (visible part) and from X to Y we have a transparent one (invisible part).

    We introduce our variables:

    • We need a gap equal to g between each visible part so the formula between X and Y will be X = Y - g.
    • We need n visible part so the formula of Y should be Y = 360deg/n. A full circle is 360deg so we simply divide it by n

    Our code so far is:

    .loader {
      width: 100px; /* size */
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(#0000,var(--c));
      mask: repeating-conic-gradient(#000 0 calc(360deg/var(--n) - var(--g)) , #0000 0 calc(360deg/var(--n))
    }

    This next step is the trickiest one, because we need to apply another mask to create a kind of hole in order to get the final shape. To do this we will logically use a radial-gradient() with our variable b:

    radial-gradient(farthest-side,#0000 calc(100% - var(--b)),#000 0)

    A full circle from where we remove a thickness equal to b.

    We add this to the previous mask:

    .loader {
      width: 100px; /* size */
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(#0000,var(--c));
      mask: 
       radial-gradient(farthest-side,#0000 calc(100% - var(--b)),#000 0),
       repeating-conic-gradient(#000 0 calc(360deg/var(--n) - var(--g)) , #0000 0 calc(360deg/var(--n))
    }

    We have two mask layers, but the result is not what we want. We get the following:

    It may look strange but it’s logical. The „final“ visible part is nothing but the sum of each visible part of each mask layer. We can change this behavior using mask-composite. I would need a whole article to explain this property so I will simply give the value.

    In our case, we need to consider intersect (and destination-out for the prefixed property). Our code will become:

    .loader {
      width: 100px; /* size */
      aspect-ratio: 1;
      border-radius: 50%;
      background: conic-gradient(#0000,var(--c));
      mask: 
        radial-gradient(farthest-side,#0000 calc(100% - var(--b)),#000 0),
        repeating-conic-gradient(#000 0 calc(360deg/var(--n) - var(--g)) , #0000 0 calc(360deg/var(--n));
      -webkit-mask-composite: destination-in;
              mask-composite: intersect;
    }

    We are done with the shape! We are only missing the animation. The latter is an infinite rotation.

    The only thing to note is that I am using a steps animation to create the illusion of fixed dashes and moving colors.

    Here is an illustration to see the difference

    A Linear Animation vs a Steps Animation

    The first one is a linear and continuous rotation of the shape (not what we want) and the second one is a discrete animation (the one we want).

    Here is the full code including the animation:Click to see the full code

    You will notice a few differences with the code I used in the explanation:

    • I am adding padding: 1px and setting the background to content-box
    • There is +/1deg between the colors of the repeating-conic-gradient()
    • There are a few percentages of difference between the color inside the radial-gradient()

    Those are some corrections to avoid visual glitches. Gradients are known to produce „strange“ results in some cases so we have to adjust some values manually to avoid them.

    How to Create a Progress Loader

    Like the previous one loader, let’s start with an overview:https://codepen.io/t_afif/embed/preview/bGoNddg?default-tabs=css%2Cresult&height=300&host=https%3A%2F%2Fcodepen.io&slug-hash=bGoNddgClick to see the full code

    We have the same configuration as the previous loader. CSS variables that control the loader:

    • --n defines the number of dashes/stripes.
    • --s defines the width of each stripe.
    • --g defines the gap between stripes.
    Illustration of the CSS Variables
    Illustration of the CSS Variables

    From the above figure we can see that the width of the element will depend on the 3 variables. The CSS will be as follows:

    .loader {
      width: calc(var(--n)*(var(--s) + var(--g)) - var(--g));
      height: 30px; /* use any value you want here */
      padding: var(--g);
      border: 1px solid;
    }

    We use padding to set the gap on each side. Then the width will be equal to the number of stripes multiplied by their width and the gap. We remove one gap because for N stripes we have N-1 gaps.

    To create the stripes we will use the below gradient.

    repeating-linear-gradient(90deg,
      currentColor 0 var(--s),
      #0000        0 calc(var(--s) + var(--g))
     )

    From 0 to s is the defined color and from s to s + g a transparent color (the gap).

    I am using currentColor which is the value of the color property. Note that I didn’t define any color inside border so it will also use to the value of color. If we want to change the color of the loader, we only need to set the color property.

    Our code so far:

    .loader {
      width: calc(var(--n)*(var(--s) + var(--g)) - var(--g));
      height: 30px;
      padding: var(--g);
      border: 1px solid;
      background:
        repeating-linear-gradient(90deg,
          currentColor  0 var(--s),
          #0000 0 calc(var(--s) + var(--g))
        ) left / 100% 100% content-box no-repeat;
    }

    I am using content-box to make sure the gradient doesn’t cover the padding area. Then I define a size equal to 100% 100% and a left position.

    It’s time for the animation. For this loader, we will animate the background-size from 0% 100% to 100% 100% which means the width of our gradient from 0%  to 100%

    Like the previous loader, we will rely on steps() to have a discrete animation instead of a continuous one.

    A Linear Animation vs a Steps Animation

    The second one is what we want to create, and we can achieve it by adding the following code:

    .loader {
      animation: load 1.5s steps(var(--n)) infinite;
    }
    @keyframes load {
      0% {background-size: 0% 100%}
    }

    If you look closely at the last figure, you will notice that the animation is not complete. We are missing one stripe at the end, even if we have used N. This is not a bug but how steps() is supposed to work.

    To overcome this, we need to add an extra step. We increase the background-size of our gradient to contain N+1 stripes and use steps(N+1). This will get us to the final code:

    .loader {
      width: calc(var(--n)*(var(--s) + var(--g)) - var(--g));
      height: 30px;
      padding: var(--g);
      margin: 5px auto;
      border: 1px solid;
      background:
        repeating-linear-gradient(90deg,
          currentColor  0 var(--s),
          #0000 0 calc(var(--s) + var(--g))
        ) left / calc((var(--n) + 1)*(var(--s) + var(--g))) 100% 
        content-box no-repeat;
      animation: load 1.5s steps(calc(var(--n) + 1)) infinite;
    }
    @keyframes load {
      0% {background-size: 0% 100%}
    }

    Note that the width of the gradient is equal to N+1 multiplied by the width of one stripe and a gap (instead of being 100% )

    Conclusion

    I hope you enjoyed this tutorial. If you are interested, I have made more than 500 CSS-only single div loaders. I also wrote another tutorial to explain how to create the Dots loader using only background properties.

    Find below useful links to get more detail about some properties I have used that I didn’t explain thoroughly due to their complexity:

    Thank you for reading!

    For more CSS tips, follow me on Twitter.


    Temani AfifTemani Afif

    A CSS Hacker


    If you read this far, tweet to the author to show them you care. Tweet a thanks

    Learn to code for free. freeCodeCamp’s open source curriculum has helped more than 40,000 people get jobs as developers. Get started

    freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit organization (United States Federal Tax Identification Number: 82-0779546)

    Our mission: to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons – all freely available to the public. We also have thousands of freeCodeCamp study groups around the world.

    Donations to freeCodeCamp go toward our education initiatives and help pay for servers, services, and staff.

    You can make a tax-deductible donation here.Trending GuidesCSS Vertical AlignJavaScript for loopGoogle Doodle GamesExcel Text FunctionWhat is a Hyperlink?SQL Update StatementCSS Background ImageWhat is about:blank?CSS Background ColorBasic HTML5 TemplateCSS BorderSQL QueriesHTML <a> tagHTML PaddingWhat is Coding?Insert Into SQLPython for loopFree Coding GamesIf Statement ExcelAlter Table in SQLRow vs Column in ExcelRemove Activate WindowsType the Not Equal SignGoogle Docs Voice TypingPython if else StatementHow to Screenshot on MacSQL Where Clause ExamplesAccess Clipboard in AndroidJavaScript if-else & if-thenClear Browser Search HistoryAboutAlumni NetworkOpen SourceShopSupportSponsorsAcademic HonestyCode of ConductPrivacy PolicyTerms of ServiceCopyright Policy

  • Persona erstellen geklauter Artikel

    zielgruppen personas im online marketing 1024x706

    ReachX Blog

    6 Punkte-Anleitung zur Erstellung individueller Personas

    Kategorie: Content Marketing

    Autor: Vanessa Markowski

    Lesezeit: 16 Minuten

    Beitrag Teilen:

    6 Punkte-Anleitung zur Erstellung individueller Personas

    Das Marketing steckt noch immer mitten im Wandel. Dabei sprechen ich nicht von Offline zu Online Marketing. Die gesamte Strategie verändert sich. 

    Während Kunden früher dazu gebracht werden sollten ein Produkt oder eine Dienstleistung zu kaufen, geht es heute darum, die Dienstleistung und das Produkt nach dem Kunden auszurichten und dementsprechend zu vermarkten. Dieser Paradigmenwechsel stellt das Marketing so wie wir es kannten vor völlig neue Herausforderungen.

    In erster Linie müssen wir uns bewusst machen, dass wir anfangen nutzerzentrierte Maßnahmen zu ergreifen. Dafür muss uns selbstverständlich klar sein, wer diese Menschen sind, die wir zu unserer Zielgruppe zählen. 

    Zielgruppen und Personas im Online Marketing 

    Jeder (Online) Marketer wird früher oder später – in der Regel eher früher – mit dem Begriff der Zielgruppe in Berührung kommen. 

    Eine Zielgruppe definiert sich in einer Gruppe von Menschen mit bestimmten Ausprägungen, die mithilfe unseres Produkts oder unser Dienstleistung ein tiefes inneres Bedürfnis befriedigen. Personas repräsentieren als archetypische Nutzer Ziele, Motivationen, Bedürfnisse und weitere Merkmale, als Vertreter der grob gefassten Zielgruppe. So machen es Personas einfacher fundierte Entscheidungen bei der Entwicklung nutzerfreundlicher Produkte zu treffen und gleichzeitig die richtigen Inhalte im Marketing zu erstellen.

    Die Zielgruppenanalyse

    Definieren können wir unsere Zielgruppe indem wir eine Zielgruppenanalyse durchführen. Folgende Segmentierungskriterien sind bei einer Zielgruppenanalyse von Interesse:

    • Geographische Merkmale (Herkunft, Nationalität, usw.)
    • (Sozio-) Demographische Merkmale (Alter, Geschlecht, Familienstatus, usw.)

    Solche statischen Informationen finden wir über die Analyse interner und externer Daten heraus. 

    Dafür mussten früher noch können aufwändige Marktforschungsstudien durchgeführt werden. Heute können wir uns den Daten unseres CRMs oder Trackingtools wie Google Analytics bedienen. Hier finden wir die Bestimmung des Alters oder der Herkunft. 

    Für die Analyse externer Daten bietet sich eine Wettbewerbsanalyse an. Google, Facebook, Amazon und auch Bewertungsportale bieten hier einen guten Einblick in die Zielgruppe der Konkurrenz.

    Wenn wir alle Merkmale unserer möglichen Zielkunden sammeln und später clustern, ergeben sich daraus eine oder mehrere datenbasierte Zielgruppen mit eher statischen Eigenschaften. 

    Das Geo-, Soziodemographische Merkmale und eine grobe Wettbewerbsanalyse nicht ausreichend für eine detaillierte Zielgruppenanalyse ist, wird einem schnell bewusst. Denn die Daten geben einem zwar das erste Gefühl, sind aber was Kaufverhalten und Bedürfnisse der Zielgruppe angehen, nicht wirklich aussagekräftig.

    Persona als detaillierter Zielkunde

    Personas lassen sich als fiktiven idealen Wunschkunden beschreiben, mit Name, Bild, Alter, Familienstand, monatlichem Einkommen, persönlichen Problemen und Bedürfnissen.

    Eine Persona soll es Unternehmen vereinfachen, sich richtig mit Produkt, Dienstleistung und Marketingstrategie auf den tatsächlichen Kunden einzustellen. 

    Laut einem Bericht des Smashing Magazine wurden Personas zuerst von Alan Cooper, einem Software-Designer und Programmierer, entwickelt. Cooper entwickelte das Konzept von Personas, um die Leute, die seine Software benutzen wollten oder mussten, besser zu verstehen. Cooper interviewte dafür mehrere Personen aus der beabsichtigten Zielgruppe und lernte sie dabei so gut kennen, dass er in der Folge in ihre Rollen schlüpfen und so tun konnte, als ob er eine Person aus der Zielgruppe wäre. So konnte Cooper Ideen aus der Perspektive der Benutzer entwickeln und bewerten. Mit dieser speziellen Methode konnte Cooper die Nutzer ganz an die Spitze seines Schaffensprozesses setzen.

    Dafür werden neben den statischen Eigenschaften einer Zielgruppe weitere Informationen benötigt. Es kommen neben den oben beschriebenen Segmentierungskriterien weitere hinzu:

    • verhaltensbezogene Merkmale (Kaufverhalten, Preisflexibilität, Einkaufsstätten, usw.)
    • sozioökonomische Merkmale (Bildungsstand, Gehalt, Beruf usw.)
    • psychografische Merkmale (Persönlichkeit, Bedürfnisse, Motive, Lifestyle)

    Die verhaltensbezogenen Merkmale stützen sich auf das Einkommen und das Kaufverhalten sowie die Preisflexibilität. Die sozioökonomischen Kriterien beschreiben das Einkommen, den Bildungsstand und den Beruf. Solche Merkmale finden sich beispielsweise in Forschungen und Typologien wie dem Sinusmillieu. Psychographische Merkmale einer Persona beschreiben ihre Bedürfnisse, Motive und die Persönlichkeit. Hierfür eignen sich beispielsweise Typologiebeschreibung wie sie in der Lymbic Map zufinden sind oder aber über Erkenntnisse und Studien, die uns die Persönlichkeitspsychologie bieten. 

    Die unterschiedlichen Merkmale oder Kriterien der Wunschkundendefinition sind nicht einfach nur über das einsetzen von Tools zu definieren. Hierfür müssen Sie Umfragen durchführen, mögliches Kunden Feedback berücksichtigen und tiefer in das Denken und Handeln Ihrer Kunden eintauchen und eine intensivere Recherche betreiben als bei der normalen Zielgruppenanalyse.

    Wenn das Konzept der Personas korrekt verwendet wird, werden Sie ein Gefühl für die Personen entwickeln, die mit Ihrer Website (oder App) interagieren. Personas werden Ihnen helfen, die Erstellung von Websites zu vermeiden, die nur „irgendwie“ funktionieren, aber keine wirklichen zielgruppenrelevanten Mehrwert bieten können.

    Warum brauchen wir Personas statt einfache Zielgruppen?

    Personas bieten im Vergleich zu einfachen Zielgruppen besondere Vorteile. Ein Teil der Vorteile wurde aus dem vorher beschriebenen sicherlich schon erkenntlich. Hier nochmal die Vorteile im Überblick:

    1. Personas helfen Einfühlungsvermögen aufzubauen

    Über eine detaillierte Persona gelingt es Ihnen, die Welt aus der Sicht Ihrer Kunden zu sehen. Dank dieser Sichtweise heraus lässt es sich einfach nachvollziehen, welches Ziel Ihr Wunschkunden verfolgt. Die Persona hilft Ihnen Angebote, ein Produkt sowie das Online Marketing gezielt nach den Bedürfnissen und Wünschen Ihrer Wunschkunden auszurichten. 

    2. Personas sorgen für den Fokus 

    Die Erstellung von Personas im Online Marketing hilft Ihnen einen gezielten Kundenfokus aufzubauen. Sie werden verstehen für wen Sie Lösungen bieten können oder welche Bedürfnisse Sie befriedigen müssen und für wen nicht. Haben Sie mehrere Personas für Ihr Unternehmen identifiziert, helfen diese Ihnen festzulegen, können Sie Ihre Angebote differenziert betrachten und vermarkten. So vermeiden Sie den falschen Fokus auf die falschen Zielkunden zu legen.

    3. Personas helfen gezielt zu kommunizieren und einen Konsens zu bilden

    In der Regeln arbeiten immer mehrere Menschen zusammen, um ein ultimatives Nutzererlebnis mit Ihrem Unternehmen garantieren zu können. Davon ausgehend, dass alle Mitglieder Ihres Teams (Marketer, Designer, Produktentwickler, usw.) unterschiedliche Standpunkte, Interessen, Sichtweisen, Erfahrungen und Fähigkeiten haben, dient die Nutzung von detailliert aufgestellten Personas dabei, dass alle vom Selben Standpunkt ausgehen. Haben alle Mitarbeiter dasselbe Verständnis von Ihren Nutzern und Kunden, wird es einfacher einen Konsens über wichtige Fragen zu erzielen. 

    4. Personas erleichtern das treffen von Entscheidung 

    Wenn Entscheidungen über Produkte, Angebote oder Marketingmaßnahmen anfallen, ist die Verteidigung auf der Grundlage der gewonnen Daten und Forschungen über Nutzer (dargestellt durch eine Persona) der beste Weg, um anderen die logischen und benutzerorientierten Überlegungen aufzuzeigen, die hinter der Entscheidung stehen.

    5. Personas vereinfachen die Messbarkeit der Wirksamkeit

    Personen können als fiktive aber dennoch genaue Darstellung Ihrer Nutzer und Kunden verstanden werden. Verschiedene Implementierungen, sei es Content oder das Website Design, CTAs und weitere Veränderungen auf Ihrer Webseite, können „getestet“ werden, indem eine Person mit einem Szenario verknüpft wird, ähnlich wie wir Designs mit realen Benutzern testen. Wenn jemand, der sich in die Persona dank ausführlicher Informationen hinein denkt, nicht herausfindet, wie man eine Funktion benutzt, haben die realen Nutzer, die er vertritt, wahrscheinlich ebenfalls Schwierigkeiten.

    Sie sehen, der Aufwand genaue Personas zu konstruieren, lohnt sich für fast jedes Unternehmen. 

    6 Punkte-Anleitung zur Erstellung einer Persona

    Wie Sie eine Personas für Ihr Unternehmen Schritt für Schritt erstellen können und wie genau das dann am Ende aussieht, erfahren Sie hier.

    #1 Führen Sie so viel Recherche wie möglich durch

    Sie können solange nicht mit dem Erstellen von Personas beginnen, wie Sie Ihre Zielgruppe nicht vollständig verstehen. Und Sie können Ihre Zielgruppe nicht vollständig verstehen, solange Sie Ihre Zielgruppe nicht wirklich umfangreich erforschen und analysieren.

    Abby Covert, die in New York lebende und arbeitende US-amerikanische Informationsarchitektin, beschreibt die Aufgabe in ihrem Buch „How to Make Sense of Any Mess“ recht zutreffend:

    „Menschen sind komplexe Kreaturen, wenn es um deren Interpretation und Nutzung von bestimmten Dingen geht. Wir sind voller Widersprüche. Die Forschung weiß, dass wir hin und wieder merkwürdige Verhaltensweisen zeigen. Angefangen von der Art und Weise, wie wir unsere Mobiltelefone benutzen, bis hin zur Art und Weise, wie wir Lebensmittelgeschäfte durchqueren, ist keiner von uns genau gleich dem anderen.“

    Menschen sind komplexe Wesen und haben ganz verschiedene Hintergründe, Ziele, Motivationen, Bedürfnisse und Probleme. Sie kommen aus völlig verschiedenen Gründen auf eine bestimmte Website oder App. Daher ist es wichtig, die Hintergründe und das Bedürfnis zu zu verstehen, um herauszufinden, was speziell Ihre Kunden ausmacht, was sie von anderen Kunden unterscheidet und was sie verbindet. Um ein breiteres Verständnis dafür zu gewinnen, was Ihren Kunden ausmacht, hilft Ihnen die Erstellung von Personas in jedem Fall weiter.

    Es ist nachvollziehbar, wenn Sie jetzt das Gefühl haben, dass Sie nicht die nötigen Ressourcen für die Erstellung von genauen Personas haben. Mit Forschung meinen wir aber nicht, dass Sie eine riesige Umfrage in Auftrag geben müssen. Wir zeigen Ihnen im Folgenden, was wir mit Recherche meinen und was innerhalb des Rahmens Ihrer individuellen Möglichkeiten machbar ist, um Ihre Zielkunden so genau wie möglich zu analysieren, um daraus eine oder mehrere Personas zu bauen.

    Im Grunde gibt es zwei Arten von Forschung, die Sie durchführen können: 

    1. Quantitative Forschung

    Unter dem Begriff der Quantitativen Forschung wird das sammeln vieler Daten, Zahlen und Messgrößen verstanden. Hierfür eignen sich im Online Marketing jede Menge Tools, die Aussagen über das Verhalten auf der Webseite treffen können oder Ihnen geographische als auch soziodemographische Daten liefern können (zB. Google Analytics, Google Ads, Facebook Analytics, u.w.). Punkte wie die Demografie einer Persona, können Sie hier relativ zügig zusammentragen.

    2. Qualitative Forschung

    Die qualitative Forschung ist eine explorative Art der Forschung, die Sie nutzen können, um zu verstehen, warum Ihre Kunden etwas tun und wie sie es tun.

    Zum Beispiel könnten Sie fragen, 

    • Warum suchen Ihre Kunden nach einer Antwort oder nach einem besseren Weg, eine bestimmte Aufgabe zu erledigen?

    Zum zweiten können Sie fragen, 

    • Wie kommen Ihre Kunden heute mit ihrem speziellen Problem zurecht? Welche ggf. noch unzulänglichen Lösungen verwenden sie?
    • Wie würden Ihre Kunden mit einem neuen Produkt interagieren? 

    Bei der qualitativen Forschung betrachten Sie die verhaltensbezogenen, die sozioökonomischen und die psychografischen Merkmale Ihrer Persona. 

    Nutzen Sie dafür Kundeninterviews, Bewertungsseiten, Konkurrenzanalysen, Kunden Feedback, Kundenfragen oder starten sie zusätzlich noch ein Kreativ Meeting mit allen, die nah am Kunden sind und Aussagen über seine Bedürfnisse, seine Haltung und sein Verhalten treffen können.

    Um ein möglichst rundes und stimmiges Bild Ihrer Nutzer zu erhalten, empfehlen wir Ihnen in jedem Fall, beide Verfahren durchzuführen.

    #2 Menschen befragen und interviewen

    Wie eben schon angerissen, können Sie Kundenbefragungen und Interviews durchführen. Diese helfen Ihnen dabei direkte Aussagen vom Kunden zu gewinnen und so mehr über seine Einstellung, sein Verhalten oder seine Wünsche zu erfahren. 

    Tipp für ein gutes Interview: Ein wichtiger Grundsatz ist den Interviewten zu vermitteln, dass sie gemocht werden und dass ihre Meinung wirklich wichtig ist. 

    Für ein gutes Interview braucht es immer gute Fragen und einen Interviewleitfaden. Der Interviewleitfaden ist ein Dokument, das Sie während Ihres Interviews stets dabei haben sollten, um sicherzustellen, dass Sie beim Thema bleiben und alle Informationen, die Sie benötigen, auch wirklich erhalten.

    Erinnern Sie sich daran, es geht darum den Kunden als tatsächlichen Menschen zu verstehen, wie er denk, was er fühlt, vor was er sich fürchtet und was ihm schon geholfen hat. Alle diese Informationen helfen Ihnen im Nachgang eine relativ realistische Persona aufzustellen.

    #3 Erstellen Sie kreative Umfragen 

    Umfragen sind ebenfalls eine effektive Möglichkeit, gezielte und persönliche Informationen über den Zielkunden zu sammeln. 

    Sämtliche Informationen, die Sie aus einer Umfrage erhalten, können eine wichtige Rolle in Ihrem Persona Forschungsprozess spielen. Umfragen mögen auf den ersten Blick wie eine schnelle und einfache Methode zum Sammeln von Daten aussehen, doch dem ist in der Praxis leider nicht oft so.

    Hier ein paar Tipps, die Ihnen bei der Erstellung einer Umfrage helfen: 

    1. Legen Sie das Ziel Ihrer Umfrage fest
      Daraus lassen sich relevante Fragen entwickeln.
    2. Wählen Sie aus, wer die Umfrage erhalten soll
      Sehen Sie sich Demografie, Umgebung und ihre Verbindung zu Ihrer Marke an, bevor Sie sich entscheiden. Beziehen Sie ggf. vorherige Analysen mit ein, die Ihnen einen ersten Blick auf die Zielgruppe oder die Persona geben.
    3. Verfassen Sie eine kurze aber allgemein verständliche und vollumfassende Einführung
      Um den Befragten den Zweck der Umfrage zu Beginn zu erläutern und um wichtige Informationen wie Bewertungskriterien, Aufbau und Umfragedauer er verdeutlichen, benötigen Sie diese Einführung. Ebenfalls enthalten sein, sollte eine Vertraulichkeitserklärung Ihrerseits, in der Sie versichern, dass keine personenbezogenen Daten aus der Umfrage an Dritte weitergegeben werden.
    4. Halten Sie die Umfrage kurz
      Es kann sein, dass Mitglieder ihres Teams verschiedene Fragen einbeziehen wollen. Sie sollten aber der (zugegeben großen) Versuchung widerstehen, so viele Informationen wie möglich mit nur einer Umfrage zu sammeln. Gehen Sie stattdessen Kompromisse ein, was Sie fragen möchten, damit Sie eine bessere Chance haben, dass die Befragten Ihren Fragebogen vollständig ausfüllen.
    5. Verwenden Sie ein Umfrage-Tool wie SurveyMonkey
      Insbesondere dann, wenn das Tool in Ihre Marketing- und Vertriebs Software integriert werden kann. So könnten Sie die Umfrage automatisieren und herausfinden, was Sie über Ihre besten Kunden und Interessenten bereits wissen und welche Informationen neu sind. Entscheidend ist, die richtigen Fragen in der richtigen Weise zu stellen.
    6. Stellen Sie sicher, dass Ihre Fragen einen logischen Ablauf haben und einfach zu beantworten sind
      Ihre Fragen sollten nicht zwei Aspekte auf einmal behandeln – ein Negativbeispiel dafür: „Bewerten Sie die Qualität der Stiefel nach Tragekomfort und Aussehen.“
    7. Der wohl wichtigste Tipp: Lassen Sie Kreativität walten!!
      Natürlich stehen Kunden nicht 24/7 bereit nur um die nächste Umfrage Ihres Unternehmens zu beantworten. Und genau aus diesem Grund empfehle ich Umfragen mal anders vorzunehmen. Wie wäre es mit Umfragen über die Intagram Story, Verpackt als Gewinnspiel oder mit Rabattcodes geschmückt, als Anreiz? Seien Sie hier unbedingt kreativ, probieren Sie aus, was Ihnen einfällt und helfen Sie Ihren Nutzern Ihnen zu helfen!

    #4 Führen Sie ein Empathy Map als Ergänzung durch

    Der Sinn des Konzepts von Personas ist es, Ihre Kunden bestmöglich zu verstehen. Das sogenannte Empathy Mapping kann Ihnen effektiv dabei helfen den Kunden besser zu verstehen und zu lernen die Welt (oder Ihr Unternehmen, Ihre Webseite) aus seinen Augen zu betrachten. Lassen Sie gerne noch andere Mitarbeiter ein Empathy Mapping Ihres Kunden durchführen und vergleichen Sie am Ende die Ergebnisse. So decken Sie das Verständnis aus Kundensicht über mehrere Perspektiven ab. 

    Das Ziel des Empathy Mappings besteht darin, herauszufinden, wie Sie sich besser mit Ihren Kunden kommunizieren und interagieren können, indem Sie sich darauf konzentrieren, mit welchen Botschaften Ihre Kunden im Alltag konfrontiert sind. 

    Die Methode des Empathy Mapping wird hier häufig als Alternative zur Persona Erstellung angesehen. Vor allem wenn Sie nicht die Ressourcen haben, eine volle Personalentwicklung durchzuführen. Aber Sie können es ebenfalls als Ergänzung zur Recherche und Befragungen hinzunehmen.

    #5 Analyse und Synthese der gewonnen Daten

    Sie haben im Idealfall durch Ihre Forschung eine Menge Informationen gesammelt. Ihr Schreibtisch ist über und über mit Notizen und wichtigen Papieren bedeckt. Ihre Wand ist mit Haftnotizen übersät. Was machen Sie nun mit der Menge an Information?

    Es ist Zeit zu analysieren und zu synthetisieren um endlich eine Persona erstellen zu können.

    Fangen Sie an Ihre Ergebnisse zu ordnen, zu clustern und zu kategorisieren. Wenn Sie synthetisieren, bedeutet das, dass Sie brauchbare Informationen aus Rohdaten erstellen. Sie können und sollten beides gleichzeitig tun.

    Eine Möglichkeit zur Synthese besteht in der Erstellung eines Affinitätsdiagramms. Ein Affinitätsdiagramm wird Ihnen helfen die gewonnenen Daten in logische Kategorien zu sortieren. Praktisch ist hier die Verwendung eines Whiteboards. Schreiben Sie dafür alle Ergebnisse Ihrer Forschung stichwortartig auf Haftnotizen und sortieren Sie sie danach in Kategorien. In der Mitte sind Name, ggf. ein Foto oder eine Zeichnung der Persona(s).

    Sie können das kategorisieren natürlich auch mit Tabellen und Vorlagen digital auf Ihrem Computer erstellen. Hier sollte jeder die Technik wählen, die ihm am liebsten erscheint.

    Stellen Sie dafür zunächst einmal Kategorien auf, wie zum Beispiel:

    • Demographische Daten
    • Berufsbild/ Einkommen
    • Familienstand
    • Bedürfnisse
    • Ziele
    • Tägliche Herausforderungen
    • Motivation
    • Persönlichkeit

    Versuchen Sie bei der Clusterung Ihrer gewonnen Daten herauszufinden, ob sich bestimmte Muster bilden. Achten Sie darauf, ob sich Kategorien herausstellen, die deutlich weniger Haftnotizen enthalten als andere Kategorien. Finden Sie einige Ähnlichkeiten, ist das ein gutes Zeichen, denn das bringt Sie Ihrer tatsächlichen Persona Entwicklung näher.

    #6 Vermeiden Sie staubige Personas

    Wenn Sie Ihre Personas erstellt haben, stellen Sie sicher, dass alle Prozesse an den fiktiven aber sehr genauen Zielkunden ausgerichtet werden. Es ist daher ratsam, Ihre Mitarbeiter von Anfang an in den Prozess der Persona Entwicklung miteinzubeziehen. So garantieren Sie, dass jeder aus Ihrem Team versteht, dass die Eigenschaften der fiktiven Personas auf tatsächlichen Daten von realen existierenden Menschen basieren und sowohl wertvoll als auch nützlich sind.

    Neben dem (neu)ausrichten der Prozesse, sollten Sie immer darauf achten, Personas in regelmäßigen Abständen zu hinterfragen und bei Bedarf zu aktualisieren. Alles in der Welt verändert sich mit der Zeit und so ist es auch mit den Menschen, Ihren Entscheidungen, Bedürfnissen und Wünschen. 

    Erinnern Sie sich daran, dass Sie viele Ressourcen für die Erstellung detaillierter Personas investiert haben. Also nutzen Sie Ihre Erkenntnisse, um die richtigen Inhalte auf den richtigen Kanälen für Ihren Kunden zu platzieren.

    Die Entwicklung von Personas ist aufwendig, bringt Sie aber Ihrem Ziel ein ganzes Stück näher!

    Jedes Unternehmen, von Start Up bis Konzern, muss wissen, welche Kunden Sie mit Produkten, Dienstleistungen und entsprechendem Content ansprechen wollen. Je mehr Informationen sie über ihre Wunschkunden haben, desto besser ist das Verständnis für den Kunden. 

    Dass es sich bei der Erstellung von Personas, um einen aufwendigen Entwicklungsprozess handelt, ist keine Frage. Wer aber erfolgreicher als der direkte Konkurrent sein, muss seine Kunden auch besser verstehen lernen.Jetzt Unterstützung in Content Marketing erhaltenIn 5 Schritten zur erfolgreichen Content Seeding StrategieDer Zeitpunkt ist gekommen: Sie haben Ihren Content fertig erstellt und nun ist es an der Zeit, Ihren Inhalt zu veröffentlichen. Denn nur so wird Ihr Content auch konsumiert.  Ohne die richtige Verbreitung Ihrer Inhalte, bleibt er versteckt und Sie … Mehr

    Datum: 21.08.2020

    Kategorie: Content Marketing

    Autor: Angela Zahn

    Lesezeit: 10 Minuten9 Tipps für das Schreiben von guten TextenEgal, ob Werbetext, Startseitenintro oder ausführlicher Blogartikel: Texte im Online Marketing müssen nicht nur für die Suchmaschinen wie Google und Ecosia ranken. Vor allem müssen sie auch die Leser in ihren Bann ziehen.  Und dafür haben Sie für gewöhnlich in … Mehr

    Datum: 29.06.2020

    Kategorie: Content Marketing

    Autor: Angela Zahn

    Lesezeit: 8 MinutenDie AIDA-Formel im Content Marketing richtig umsetzenDie AIDA-Formel ist ein klassisches Modell, das schon seit vielen Jahrzehnten verwendet wird, um Verkaufsgespräche in unterschiedliche Phasen einzuteilen. Erfunden wurde die Formel von Elmar Lewis im Jahre 1898, um einheitliche Kaufabschlüsse nach einem vorgegebenen Muster einzuführen. Seitdem wird die … Mehr

    Datum: 24.06.2020

    Kategorie: Content Marketing

    Autor: Angela Zahn

    Lesezeit: 7 Minuten

    Über den Autor

    Vanessa Markowski

    Content Marketing Beraterin

    Vanessa Markowski arbeitet seit November 2017 als Content Marketing Managerin der ReachX GmbH und betreut Kunden bei der Planung und Erstellung von effektiven Content Maßnahmen. Zuvor absolvierte Sie Ihren Bachelor Abschluss in Wirtschaftspsychologie und Marketing Management an der Mainzer Hochschule EMS. Heute arbeitet Sie nebenbei als Dozentin im Kommunikations- und Marketing Bereich. Neben kommunikativen Fähigkeiten, hält Vanessa das psychologische Grundverständnis für unheimlich wichtig, wenn es um Marketing und Kommunikation jeglicher Art geht. Getreu dem Motto: „Menschen irgnorieren Content der Menschen ignoriert“ ist Sie davon überzeugt, dass Content immer für den Nutzer und nicht für (Such-)Maschinen erstellt werden muss, um erfolgreich zu sein.

    Folgen Sie Vanessa Markowski auf den folgenden Portalen

    Partner der ReachX

    ReachX in Social Media© ReachX GmbH, Feldstraße 7, 65719 Hofheim am TaunusTel +49 6192 9626-148, info@reachx.de