7 Möglichkeiten, einen Killer 'First Screen' für Ihre Website zu entwerfen

Es ist Zeit, über das erste Bildschirmdesign zu sprechen. Der erste Bildschirm zeigt den ersten Blick, den ein Benutzer auf Ihre Website bekommt. Es ist alles über der Schriftrolle, egal ob der Benutzer von einem Desktop, Tablet oder mobilen Gerät auf eine Website zugreift.

Die Informationen, die Sie auf diesem ersten Bildschirm angeben. ist der Schlüssel zum Erfolg einer Website. Das Design kann dazu führen, dass Benutzer auf klicken klicken oder sie zwingen, sich von der Seite wegzubewegen. Was muss auf dem Bildschirm angezeigt werden, bevor der Benutzer mit dem Scrollen beginnt? Lass uns einen Blick darauf werfen.

1. Erstellen Sie einen eindeutigen ersten Bildschirm

Es beginnt mit einem ersten Eindruck. Ihre Website sollte eine Wirkung erzeugen.

Mit einem Bild, einem Video oder einer Illustration können Sie das Publikum sofort begeistern. Das Bild sollte etwas sein, dass die Leute nicht aufhören können, auf sie zu schauen. Und es sollte völlig Ihnen gehören und nicht wie jede andere Website.

Koppeln Sie diese Bilder mit ein paar Schlüsselwörtern, um den Benutzern mitzuteilen, warum sie dort sind und was Ihre Website zu bieten hat. (Dies ist Ihre beste Chance, die Vorteile des Klickens auf Ihrer Website zu verkaufen.)

Hier ist das, was alles zusammenbringt: Der erste Bildschirm muss genau auf diesen ersten Bildschirm passen. Der Inhalt muss ansprechend auf das Gerät skaliert werden, damit das gesamte Bild und die dazugehörige Kopie ohne einen einzigen Bildlauf deutlich sichtbar sind.

2. Die Navigation sollte intuitiv sein

Vorbei sind die Tage, an denen die Navigation die Seitenhöhe in einer Seitenleiste oder über den oberen Rand des Bildschirms ausführen muss. Ausgeblendete und Pop-Out-Navigationsstile sind so populär geworden (zum Teil auch für das Handy), dass sie für alle Website-Designs akzeptabel sind.

Verstecken Sie die Navigation jedoch nicht oder erschweren Sie die Verwendung. Wie es ist oder nicht, ist das Navigationsmenü im Hamburger Stil die dominierende Verwendung für die verborgene Navigation geworden. Die Benutzer haben gelernt, damit zu arbeiten, und können auf den Seiten problemlos Dinge finden.

Stellen Sie sicher, dass Sie Ihr gestapeltes Symbol an einem leicht zu findenden Ort platzieren - Sie können es größer als ein typisches Symbol machen - und sicherstellen, dass die Navigation mit diesem Klick voll funktionsfähig ist. Uve leistet oben einen hervorragenden Job mit einem auffälligen Hamburger-Menüsymbol, das sich zu einer Vollbild-Liste mit Menüoptionen erweitert. Und das Beste: Die Benutzer müssen nicht raten, wie sie damit umgehen.

3. Erstellen Sie einen zentralen Punkt

Wenn Sie an einer einzelnen Leinwand arbeiten, z. B. am ersten Bildschirm, ist es wichtig, einen einzelnen Fokus oder eine einzelne Nachricht zu erstellen. Die Nutzer sind absichtlich oder zufällig auf Ihre Website gelangt - und müssen wissen, worum es geht.

Ein einziges visuelles Konzept kann Benutzern dabei helfen, diese Vorstellung von was und wer Sie sind. Dies kann auf verschiedene Weise mit Bildern oder Text erreicht werden.

Während komplexe Stile funktionieren können, beginnen Sie mit einem einfachen Denken. Minimalismus ist sowohl trendy als auch eine effiziente Möglichkeit, Informationen zu vermitteln.

4. Schreibe Kopie mit Zweck

Stellen Sie sich den ersten Bildschirm als ein Buchcover vor, nicht die erste Seite eines Romans.

Es sollte gerade genug Kopie enthalten, um Benutzern die Einbindung zu erleichtern. Dazu genügt in der Regel eine einfache Überschrift und ein kleiner Kopierblock. Obwohl es nur wenige Wörter gibt, kann dies ein Prozess sein, der viel Arbeit erfordert. Kurzes, klares Schreiben zu schreiben kann eine Herausforderung sein.

