{"id":2223,"date":"2014-08-19T14:24:25","date_gmt":"2014-08-19T14:24:25","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=2223"},"modified":"2014-09-03T06:54:41","modified_gmt":"2014-09-03T06:54:41","slug":"welcher-dieser-design-fauxpas-hat-sich-deine-webseite-schuldig-gemacht","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/welcher-dieser-design-fauxpas-hat-sich-deine-webseite-schuldig-gemacht\/","title":{"rendered":"Welcher dieser Design-Fauxpas hat sich deine Webseite schuldig gemacht?"},"content":{"rendered":"

Wenn es um die Gestaltung einer Website geht, gibt es eine Tendenz, dem Look des aktuellen Trends zu folgen. Sei es endloses Scrollen, ein Minimum an Text oder die auff\u00e4lligen Parallax-Scrolling-Sites, jede Modeerscheinung wird begierig \u00fcbernommen, sobald sie einmal das G\u00fctesiegel der Web-Design-Gurus erhalten hat.<\/p>\n

Wie dem auch sei, tendieren wir in unserem Eifer, die trendigste Seite des Jahres abzuliefern, manchmal dazu, einige sehr grundlegende Dinge zu \u00fcbersehen, die all unsere fein ausgearbeiteten Pl\u00e4ne \u00fcber den Haufen werfen k\u00f6nnen. Hier ist meine Top-Auswahl.<\/p>\n

<\/p>\n

Ersch\u00fctterndes, viel zu \u00fcbertriebenes Design<\/h3>\n

Das Design soll dem Benutzer helfen, deine Website mit Leichtigkeit zu navigieren, aber gleichzeitig auch ein gewisses Ma\u00df an k\u00fcnstlerischem Flair und Pers\u00f6nlichkeit her\u00fcberbringen. Sich in Schw\u00e4rmereien \u00fcber das \"k\u00fcnstlerische Flair\" zu verlieren, kann jedoch eine schlechte Idee sein. Vor allem, wenn die verschiedenen eingesetzten Gestaltungselemente derart kombiniert sind, dass sie den Benutzer \u00fcberw\u00e4ltigen und davon abbringen, grundlegende Dinge wie einen Call-To-Action-Button zu finden oder zu durchschauen, wie man auf die n\u00e4chste Seite kommt.<\/p>\n

\"image001\"<\/a><\/p>\n

Design \u00fcber Bord gegangen: Herauszufinden, was auf <\/em>dieser Website<\/em><\/a> zu tun ist, ist ein echtes Dilemma. <\/em><\/p>\n

Als Faustregel gilt zu versuchen, nur ein einziges herausragendes Gestaltungselement zu verwenden, das die Achse bildet, um die sich der Rest deines Web-Designs dreht. Alles, was dar\u00fcber hinaus geht, macht dein Design - und nicht deinen Inhalt - zum Fokus der Aufmerksamkeit des Users.<\/p>\n

\u00dcberlastung mit Werbung<\/h3>\n

Deine Website ist ein Schaufenster f\u00fcr deine Produkte und Dienstleistungen. Zwar ist es OK (aber nicht empfohlen) Drittanbieter-Anzeigen auf deiner Website zu haben, versuche sie aber auf ein Minimum zu beschr\u00e4nken. Anzeigen k\u00f6nnen sicherlich eine entscheidende Einnahmequelle darstellen, aber es ist eine Entscheidung, die du selbst zu treffen hast: w\u00fcrdest du einer fremden Marke den Vorrang vor deiner eigenen geben? Das letzte, was ich pers\u00f6nlich wollte, ist, dass ein Besucher eine zuf\u00e4llige Anzeige auf meiner Website sieht und sich \u00fcber sie auf eine andere Seite klickt.<\/p>\n

\"image003\"<\/a><\/p>\n

Die zwei Artikel, die im Mittelpunkt am oberen Rand der Homepage von AOL stehen, sind beides Anzeigen. Nicht ihre kl\u00fcgste Idee. <\/em><\/p>\n

Ein weiteres Problem, das jeder Web-Benutzer, ohne Ausnahme, hasst, sind Pop-Ups auf der Website. Diese k\u00f6nnten In-House-Pop-ups oder, noch schlimmer, Pop-up-Werbungen sein. Was auch immer der Fall ist, meide sie wie die Pest. Sie verderben die Nutzererfahrung auf deiner Website.<\/p>\n

Wenn du die Aufmerksamkeit des Benutzers erregen und dennoch die Pop-up-Blocker, die heute standardm\u00e4\u00dfig auf den meisten modernen Web-Browsern benutzt werden, \u00fcberlisten m\u00f6chtest, verwende stattdessen Lightboxes. Sie sind sauberer und leichter als Pop-ups, unterst\u00fctzen JavaScript und werden nicht von Browsern blockiert (es sei denn JavaScript ist deaktiviert). Sie sind einfach (und kostenlos!) zu installieren<\/a> und in letzter Zeit auf vielen Websites als E-Mail-Kollektion-Tools recht beliebt geworden.<\/p>\n

Seiten, die nicht richtig laden<\/h3>\n

Noch frustrierender als Seiten, die mit Anzeigen \u00fcberfrachtet sind, sind jene, die eine Ewigkeit laden oder solche, die den Ladevorgang abbrechen. Abgesehen davon, dass es ein extrem grundlegender Fehler ist, der dazu f\u00fchrt, dass der wichtigste Inhalt den Usern nicht angezeigt wird, w\u00e4hrend sie auf deiner Website sind, kann dies auch bedeuten, dass dein Code m\u00f6glicherweise nicht mit allen Browsern kompatibel ist, aber auch noch besorgniserregendere Probleme, die auf Schwachstellen in deinem Website-Code hindeuten k\u00f6nnten. Dies kann nicht nur zu offensichtlichen Sicherheitsproblemen f\u00fchren und Besucher von deiner Website abschrecken, sondern auch eine De-Indizierung von Suchmaschinen bedeuten.<\/p>\n

\"image005\"<\/a><\/p>\n

Nutze Quellcode-Analyse-Tools wie CheckMarx<\/a> um sicherzustellen, dass jede Seite auf deiner Webseite l\u00e4dt, wie es sich geh\u00f6rt, und was noch wichtiger ist, dass deine Website vor den neuesten Sicherheitsbedrohungen gesch\u00fctzt ist.<\/p>\n

\u00dcberlange Formen & Checkout-Prozess, die obligatorische Registrierung<\/h3>\n

Wenn du deine User auf der Website hast, ist es wirklich verlockend, so viele Informationen wie m\u00f6glich \u00fcber sie zu erhalten. Diese zahlreichen Profilinformationen k\u00f6nnen dann verwendet werden, um Benutzererfahrungen auf deiner Website anzupassen und Umgestaltungen zu verbessern.
\nMit diesen edlen Ideen im Kopf gehen eine Vielzahl von Websites \u00fcber Bord, weil sie ihre Nutzer \u00fcber Informationen ausfragen, die nicht f\u00fcr die aktuelle Transaktion relevant sind. Vermeide diesen Anf\u00e4ngerfehler.<\/p>\n

\"image007\"<\/a><\/p>\n

Zu viele Formularfelder, zu viele Informationen werden erfragt. <\/em><\/p>\n

Das Qu\u00e4len potenzieller Kunden durch das Ausf\u00fcllen endloser Felder einer Landing Page oder eines Anmeldeformulars ist ein sicherer Weg sie f\u00fcr immer zu verlieren. Vermeide am besten sowohl lange Anmeldeformulare als auch langwierige Checkout-Vorg\u00e4nge.<\/p>\n

Ein idealer Checkout-Prozess<\/a><\/p>\n