Was ist ein moderner Webauftritt?

Wer kennt das nicht, man ist unterwegs, zückt das Smartphone und sucht gerade etwas im Internet, die Vorschau in der Suchmaschine klingt vielversprechend, man klickt auf den Link, die Seite lädt, doch dann kommt die große Enttäuschung, Die Navigation ist kaum zu finden, um den Inhalt zu lesen muss man in alle möglichen Richtungen scrollen und die Bilder sind überhaupt irgendwo. Wir alle kennen diese Frustration, sie ist das Resultat einer veralteten Webseite. In diesem Tutorial erfährst du, wie du ein moderner Webauftritt aufgebaut ist und worauf du achten musst, um den Besuchern deiner Webseite diese Frustration zu ersparen.

Was es zu beachten gilt
Ein moderner Webauftritt besteht aus drei Kategorien von Inhalten: Navigation, Text und Medieninhalten (Bilder, Videos etc.). Während es bei normalem Text kaum zu Problemen kommt, brauchen die Navigation und die Medieninhalte besondere Aufmerksamkeit. Dein Ziel sollte es sein, dass dein moderner Webauftritt für möglichst alle gängigen Auflösungen und Displaygrößen optimiert ist. Das bedeutet, dass die einzelnen Elemente nicht nur richtig dargestellt werden, sondern auch, dass die Darstellung und Anordnung den Nutzungsgewohnheiten der Benutzer entspricht und daher möglichst intuitiv ist. Denk zum Beispiel an die Navigation. Während wir es auf Laptops und PCs gewohnt sind, dass wir die Navigation einer Webseite entweder ganz oben in der Mitte, oder seltener am linken Rand, finden, so ist sind wir es am Smartphone gewohnt, dass ein Symbol mit drei horizontalen Streifen uns signalisiert, dass wir hier die Navigation finden. Auf diese Gewohnheiten sollte dein moderner Webauftritt jedenfalls Rücksicht nehmen. Bei der Darstellung von Medieninhalten geht es vor allem darum, dass diese ohne horizontales Scrollen dargestellt werden und somit automatisch im richtigen Seitenverhältnis verkleinert werden.

Um die oben erwähnten Eigenschaften zu benennen hat sich der Begriff responsive durchgesetzt, dieser bedeutet, dass sich das Design an den jeweiligen Bildschirm anpasst. Du kannst im Internet unzählige Themes finden, die bereits responsive gestaltet sind. Mehr Infos dazu findest du in unserem Video-Tutorial „Die eigene Webseite mit WordPress – Teil 1“ (https://callanerd.help/youtube-wordpress-tutorial-die-eigene-webseite-mit-wordpress-teil-1/). Diese Themes zeichnen sich dadurch aus, dass sie sich automatisch an die Auflösung des Benutzers anpassen. Das kann soweit gehen, dass ein moderner Webauftritt eigentlich aus zwei bis drei unterschiedlichen Designs besteht.

Ein moderner Webauftritt muss nicht nur technisch am neuesten Stand sein, sondern auch optisch am Puls der Zeit liegen. Während alle aktuellen Themes responsive sein sollten, stellt sich doch die Frage, was das für das Design bedeutet. Hier haben sich in den letzten Jahren zwei unterschiedliche Arten von Designs durchgesetzt: die klassische Multi-Page Webseite und so genannte One-Pager. Die klassische Multi-Page Webseite besteht aus mehreren Seiten, die ganz unterschiedliche Strukturen haben können. Jeder Link verlinkt auf eine andere Seite, die dann neu geladen wird. One-Pager dagegen bestehen nur aus einer einzigen Seite, die in mehrere Abschnitte unterteilt ist. Klickt man auf die Navigation wird die Seite nicht neu geladen, sondern man springt einfach auf den entsprechenden Abschnitt. Dieses Design bietet sich vor allem für Unternehmenspräsentationen oder für die Vorstellung von Produkten an.

Hast du noch Fragen zur Gestaltung eines modernen Webauftritts? Call A Nerd hilft dir gerne weiter, kontaktiere uns einfach über unser Kontaktformular