Bildnachweis: Jacob Ammentorp Lund/iStock/Getty Images
Gut gestaltete Zielseiten hinterlassen einen positiven Eindruck und verkaufen das Produkt oder die Dienstleistung, die Sie auf Ihrer Website anbieten, effektiv. Die Verwendung einer für das Gerät ungeeigneten Fenstergröße kann die Fähigkeit einer Zielseite ruinieren, einen guten Eindruck zu hinterlassen, und den Besucher dazu bringen, auf das „X“ zu klicken, um das Fenster zu schließen. Zielseiten sollten nach Konzepten gestaltet werden, die Benutzer anziehen und das Produkt oder die Dienstleistung klar erklären. Landingpages sind keine Homepages: Besucher gelangen auf Landingpages, indem sie auf einen Link oder eine Anzeige klicken.
Abmessungen der Desktop-Zielseite
Desktop- und Laptop-Monitore gibt es in einer Vielzahl von Größen und Auflösungen, was es einfacher macht, bei der Dimensionierung Ihrer Zielseite auf den kleinsten gemeinsamen Nenner zu setzen. Die durchschnittliche Bildschirmgröße wächst weiter, aber die meisten Monitore verfügen über eine Auflösung von mindestens 1024 x 768. Desktop-Landingpages mit einer Breite von 960 Pixel funktionieren auf fast jedem Computermonitor. Alle Zielseiteninhalte innerhalb der Höhe von 720 Pixeln werden beim Laden der Seite sicher auf dem Bildschirm angezeigt. Die Breite einer Desktop-Zielseite ist viel wichtiger als die Höhe, da Desktop-Benutzer auf dem Bildschirm nach unten scrollen können, um zusätzliche Inhalte anzuzeigen. Sie können jederzeit eine kleinere Seite erstellen und die Bildschirmfläche opfern.
Video des Tages
Design für Mobilgeräte
Eine große Desktop-Zielseite funktioniert nicht auf mobilen Geräten: Der Inhalt wird über die Seite hinauslaufen oder auf eine unlesbare Größe schrumpfen. Mobile Geräte fallen in die Kategorie der "kleinen" Bildschirmgrößen und verfügen über eine sichere Auflösungsbreite von etwa 320 Pixeln. Während einige mobile Geräte größere Bildschirme haben, wird jede Zielseite, die für eine Breite von 320 Pixeln ausgelegt ist, auf den meisten mobilen Geräten gut angezeigt. Wie bei Desktops ist die Höhe für mobile Zielseiten zweitrangig; Sie können jedoch ungefähr 426 vertikale Pixel an Inhalt auf einmal auf dem Bildschirm unterbringen.
Anpassen für Tablet-Geräte
Sie können angepasste Zielseiten für Tablet-Sites entwickeln; Desktop-Zielseiten mit einer Breite von 960 Pixeln passen jedoch auf größere Tablet-Geräte. Kleinere Tablets im 7-Zoll-Bereich verfügen normalerweise über Bildschirme mit einer Breite von 640 Pixeln: Zielseiten, die für Bildschirme mit einer Breite von 960 Pixeln entwickelt wurden, werden um etwa ein Drittel verkleinert, um auf den kleineren Bildschirm zu passen. Da Sie kleinere Inhalte ohne Qualitätseinbußen auf einem größeren Bildschirm darstellen können Lesbarkeit, die Gestaltung von Tablet-Landingpages mit einer Breite von 640 Pixeln und einer Höhe von 480 Pixeln wird funktionieren alle Geräte. Kleinere Tablet-Benutzer können das Gerät im Querformat halten, während größere Tablet-Benutzer das Gerät im Hochformat halten, sodass die 640-Pixel-Breite für beide Bildschirmgrößen geeignet ist.
Wechseln Sie zu Responsive Design
Sie können darauf verzichten, unterschiedliche Zielseiten für verschiedene Geräte zu erstellen, und stattdessen Medienabfragen und a verwenden Responsive Design-Konzept zum Erstellen einer Seite, die den Inhalt je nach Größe des Besuchers neu anordnet Bildschirm. Responsive Design-Zielseiten können so konfiguriert werden, dass sie Inhalte verschieben und Inhaltsgrößen in verschiedenen Auflösungsbereichen ändern, sodass Inhalte bequem auf jedem Bildschirm angezeigt werden können.