Tutorial: Gestaltung von Internetseiten

Hilfe zur Webseitengestaltung: Aufbau einer Webseite, Verwendung von Fotos und Grafiken, Firmenlogo, Größe der Homepage.

Tutorial: Gestaltung von Internetseiten

Internetseiten einfach gut gestalten

Warum sind viele Internet Seiten schwierig zu verstehen?

Die Gestaltung einer Webseite muss dem Leseverhalten der Menschen folgen. Aus der Verhaltensforschung weiss man, dass wir eine Seite wie folgt betrachten:

  • von links oben nach unten links
  • danach von links unten nach rechts unten
  • danach von unten rechts nach rechts oben

Von onSite gestaltete Webseiten sind nach solchen psychologischen Erkenntnissen aufgebaut:

  • Zuerst Logo mit Firmenname,
  • dann die Navigationsleiste
  • und dann die Hauptinformationen.

Folgende Tipps sollten Sie beim Selbstbau Ihrer Homepage beachten:

  • Nehmen Sie keinen billigen Webhoster.
    Denn oft hat ein billiger Preis einen Grund und es dauert aufgrund mangelnder Performance viel zu lange, bis sich die Internetseiten im Browser der Besucher öffnen. Der Grund: Bei billigen Hostern liegen oft zu viele Webseiten verschiedener Kunden auf einem einzigen Serverplatz. Und wenn Sie Fragen haben, werden sie oft gar nicht oder erst nach zig Tagen, vielleicht sogar inkompetent, beantwortet. Service kostet nun einmal Geld, und für billig gibt es eben keine Qualität. Das gilt im Leben wie im Internet.
  • Verwenden Sie keine Cliparts oder Windows-Grafiken,
    sondern möglichst nur echte Bilder. Cliparts wirken amateurhaft und sind sowieso oft nur kopiert. Ihre Besucher sind ernsthaft interessierte Menschen – begegnen Sie ihnen mit Respekt und nicht mit billigem grafischen Schnickschnack!
  • Benutzen Sie kleine Grafiken.
    Oft ist eine Dateigröße von ca. 40kb auch schon für 400 x 260px große Bilder schon ausreichend für eine ordentliche Darstellung. Nutzen Sie daher geschickt die JPG Kompression und vergleichen Sie verschiedene Stufen.
  • Optimieren Sie den Seitenaufbau für Computer-Monitore auf ca. 1200x800 Pixel (Breite mal Höhe).
    Auch wenn 19 Zoll-Monitore mit HD Auflösung im 16:9 Format (1980 x 1024px) längst Standard sind: viele Leute arbeiten noch mit einer kleineren Einstellung oder einem Endgerät mit einem anderen Bildschirmformat. Ein weiterer Vorteil: Auch beim Drucken wird dann kein Text abgeschnitten. Wenn Sie Druckauflösung herstellen wollen, beschränken Sie sich auf 620 Punkte Breite oder programmieren spezielle Printer Styles. Diese Breite kann von normalen DIN A4- Druckern einwandfrei wiedergegeben werden.
  • Optimieren Sie den Seitenaufbau auch für mobile Endgeräte durch verwenden eines responsiven Designs.
    Damit Ihre Internetseite auch auf einem mobilen Endgerät korrekt dargestellt wird, ist es nötig, ein responsives Design zu verwenden, welches sich automatisch an die Bildschirmgröße und an das jeweilige Endgerät anpasst. Bei der Planung Ihrer Webpräsenz müssen Sie deshalb u.U. 3-4 Variationen Ihrer Webseite planen, je nachdem, ob Sie einen Computermonitor, ein Laptop oder ein mobiles Endgerät in Form eines Smartphones oder Tablets horizontal bzw. vertikal verwenden.
  • Verwenden Sie keine Bannerwerbung auf Ihren Seiten,
    und weder Werbeangebote noch POP-UP-Fenster. Sie schaden damit Ihrer Auffindbarkeit in den Suchmaschinen und lenken den Besucher nur vom eigentlichen Inhalt ab. Einige Provider versuchen Ihnen einzureden, dass durch Teilnahme an Bannertauschsystemen leicht neue Kunden gewonnen werden können. Dies ist Unfug und nutzt nur dem Betreiber dieser Systeme. Den billigeren Preis dieser Anbieter bezahlen Sie mit schlechterer Bewertung in den Suchmaschinen. Letztendlich nutzen Sie damit anderen, nur nicht sich selbst.
  • Fügen Sie Ihr Firmenlogo ein
    Die meisten Menschen assoziieren ein spezifisches Logo mit den angebotenen Produkten und Dienstleistungen. Eine Verlinkung des Logos auf die Startseite erleichtert es den Usern, sich auf Ihrer Homepage zurechtzufinden. Verwenden Sie keine Animationen, die den Benutzer vom wesentlichen Angebot ablenken. Sie erhöhen durch Animationen lediglich die Ladezeiten. Der Nutzen von Animationen gilt als umstritten. Wir raten davon ab.
  • Im Idealfall hat ein Internet-Angebot pro Seite nur ca. 50-80 KB, inklusive Text und Grafiken.