Denken Sie über Ihre Ziele als Richtlinie nach. Warum sind Benutzer hier? Was willst du von ihnen? Verwenden Sie die Kopie, um diese Verbindung herzustellen und Ihre Geschichte zu erzählen. Denken Sie daran, den Nutzen Ihrer Website an den Benutzer zu verkaufen.

5. Gibt den Benutzern etwas zu tun

Websites bieten zwar unterschiedliche visuelle Erlebnisse, sie müssen jedoch auch einen Grund dafür angeben, dass sich die Nutzer aufhalten. Ihr erster Bildschirm muss den Benutzern etwas zu tun geben.

Die Aktionen können umfassen:

  • Ausfüllen eines Formulars, z. B. Angabe einer E-Mail-Adresse
  • Ein Spiel spielen
  • Teilen in sozialen Medien
  • Durchsuchen von Artikeln zum Verkauf
  • Kommentieren oder Eingreifen mit dem Inhalt
  • Sehen Sie sich einen Film oder eine Diashow an

Ihr erster Bildschirm sollte nicht nur eine dieser Aktionen enthalten, sondern sollte auch vollkommen klar sein, was die Aktion ist und was der Benutzer tun soll. Das Design sollte sie so anziehen, dass sie sich dazu gezwungen fühlen.

Die Website für den Film The Big Short (oben) bietet den Benutzern eine Vielzahl von Aktivitäten. Die Videoclips sind gerade genug, um dich für den Film zu interessieren, und es gibt eine Schaltfläche, um den Trailer anzusehen. Interessiert an dieser wahren Geschichte? Es gibt einen Knopf, um die Experten zu treffen. Hast du es schon gesehen und möchtest deine Gedanken teilen? Es gibt Social Media-Buttons. Es gibt viele Möglichkeiten, von Anfang an mit der Site zu interagieren.

6. Platz für Branding schaffen

Eine Website wird nicht viel Gutes bewirken, wenn Sie nicht wissen, zu wem sie gehört. Der erste Bildschirm sollte mindestens ein Logo oder eine Verbindung zur Marke hinter der Website enthalten.

Ein Marken- oder Firmenname schafft Legitimität und Glaubwürdigkeit. Die Site wirkt dadurch "realer". (Dies ist besonders wichtig für Websites, die jegliche Art von finanziellen oder persönlichen Transaktionen enthalten, damit Benutzer wissen, wer ihre Informationen erhält.)

Größere Marken können auf ihren ersten Bildschirmen mit einem kleineren Branding auskommen, da sie wahrscheinlich von vielen Menschen bereits bekannt sind. (Von wem wissen Sie, dass die goldenen Bögen, die McDonald's symbolisieren sollen, nicht erkannt werden?) Bei kleineren Marken ist es eindeutig wichtig, ein Logo und einen Stil zu zeigen, um eine Identität zu schaffen, die die Benutzer mit Vertrauen verbinden können.

7. Minimieren Sie Ablenkungen

Geben Sie den Benutzern auf dem ersten Bildschirm nicht zu viel zum Anschauen oder Abwickeln. Es sollte einfach, gestrafft und fokussiert sein.

Wenn Sie viel Inhalt haben, platzieren Sie ihn auf mehreren Bildschirmen. (Dies kann das Engagement fördern und eine unübersichtliche oder ungeordnete Standortstruktur verhindern.)

Melanie DaVeid macht einen tollen Job mit einer einfachen Ästhetik, die Sie für ihre andere Arbeit interessiert. Mit einfachen Animationen, Farben und schönen Schriftzügen erzeugt der erste Bildschirm ein deutliches Gefühl, Fokus und Handlungsoptionen für die Benutzer.

Fazit

Während die Schriftrolle wieder in Mode kommt, hat sich die Art und Weise, wie wir sie entwerfen, geändert. Die besten Website-Designs verwenden responsive Design- und Scroll-Funktionen (z. B. Parallaxe), um eine bildschirmbasierte Benutzererfahrung zu erstellen.

Und der erste Bildschirm ist der wichtigste. Stellen Sie sicher, dass Sie ein interessantes, lesbares und klares Bild erstellen, um Benutzer auf Ihre Website zu bringen.