Als Above-the-Fold werden die Elemente einer Website bezeichnet, die direkt beim Aufrufen einer Website und ohne scrollen sichtbar sind.
Stell dir vor, du besuchst eine Website und schaust dir nur die Startseite an, ohne auf andere Links zu klicken oder weiter in die Website einzusteigen. Wenn du dann die Website verlässt, ohne weitere Interaktionen durchzuführen, wird dein Besuch als “Absprung” gezählt. Die Absprungrate ist also eine Kennzahl, die angibt, wie viele Besucher eine Website verlassen, nachdem sie nur eine einzige Seite besucht haben, ohne weitere Aktionen durchzuführen oder auf andere Seiten der Website zu navigieren.
Ein Audioblog ist ein Blog, bei dem die Inhalte nicht in Textform, sondern in Audioform präsentiert werden. Statt Artikel zu schreiben, nimmt der Blogger seine Gedanken, Meinungen oder Informationen auf und veröffentlicht sie als Audio-Dateien. Die Hörer können die Beiträge dann über eine Webseite, eine Podcast-Plattform oder andere Audio-Streaming-Dienste anhören. Ein Audioblog ermöglicht es den Bloggern, ihre Botschaften auf persönliche und unterhaltsame Weise zu teilen und ein Publikum anzusprechen, das gerne Podcasts und Audioinhalte konsumiert.
Brand Design bedeutet, dass man das Aussehen und die Persönlichkeit einer Marke gestaltet. Es geht darum, wie die Marke aussieht und sich fühlt, wenn man sie sieht. Dazu gehören Dinge wie das Logo, die Farben, die Schriftarten und die Bilder, die verwendet werden. Das Ziel ist es, eine einheitliche und einprägsame Darstellung zu schaffen, die die Marke von anderen unterscheidet und die Botschaft der Marke klar vermittelt. Brand Design ist wichtig, um eine starke Identität aufzubauen und Kunden dazu zu bringen, die Marke zu erkennen und sich mit ihr zu identifizieren.
Eine Buyer Persona ist eine fiktive Darstellung deines idealen Kunden/deiner idealen Kundin oder deiner idealen Zielgruppe. Sie basiert auf umfangreichen Recherchen, Daten und Informationen über deine tatsächlichen Kund*innen oder potenziellen Kund*innen. Eine Buyer Persona hilft dir dabei, deine Zielgruppe besser zu verstehen, ihre Bedürfnisse, Ziele, Motivationen und Herausforderungen zu identifizieren.
Ein CMS steht für “Content Management System” (Inhaltsverwaltungssystem). Es ist eine Software, die es dir ermöglicht, Inhalte auf deiner Website einfach zu erstellen, zu bearbeiten und zu verwalten, ohne dass du spezielle technische Kenntnisse haben musst. Mit einem CMS kannst du Texte schreiben, Bilder hochladen, Videos einbinden und vieles mehr, ohne dass du dafür HTML-Code schreiben musst.
Ganz einfach gesagt sind Conversions Aktionen, die Leute auf deiner Webseite ausführen, wenn sie das tun, was du möchtest. Das könnten Dinge wie das Ausfüllen eines Formulars, der Kauf eines Produkts oder das Abonnieren deines Newsletters sein. Conversions zeigen, dass Besucher deiner Webseite in Kunden oder Abonnenten umgewandelt werden.
Ein Corporate Design ist das visuelle Erscheinungsbild eines Unternehmens. Es umfasst das Logo, die Farben, die Schriftarten und andere Gestaltungselemente, die das Unternehmen repräsentieren. Das Corporate Design sorgt dafür, dass alle Materialien und Kommunikationen des Unternehmens einheitlich aussehen. Dadurch wird die Markenidentität gestärkt und ein professionelles Image vermittelt. Das Corporate Design hilft dabei, dass das Unternehmen von anderen unterschieden wird und eine starke visuelle Präsenz hat.
Eine Corporate Website ist eine Website, die im Corporate Design des Unternehmens gestaltet ist. Die Website fügt sich in den einheitlichen Look des Business Designs ein.
Cascading Style Sheet (Abkürzung CSS) ist eine Computersprache aus Code-Elementen.
Mit Hilfe von CSS und HTML kannst du Webseiten erstellen. In einem CSS-Dokument sind die Gestaltungsanweisungen enthalten. Das heißt, mit Hilfe von CSS legst du fest, wie der Browser die Inhalte anzeigt (z. B. Farben, Schriftart, Gestaltungselemente)
Ein CTA (Call-to-Action) ist eine Aufforderung an den Betrachter einer Webseite oder einer Werbeanzeige, eine bestimmte Aktion auszuführen. Dies kann beispielsweise das Klicken auf einen Button, das Ausfüllen eines Formulars oder das Anrufen einer Telefonnummer sein. Der CTA soll den Nutzer dazu animieren, aktiv zu werden und eine gewünschte Handlung auszuführen, wie beispielsweise ein Produkt zu kaufen, sich für einen Newsletter anzumelden oder weitere Informationen anzufordern. Ein effektiver CTA sollte klar und auffällig gestaltet sein und einen klaren Nutzen oder Anreiz für den Betrachter bieten, um die gewünschte Aktion auszuführen.
Eine Customer Journey beschreibt den gesamten Weg, den ein Kunde zurücklegt, um ein Produkt oder eine Dienstleistung zu kaufen. Es umfasst alle Schritte, die der Kunde von der ersten Entdeckung des Angebots bis zum Kauf und möglicherweise auch darüber hinaus macht. Die Customer Journey beinhaltet typischerweise verschiedene Touchpoints wie Werbung, Website-Besuche, Produktbewertungen, soziale Medien und den eigentlichen Kaufvorgang. Das Ziel ist es, den Kunden während der gesamten Reise zu begleiten und ein positives Erlebnis zu schaffen, um die Kundenzufriedenheit und -bindung zu erhöhen.
Eine Domain ist die Internetadresse wo deine Website zu finden ist. Es ist der Name deiner Website. Meine Website hat die Domain vielmehr-webdesign.de. Hie findest du einen Beitrag zum Thema, wie du deine passende Domain wählst: So findest du deine ideale Internetadresse!
Das Double-Opt-In-Verfahrens soll vor Spam bei kommerziellen E-Mails Schützen.
Wenn du dich in einem Newsletter anmeldest, musst du diese Anmeldung erst nochmal per E-Mail bestätigen, damit du auf die Newsletter-Liste eingetragen wirst.
Drag and Drop ist eine Funktion, mit der Elemente (z. B. Icons, Textstellen, Bilder) durch Anklicken markiert und mit gedrückter Maustaste auf dem Bildschirm bewegt und per Loslassen der Maus, an andere Stelle wieder eingesetzt werden können. Per Drag and Drop, lässt es sich leichter Dokumente im Browser hochladen, da die zu bewegenden Dokumente nur (mit gedrückter Maustaste) auf den Browser bewegt werden müssen.
Die DSGVO steht für “Datenschutz-Grundverordnung” und ist eine Datenschutzgesetzgebung, die in der Europäischen Union (EU) gilt. Sie wurde entwickelt, um die persönlichen Daten der Bürgerinnen und Bürger besser zu schützen und ihre Privatsphäre zu gewährleisten.
Die DSGVO legt fest, wie Unternehmen und Organisationen personenbezogene Daten sammeln, speichern, verarbeiten und nutzen dürfen. Sie gibt den Menschen mehr Kontrolle über ihre eigenen Daten, indem sie das Recht auf Auskunft, Berichtigung und Löschung ihrer Daten vorsieht.
Für Unternehmen und Website-Betreiber bedeutet dies, dass sie klare Informationen darüber geben müssen, welche Daten sie sammeln, wie sie verwendet werden und wie lange sie gespeichert werden. Außerdem müssen sie die Zustimmung der Nutzerinnen und Nutzer einholen, bevor sie deren Daten verarbeiten dürfen.
Die DSGVO gilt für alle Unternehmen und Organisationen, die personenbezogene Daten von EU-Bürgerinnen und -Bürgern sammeln oder verarbeiten, unabhängig davon, wo sich das Unternehmen oder die Organisation befindet. Die Einhaltung der DSGVO ist wichtig, um Datenschutzverletzungen zu vermeiden und das Vertrauen der Nutzerinnen und Nutzer zu gewinnen.
Elementor ist ein Plugin für WordPress. Mit Hilfe des Plugins lässt sich eine Website per Drag&Drop erstellen. Man nennt ihn auch Elementor Page Builder (“Seitenersteller”). Mit Hilfe des Plugins wird das Erstellen und anpassen deiner WordPress Website einfacher.
Eyebrow Headlines sind kurze, prägnante Überschriften oder Schlagzeilen, die oberhalb oder direkt neben der Hauptüberschrift eines Textes platziert sind. Sie dienen dazu, die Aufmerksamkeit der Leser zu wecken und sie auf den Inhalt des Textes neugierig zu machen. Eyebrow Headlines sind oft in einer kleineren Schriftgröße als die Hauptüberschrift und vermitteln in wenigen Worten den Hauptpunkt oder das Thema des Textes. Sie können auch als “Teaser Headlines” oder “Subheadlines” bezeichnet werden. Eyebrow Headlines werden häufig in Printmedien, Werbeanzeigen, Online-Artikeln und auf Websites verwendet, um die Leser zum Weiterlesen oder zur weiteren Interaktion zu ermutigen.
Diese Seite wird auf deiner Website angezeigt, wenn versehentlich eine falsche URL eingegeben wurde, wenn die Seite fehlt oder der Link nicht korrekt ist. Die 404-Fehlerseite gibt dem*r Website-Besucher*in die Auskunft, dass die Seite nicht aufrufbar ist. Hier gibts einen Artikel und ein Tutorial zur 404-Fehlerseite: So erstellst du deine eigene 404-Fehlerseite mit Elementor
FAQ steht für “Frequently Asked Questions”, was auf Deutsch “Häufig gestellte Fragen” bedeutet. Eine FAQ ist eine Liste von Fragen und dazugehörigen Antworten, die auf einer Website, in einem Handbuch oder in einem anderen Informationsmedium veröffentlicht wird.
Die FAQ dienen dazu, häufige Fragen der Nutzer oder Kunden vorab zu beantworten und ihnen relevante Informationen bereitzustellen. Durch die Bereitstellung klarer und präziser Antworten auf häufig gestellte Fragen können Unternehmen oder Organisationen Zeit und Ressourcen sparen, da sie nicht jedes Mal individuelle Anfragen beantworten müssen.
Der Footer (auch Fußzeile) befindet sich auf deiner Website ganz unten. Er ist, wie auch bei einem Word-Dokument deine Fußzeile und wird auf jeder Seite deiner Website angezeigt.
Ein FTP-Server (File Transfer Protocol-Server) ist ein Computer oder ein Server, auf dem Dateien gespeichert und über das FTP-Protokoll von einem Computer zum anderen übertragen werden können. FTP ist ein Standardprotokoll, das zum Hochladen und Herunterladen von Dateien von einem Computer auf einen Server oder umgekehrt verwendet wird. Wenn du deine Website selbst bei einem Unternehmen wie bspw. All-Inkl, Strato und co hostest, dann liegt sie auf deinem eigenen FTP-Server.
Ein Funnel (deutsch: Trichter) ist eine Marketingstrategie, die darauf abzielt, potenzielle Kunden durch verschiedene Stufen zu führen, um sie am Ende zum Kauf eines Produkts oder einer Dienstleistung zu bewegen. Der Funnel ist wie ein Trichter aufgebaut, da in jeder Stufe eine gewisse Anzahl von Interessenten aussortiert wird, bis am Ende nur noch diejenigen übrig bleiben, die tatsächlich kaufen. Die Stufen im Funnel können verschiedene Marketingmaßnahmen und -kanäle wie Anzeigen, E-Mails, Landingpages und Social Media umfassen. Das Ziel ist es, die Kundenreise zu optimieren und Interessenten in zahlende Kunden zu verwandeln.
Google Fonts sind eine Sammlung von kostenlosen Schriftarten, die von Google bereitgestellt werden. Mit Google Fonts können Website-Betreiber*innen Schriftarten in ihr Webdesign integrieren, um den Textinhalt ihrer Website ansprechend und lesbar darzustellen.
Die Startseite deiner Website.
Homepage Baukasten wie Wix, Jimdo oder Squarespace sind Systeme, mit denen du ohne Programmierkentnisse eine Website erstellen kannst. Du kannst dich dort anmelden, monatlich oder jährlich bezahlen und direkt loslegen. Sie kümmern sich um das Hosting deiner Website und übernehmen auch die monatliche Wartung. In diesem Beitrag kannst du mehr über Homepage-Baukasten nachlesen: Für wen eignen sich Homepage Programme wie WIX?
Auch Webhosting genannt, bezeichnet das bereitstellen von Speicherplatz im Internet, um deine Website dort zu speichern und zu veröffentlichen.
Hover-Effekte sind einfache Animationen oder visuelle Veränderungen, die auftreten, wenn du mit der Maus über ein Element auf einer Website fährst.
Wenn du die Maus über einen Link, ein Bild oder ein anderes Element bewegst, kann sich beispielsweise die Farbe ändern, ein Schatten erscheinen oder ein Bild vergrößert werden.
Die Idee dahinter ist, dem Nutzer visuelles Feedback zu geben und Interaktivität zu erzeugen, um die Benutzererfahrung interessanter und ansprechender zu gestalten.
Hover-Effekte sind eine einfache Möglichkeit, um Webseiten lebendiger und interaktiver zu machen, ohne dass dafür komplexe Animationen oder Programmierungen erforderlich sind.
Verwendest du den Hover Effekt z.B. bei Buttons, zeigst du gleichzeitig durch den Effekt, dass der Button klickbar ist.
Hypertext Markup Language (Abkürzung HTML) ist eine Computersprache aus Code-Elementen. HTML und CSS beziehen sich aufeinander. Mit Hilfe von HTML gibst du deiner Website Struktur und Inhalte. Das heißt alle Texte, Bilder und auch Tabellen werden über HTMLdefiniert. HTML beschreibt das WAS und CSS das WIE.
Ein Interface ist eine Benutzeroberfläche, die es dem/r Endverbraucher*in ermöglicht, mit einem Produkt oder einer Technologie zu interagieren. Es ist das, was du siehst und verwendest, wenn du zum Beispiel eine Smartphone-App öffnest oder eine Website besuchst. Ein gutes Interface ist benutzerfreundlich und einfach zu bedienen, so dass der/die Endverbraucher*in ohne Probleme navigieren und die gewünschten Aktionen ausführen kann. Interfaces können verschiedene Elemente enthalten, wie Buttons, Menüs, Symbole und Textfelder, die alle dazu dienen, die Kommunikation zwischen User und dem Produkt oder der Technologie zu erleichtern.
Eine Landingpage ist eine spezielle Webseite, auf der Besucher landen, wenn sie auf einen bestimmten Link oder eine Anzeige klicken. Sie ist darauf ausgerichtet, die Besucher zu einer bestimmten Aktion zu bewegen, wie zum Beispiel das Ausfüllen eines Formulars, das Abonnieren eines Newsletters oder den Kauf eines Produkts. Die Landingpage ist in der Regel sehr klar strukturiert, ohne Ablenkungen oder andere Links, damit der Besucher sich voll und ganz auf die gewünschte Aktion konzentrieren kann.
Es gibt es verschiedene Lesetypen, die das Leseverhalten und die Lesegewohnheiten der Nutzer beschreiben. Hier sind einige der gängigen Website Lesetypen:
Die Berücksichtigung dieser unterschiedlichen Lesetypen ist wichtig, um eine benutzerfreundliche Website mit gut strukturiertem und ansprechendem Inhalt zu gestalten, der die Bedürfnisse und Erwartungen der Nutzer erfüllt.
Ein Mockup ist die Präsentation eines digitalen Entwurfs einer Website in einer Umgebung. Mockups werden mit Hilfe eines Grafikprogramms hergestellt. Der Vorteil eines Mockups ist, dass du ohne viel Aufwand den digitalen Entwurf in einer gestalteten Umgebung präsentieren kannst.
Eine Navigation (auch Navigationsleiste, Menü, Seitenleiste) ist das wichtigste Navigationselement deiner Website. Es befindet sich, direkt im oberen Bereich deiner Website und ermöglicht eine Navigation und Orientierung über deine Website. Früher war die Hauptnavigation fix auf der linken Seite (Siehe Foto)
Die Nutzerfreundlichkeit im Webdesign bezieht sich auf die Gestaltung und Struktur einer Website, um eine optimale Benutzererfahrung zu ermöglichen. Das Hauptziel besteht darin, den Besuchern einer Website das Navigieren, Finden von Informationen und Interagieren mit der Seite so einfach und effizient wie möglich zu machen.
Eine Website die nur aus einer Seite besteht. Lediglich das Impressum und die Datenschutzerklärung befinden sich auf separaten Unterseiten.
Beispiel One Pager – Julia Weiss Coaching
Ist das englische Wort für Homepage-Baukasten. Es ist ein Plugin ( wie z. B. Elementor für WordPress.com) oder eine Anbieter (wie z.B. Wix), dass dir die Erstellung deiner Website vereinfacht. Per Drag & Drop verfahren, lassen sich Webseiten ohne Programmier-Kentnisse erstellen.
Responsives Webdesign bezieht sich auf die Gestaltung einer Website, die sich automatisch an verschiedene Bildschirmgrößen und Geräte anpasst. Das Ziel ist es, eine optimale Benutzererfahrung unabhängig davon zu bieten, ob die Website auf einem Desktop-Computer, Tablet oder Smartphone angezeigt wird.
Bei responsivem Webdesign wird der Inhalt der Website flexibel gestaltet, sodass er sich proportional zur verfügbaren Bildschirmgröße anpasst. Dies umfasst die Anpassung von Text, Bildern, Grafiken und Layouts, um sicherzustellen, dass alles gut lesbar und benutzerfreundlich bleibt.
Heutzutage müssen Websites responsiv gestaltet sein!
Retina Displays sind hochauflösende Bildschirme, die von Apple entwickelt wurden und in vielen ihrer Geräte wie iPhones, iPads und MacBooks verwendet werden. Der Begriff “Retina” wurde von Apple geprägt und bezieht sich auf die hohe Pixeldichte, die diese Displays bieten.
Im Vergleich zu herkömmlichen Displays haben Retina Displays eine deutlich höhere Pixelanzahl pro Zoll (PPI – Pixel per Inch). Dies bedeutet, dass die einzelnen Pixel auf dem Bildschirm so klein sind, dass sie für das menschliche Auge nicht mehr als einzelne Punkte sichtbar sind. Dadurch entsteht ein schärferes und detaillierteres Bild.
Retina Displays verbessern die Darstellung von Text, Bildern und Grafiken, indem sie eine größere Anzahl von Pixeln verwenden, um feinere Details und glattere Kanten darzustellen. Dadurch wirkt der Inhalt auf dem Bildschirm schärfer, klarer und realistischer.
Unter Screendesign versteht man die Gestaltung einer Benutzeroberflächer für Displays wie z. B. bei Webseiten. Bevor die Webseite umgesetzt wird, wird sie vorher in einem Grafikprogramm erstellt. Die technische Umsetzung fällt nicht unter Screendesign.
SEO steht für “Search Engine Optimization” und bedeutet auf Deutsch Suchmaschinenoptimierung. Es handelt sich um den Prozess, eine Website so zu gestalten und zu optimieren, dass sie in den Suchmaschinenergebnissen möglichst gut gefunden wird.
Das Ziel von SEO ist es, die Sichtbarkeit einer Website in den organischen (unbezahlten) Suchergebnissen zu verbessern. Wenn jemand eine Suchmaschine wie Google verwendet, um nach Informationen, Produkten oder Dienstleistungen zu suchen, ist es wichtig, dass die Website in den Suchergebnissen möglichst weit oben erscheint. Denn je höher die Position, desto eher wird die Website von den Nutzern besucht.
Eine strategische Website verfolgt bestimmte Ziele. Ihr Design entspricht dem Brand Design der Marke und gibt neben den Social Media Kanälen ein einheitliches Außenbild.
Sie orientiert sich an der Customer Journey und verwendet Marketingkanäle, um definierte Ziele zu erreichen.
Ein Theme (WordPress-Theme) ist ein vorgefertigtes Design oder eine Vorlage, die verwendet wird, um das Aussehen und das Layout einer WordPress-Website zu gestalten. Es ist sozusagen das “Kleid” oder das “Erscheinungsbild” deiner Website. Mit einem WordPress-Theme kannst du das Design und die Struktur deiner Website anpassen, ohne den eigentlichen Inhalt zu ändern. Themes enthalten verschiedene Stile, Farben, Schriftarten und Layouts, die dir helfen, eine professionell aussehende Website zu erstellen, ohne dass du eine Designexpertin sein musst. Du kannst ein WordPress-Theme auswählen, das am besten zu deinem Inhalt und deiner Zielgruppe passt, und es dann einfach auf deiner WordPress-Website installieren und aktivieren.
Die Überschriftenhierarchie im Webdesign bezieht sich auf die Struktur und die Anordnung der Überschriften auf einer Webseite. Dabei werden die Überschriften in verschiedene Ebenen eingeteilt, um die visuelle Hierarchie und den Textfluss zu organisieren. Die Hierarchie zeigt an, welche Überschriften wichtiger oder untergeordnet sind und hilft den Lesern, die Inhalte besser zu erfassen.
In der Regel werden Überschriften hierarchisch mit Hilfe von HTML-Tags (H1 bis H6) strukturiert, wobei H1 die Hauptüberschrift ist und H2 bis H6 für untergeordnete Überschriften verwendet werden.
Eine klare und konsistente Überschriftenhierarchie erleichtert nicht nur die Lesbarkeit und das Verständnis der Webseite, sondern ist auch wichtig für die Suchmaschinenoptimierung (SEO), da Suchmaschinen die Hierarchie nutzen, um den Inhalt der Seite zu verstehen und zu indexieren.
Eine einzelne Unterseite deiner Website.
Dein Internetauftritt, also eine komplette Website.
WordPress ist eine Software mit der du eine Website erstellen kannst. Früher, war es ein einfaches System um einen Blog zu erstellen, mittlerweile kann WordPress wesentlich mehr.
Du kannst die Webseite direkt über den Browser erstellen und verwalten. Bei WordPress gibt es einen großen Unterschied. Es gibt WordPress.com und WordPress.org. Wenn von WordPress gesprochen wird, dann ist hauptsächlich von WordPress.org die Rede.
Hier wirfst du einen Blick hinter die Kulissen und erhältst wertvolle Tipps rund um Design & Business und bekommst alle Infos zu neuen Angeboten & freien Kapazitäten.
Wenn du einmal monatlich vielmehr insights erhalten möchtest, trage dich hier ein:
©2020-23 Stefanie Friedel | viel:mehr Design mit ♡
Ganz einfach gesagt sind Conversions Aktionen, die Leute auf deiner Webseite ausführen, wenn sie das tun, was du möchtest. Das könnten Dinge wie das Ausfüllen eines Formulars, der Kauf eines Produkts oder das Abonnieren deines Newsletters sein. Conversions zeigen, dass Besucher deiner Webseite in Kunden oder Abonnenten umgewandelt werden.
Trage dich jetzt in meinen Newsletter ein
