\n Das Identifizieren der Persona-Profile Ihres Publikums ist eine entmutigende Aufgabe. Gl\u00fccklicherweise hat Michael King einen hervorragenden Artikel<\/a> dar\u00fcber geschrieben. Im Grunde handelt es sich um eine Marketingsegmentierung, um die Besucher der Website darzustellen, was dazu beitragen wird, die Reise Ihrer Kunden zu verbessern.\n<\/p>\n \n Es ist wichtig zu beachten, dass Sie beim Erstellen einer Kundenpers\u00f6nlichkeit auch wissen sollten, woher Ihr Publikum kommt. Wenn Sie dies wissen, erhalten Sie eine genauere Vorstellung von den Interessen der Besucher, bevor Sie Ihre Website besuchen. Google Analytics ist in dieser Hinsicht ein naheliegendes Tool. Rufen Sie zum Ausprobieren das Google Analytics-Profil Ihrer Website auf. Klicken Sie auf Zielgruppe > Interessen > Segmente im Markt:\n<\/p>\n \n Sie gelangen dann zu diesem Datendiagramm.\n<\/p>\n \n Diese Daten stellen Kategorien von Websites dar, die Ihre Besucher zuvor besucht haben. Da es hier um die Erstellung von Kundenpers\u00f6nlichkeiten geht, suchen Sie nach Kategorien, die qualitativ hochwertigen Traffic erhalten. Die Bestimmung von qualitativ hochwertigem Traffic h\u00e4ngt von den Zielen der Website ab. Das bedeutet, Metriken oder eine Kombination von Metriken zu verwenden, die dem Standard entsprechen, f\u00fcr den die Ziele geeignet sind. Normalerweise umfassen diese Metriken die Absprungrate, neue Besuche und die durchschnittliche Dauer der Website. Ein wichtiger Punkt ist das Filtern von Daten. Die Verwendung ungefilterter Daten aus dem Empfehlungsverkehr bei der Erstellung von Kundenpers\u00f6nlichkeiten wird die Dinge verkomplizieren, also seien Sie dabei vorsichtig. Bitte lesen Sie diesen Artikel<\/a> zum Filtern gef\u00e4lschter Verweise in Google Analytics.\n<\/p>\n \n Sobald Sie bereits die richtigen Quellen Ihres Referral-Traffics identifiziert haben, f\u00fchren diejenigen, die eine erhebliche Menge an Traffic auf Ihre Website leiten, die URLs zu einigen beliebten Website-Pr\u00fcfprogrammen aus, die online verf\u00fcgbar sind. Die am h\u00e4ufigsten verwendeten sind Similarweb<\/a> und Alexa<\/a>, aber es gibt auch andere, die dasselbe tun. Sie k\u00f6nnen Ihnen in ihren kostenlosen Versionen einen \u00dcberblick \u00fcber die Website(s) geben, die Sie \u00fcberpr\u00fcfen m\u00f6chten, aber um mehr Details zu erfahren, k\u00f6nnen Sie die Option haben, auf ihre Premium-Konten zu aktualisieren.\n<\/p>\n \n Hier ist eine demografische \u00dcbersicht von Similarweb.\n<\/p>\n \n Alexa:\n<\/p>\n \n Durch den Vergleich und die Erg\u00e4nzung der Daten aus diesen 3 Tools erhalten Sie eine genauere Sch\u00e4tzung Ihrer Besucherdaten.\n<\/p>\n \n Sobald die Kundenpers\u00f6nlichkeiten identifiziert wurden, besteht der n\u00e4chste Schritt darin, sie mit den Zielen der Website nach Phasen der Reise in Einklang zu bringen. Die Etappen der Reise innerhalb der Website sind im Verhaltensfluss in Google Analytics zu sehen. Verhalten > Verhaltensfluss:\n<\/p>\n \n Das visuelle Diagramm zeigt den Besucherpfad innerhalb der Website. Ausgehend von der Homepage (und anderen Kategorieseiten) hat der Fluss mehrere Ber\u00fchrungspunkte, bevor er das Ziel der Website erreicht.\n<\/p>\n \n *Bitte beachten Sie, dass Website-Ziele im Analytics-Profil festgelegt werden m\u00fcssen, um ein vollst\u00e4ndiges Bild des Conversion-Pfads der Besucher zu erhalten.\n<\/p>\n \n Notieren Sie sich die Seiten, auf denen die meisten Abbr\u00fcche auftreten. Es gibt mehrere Gr\u00fcnde, warum Besucher gehen. Einige der h\u00e4ufigsten Gr\u00fcnde sind:\n<\/p>\n \n Wir werden uns vorerst nur auf das Thema Design konzentrieren, aber da all diese Faktoren eng miteinander verbunden sind, werden wir sie auch in Bezug auf Design ansprechen.\n<\/p>\n \n In einem UXMag-Artikel wurden Szenarien skizziert, die dazu f\u00fchren, dass Webdesign tot ist. Bei fast allen diesen Punkten geht es um das Aufkommen neuer Technologien und Innovationen im Webdesign, die nicht notwendig sind, um das Publikum zu begeistern. Letztendlich hat der Artikel Webdesign jedoch nicht als Beruf begraben, sondern ist vielmehr ein Aufruf an Webdesigner, sich an die aktuelle Landschaft anzupassen. W\u00e4hrend die meisten der genannten Dinge zutreffend sind, gibt es eine Pr\u00e4misse des pr\u00e4sentierten Arguments, die m\u00f6glicherweise fehl am Platz war, n\u00e4mlich Automatisierung und k\u00fcnstliche Intelligenz von Webdesign-Diensten. W\u00e4hrend Automatisierung f\u00fcr Webdesigner eine willkommene Abwechslung ist, w\u00e4re sie im Gesamtbild nicht so hilfreich, um die Ziele der Website zu verwirklichen. Ein geplantes Gestaltungskonzept mit dem Ziel, Standortziele zu erreichen, liegt nach wie vor in der Entscheidung des Menschen.\n<\/p>\n \n Benutzerfreundlichkeit und Design gehen Hand in Hand. W\u00e4hrend beide getrennte Disziplinen sind, erg\u00e4nzt die eine die andere auf unz\u00e4hlige Weise, sodass es manchmal schwierig ist, sie voneinander zu unterscheiden. Um den Sinn der Verwendung von Design zur Minimierung von Seitenabbr\u00fcchen und zur Verbesserung der Customer Journey zu wiederholen, sind hier einige der h\u00e4ufigsten Usability-Fehler im Webdesign:\n<\/p>\n \n Inhalt vermittelt die Botschaft nicht:\n <\/p>\n \n Content ist ein Teil des Webdesigns. Dies wird allgemein als Webkopie bezeichnet. Grafiken und Bilder vermitteln den Besuchern einen guten Eindruck, aber sie lesen auch gerne den Text. Designfehler treten auf, wenn Besucher von den anderen Elementen der Seite abgelenkt werden.\n <\/p>\n \n Typografie ist auch ein Faktor des Webdesigns. Es geht nicht immer um \u00dcberschriften und Schriftarten von Texten. Die Benutzerfreundlichkeit sollte immer Vorrang vor der \u00c4sthetik haben, damit der Inhalt leicht lesbar ist.\n <\/p>\n<\/li>\n \n Es gibt keine M\u00f6glichkeit f\u00fcr Besucher, Sie zu kontaktieren:\n <\/p>\n \n Die Customer Journey sollte interaktiv und ansprechend sein. Wenn der Inhalt Ihrer Website Ihre Leser anspricht, werden sie mit Ihnen in Kontakt bleiben wollen. Kontaktformulare sollten funktional sein. Ein h\u00fcbsches Design ist auch ein Bonus, sollte aber nicht \u00fcber die Benutzerfreundlichkeit gestellt werden.\n <\/p>\n<\/li>\n \n Fehlende Suchfunktion:\n <\/p>\n \n Menschen, die Websites besuchen, haben eine bestimmte Aufgabe im Auge. Meistens wollen sie sich informieren. Contentlastige Seiten brauchen eine Suchfunktion, damit Besucher Zeit beim Navigieren sparen. Bei E-Commerce-Websites m\u00f6chten die Leute die Beschreibungen der Produkte herausfinden. Eine Website ohne Suchfunktion kann die Navigation der Website beeintr\u00e4chtigen.\n <\/p>\n<\/li>\n \n Langer Registrierungsprozess:\n <\/p>\n \n Nichts kann frustrierender sein, als sich auf einer Website anmelden zu wollen, nur um ein langes Kontaktformular zu sehen, in dem zahlreiche unn\u00f6tige Details abgefragt werden. Werfen Sie einen Blick auf das Anmeldeformular von Reddit.\n <\/p>\n \n Die Einfachheit des Anmeldeformulars macht es neuen Benutzern so viel einfacher, sich der Website anzuschlie\u00dfen. Das Tolle daran ist, dass die Angabe Ihrer E-Mail-Adresse optional ist. Das soll nicht hei\u00dfen, dass nicht jede Website nach E-Mails fragen sollte, aber das Abfragen unn\u00f6tiger Informationen von Benutzern sollte eingestellt werden.\n <\/p>\n<\/li>\n \n Inkonsistenz im Design:\n <\/p>\n \n Eines der Gestaltungsprinzipien (nicht nur f\u00fcr Websites) ist die Konsistenz. Das Design der Homepage sollte mit den anderen Seiten identisch sein. Wenn das Farbthema der Homepage wei\u00df ist, sollte die About-Seite beispielsweise das Skript nicht umdrehen und eine andere Farbe verwenden, beispielsweise schwarz. Es ist nicht nur die Farbe, sondern auch das Layout. Konsistenz ist der Schl\u00fcssel.\n <\/p>\n<\/li>\n<\/ul>\n \n Die Touchpoints sind die wichtigen Seiten der Website. Bei inhaltsintensiven Websites wie Blogs sind dies die Kategorieseiten, Kontaktseiten und \u201e\u00dcber uns“-Seiten. Diese Seiten dienen als Tor f\u00fcr die Besucher zu den Inhalten. E-Commerce-Websites haben unterschiedliche Touchpoints. Das sind meistens die Katalogseiten und Produktbeschreibungen. Um mehr \u00fcber die Touchpoints zu erfahren, gehen Sie zur\u00fcck zum Verhaltensfluss in Google Analytics.\n<\/p>\n \n Der Touchpoint der Seite soll die gezielten Besucher der Seite ansprechen. Die Designphase muss bei der beabsichtigten Zielgruppe Anklang finden. Hier dient die erstellte Kundenpers\u00f6nlichkeit als Leitfaden f\u00fcr die Gestaltung (oder Neugestaltung) der Seiten.\n<\/p>\n \n Um die User Experience f\u00fcr die Touchpoints zu verbessern, m\u00fcssen Designer die Informationsl\u00fccken identifizieren. Untersuchen Sie, was auf den Seiten fehlt, und f\u00fcllen Sie das Wesentliche aus, um Drop-offs zu minimieren. Die L\u00fccken sind fehlende Informationen zwischen den Erwartungen Ihrer Besucher auf den Seiten und den auf der Seite verf\u00fcgbaren Informationen.\n<\/p>\n \n Es gibt auch technische Aspekte, die die Schmerzpunkte der Seiten verbessern und verringern k\u00f6nnen. On-Page-SEO (Suchmaschinenoptimierung) kann diese Probleme identifizieren und beheben, um die Benutzererfahrung zu verbessern.\n<\/p>\n \n Website-\/Seitengeschwindigkeit:\n <\/p>\n \n Dies sollte eine Priorit\u00e4t in der Webentwicklung und im Design sein. Denken Sie daran, dass die Funktionalit\u00e4t nicht f\u00fcr unn\u00f6tige Versch\u00f6nerungen beiseite gelegt werden sollte. Gro\u00dfe Dateien, die Zeit zum Laden ben\u00f6tigen, sollten komprimiert und in Ladereihenfolge gebracht werden, um die Ladezeit zu verbessern. Eine ausf\u00fchrlichere Anleitung zur Verbesserung der Website-Geschwindigkeit finden Sie in diesem Artikel<\/a> zur Website-Geschwindigkeit.\n <\/p>\n<\/li>\n \n 301- und 302-Weiterleitungen:\n <\/p>\n \n Seitenumleitungen sind erforderlich. Es gibt viele Gr\u00fcnde f\u00fcr Webmaster, Seiten umzuleiten. Am h\u00e4ufigsten wird eine alte Seite auf eine neue und aktualisierte mit frischem Inhalt umgeleitet. Der Unterschied zwischen den beiden besteht darin, dass ein 301 eine permanente Weiterleitung ist, w\u00e4hrend ein 302 nur vor\u00fcbergehend ist.\n <\/p>\n<\/li>\n \n HTTP-Header-Codes:\n <\/p>\n \n 301 und 302 sind Beispiele f\u00fcr Header-Codes. Es gibt einige, aber wir werden sie auf die h\u00e4ufigsten beschr\u00e4nken.\n <\/p>\n \n 200 Erfolg \u2013 \u200b\u200bSeite wurde erfolgreich geladen.\n <\/p>\n \n 404 Seite nicht gefunden \u2013 Seite konnte nicht geladen werden.\n <\/p>\n \n 500 Interner Serverfehler \u2013 eine generische Fehlerseite. Es werden nicht viele Details dar\u00fcber angegeben, warum dies geschah.\n <\/p>\n \n Abgesehen von den Statuscodes 301 und 302 ist es wichtig, das Auftreten von 404-Seiten zu minimieren, da es f\u00fcr Benutzer nicht gut ist, ihnen zu begegnen. Eine einfache L\u00f6sung besteht darin, eine benutzerdefinierte 404-Seite zu erstellen, die sie auf die richtigen Seiten zur\u00fcckf\u00fchrt.\n <\/p>\n<\/li>\n<\/ol>\n \n Visuelle Hierarchie ist eines der wichtigsten Prinzipien des Webdesigns. Die visuelle Hierarchie kommuniziert die Botschaft und den Inhalt Ihrer Website an das Publikum. Es gibt S\u00e4ulen in der Webhierarchie, die ber\u00fccksichtigt werden m\u00fcssen.\n<\/p>\n \n Ausgestattet mit dem Wissen \u00fcber die Zielgruppe der Website und den Informationen zum F\u00fcllen der L\u00fccken, die zur Verbesserung der Navigationserfahrung des Benutzers erforderlich sind, ist es jetzt an der Zeit, eine Website zu erstellen, die den Bed\u00fcrfnissen Ihrer Zielgruppe gerecht wird. Ihre Website wird das wichtigste visuelle Element sein, das Sie verwenden werden. Unabh\u00e4ngig davon, wie viele Personas Sie identifiziert haben, haben Website-Besucher immer einen Grund f\u00fcr den Besuch Ihrer Website. Sie werden es wollen;\n<\/p>\n \n Die Gr\u00fcnde k\u00f6nnen unterschiedlich sein, aber der Zweck der Website ist es, eine Erweiterung von Ihnen, Ihrem Unternehmen und Ihrer Firma zu sein, was auch immer der Fall sein mag. Seien Sie klar, pr\u00e4zise und konsistent mit der Botschaft und aktualisieren Sie den Inhalt st\u00e4ndig, um ihnen neue Informationen zu geben.\n<\/p>\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f10ad402.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f131576b.webp\")
<\/a><\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f150655e.webp\")
<\/a><\/p>\n\n Zielausrichtung
\n<\/h5>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1910317.webp\")
<\/a><\/p>\n\n
\n
\n
![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-249175-63821f1d2f81f.webp\")
<\/a><\/p>\n\n Ber\u00fchrpunkte
\n<\/h5>\n\n
\n Visuelle Hierarchie
\n<\/h5>\n\n
\n
\n
\n
\n
\n Alles zusammenf\u00fcgen
\n<\/h5>\n\n