Startseite

Für die Homepage der englischen Wikipedia siehe Hauptseite. Für Hauptbildschirme auf Geräten siehe Startbildschirm. Für andere Verwendungen siehe Startseite (Disambiguierung).
"Startpage" leitet hier weiter. Für die Suchmaschine siehe Startpage.com.
Eine Homepage von Wikipedia (2014) wird in a angezeigt Webbrowser. Der kleine hausförmige Knopf in der oberen linken Seite ist für die Startseite des Browsers.

A Startseite (oder Startseite) ist der Hauptteil Website von a Webseite. Der Begriff kann sich auch auf die beziehen Startseite in a gezeigt Webbrowser wenn der Anwendung zuerst öffnet.

Website -Homepage

Eine Homepage ist im Allgemeinen die primäre Website welches ein Besucher zu a navigiert Webseite von einem Suchmaschine wird sehen, und es kann auch als als dienen Zielseite Besucher anziehen.[1][2] So gute Homepage Entwurf hat normalerweise eine hohe Priorität für eine Website.[3] Zum Beispiel kann eine Nachrichten -Website Schlagzeilen und erste Absätze von Top -Geschichten mit sich bringen, mit Links zu vollständigen Artikeln.[4] Normalerweise befindet sich die Homepage am Wurzel der Domain oder Subdomain der Website. Zum Beispiel, wenn die Domäne ist Beispiel.comDie Homepage befindet sich wahrscheinlich bei www.example.com/.

In einigen Fällen ist die Startseite a Standortverzeichnisinsbesondere wenn eine Website mehrere Heimseiten hat. Wikipediaverfügt beispielsweise über ein Site-Verzeichnis auf wikipedia.org, das zu jeder sprachspezifischen Homepage einschließlich der Links gehört, einschließlich en.wikipedia.org.

Struktur

Eine Homepage ist oft darauf ausgelegt, die Aufmerksamkeit auf sich zu ziehen, und als solche werden wichtige Elemente in einer strengen Hierarchie von Bedeutung positioniert.[5]

Heldenbild

Einer der häufig gefundenen Aspekte einer Homepage ist a Heldenbild, ein großes, auffälliges Bannerbild, das häufig ein Foto oder eine Zeichnung enthält, die die Werte, Dienste usw. der Webseite als Nachricht darstellt.[6][7] Heldenbilder sind sofort sichtbar oberhalb der Falte, ohne die Seite nach unten zu scrollen.[8]

Ein Heldenbild kann mehrere ergänzende Elemente als Overlay haben, wie das Logo der Website, a Aufruf zum Handelnund eine kurze Beschreibung.

  • A website with a wide hero image.

    Eine Website mit einem breiten Heldenbild.

  • Homepage featuring a prominent hero image with logo and description overlaid.

    Homepage mit einem prominenten Heldenbild mit Logo und Beschreibung überlagert.

  • A biographical website with a full-sized image.

    Eine biografische Website mit einem Bild in voller Größe.

  • A homepage used to bring attention to a mobile app.

    Eine Homepage lenkte auf eine Aufmerksamkeit App.

Karussell

Ein Nachkomme des Heldenbildes ist ein Karussell, auch als Schieberegler bekannt. Es ist ein Diashow-ähnliches Element der Homepage mit mehreren Bildern, die alle paar Sekunden drehen.[9] Karussells werden häufig von Punkten und Tasten begleitet, um verschiedene Bilder auszuwählen.[10]

Karussells werden im Allgemeinen verwendet JavaScript, kann aber auch durch gemacht werden CSS -Animationen.[11][12]

Im Jahr 2013 waren Karussells ein beliebtes Element einer Homepage mit 52% der Top E-Commerce Websites mit der Entwurfsfunktion. Im Jahr 2016 verwendeten jedoch nur 32% der Websites einen.[13]

Bild der Homepage eines Online -Shops mit einem Karussell mit linken/rechten Symbolen

Siehe auch

Verweise

  1. ^ "Homepage als Zielseite Beispiele - Smart Insights Digital Marketing Rat". 2014-05-23. Abgerufen 2016-07-01.
  2. ^ Campbell, Jennifer (2014). Webdesign: Einführung. Cengage -Lernen. p. 76. ISBN 978-1-305-17627-0.
  3. ^ Jakob Nielsen (12. Mai 2002). "Top 10 Richtlinien für die Benutzerfreundlichkeit der Homepage". nngroup.com. Abgerufen 4. September 2014.
  4. ^ Kalbach, James (2007). Gestaltung der Webnavigation. O'Reilly Media. p. 106. ISBN 978-0-596-55378-4.
  5. ^ "So strukturieren Sie Ihre Inhalte für eine bessere Homepage". 99Designs.
  6. ^ "Heldenbilder im Webdesign: Wann, warum und wie man benutzt" ".
  7. ^ "Ultimate Leitfaden für Heldenbilder [Best Practices + Beispiele]".
  8. ^ "Hero Image: Was es ist, warum brauchst du eine und wie man es erstellt".
  9. ^ "Alles, was Sie über Website -Karussells wissen müssen". Der kreative Schwung.
  10. ^ "Entwerfen eines benutzerfreundlichen Homepage-Karussells". Mittel.
  11. ^ "CSS Carousels Beispiele 2022". Avada Blog.
  12. ^ "CSS-nur Karussell". CSS-Tricks.
  13. ^ "9 UX-Anforderungen für ein benutzerfreundliches Homepage Carousel Design".