Web-Architektur – Seitenaufbau

Hier nur ein paar Beispiele, was zu beachten ist

  • Attraktive Gestaltung im Sinne eines stimmigen schönen Gesamteindrucks
  • Stil und Farbgebung passend zu Angebot oder Produkten der Internetseite Beispielsweise:
    • Sehr klarer Stil mit kühler Farbgebung oder
    • Sehr verspielt mit kräftiger, bunter Farbgebung
  • Multi-Media-Inhalte einbinden
    >> platziert man Bilder oder kleine Videos gekonnt, lockert es den gesamten Inhalt auf.
    Er liest sich dann weitaus angenehmer und leichter.
  • Klare Gliederung der Information
    Da man im Internet meistens schneller Informationen selektiert, ist es für das Auge etwas leichter, Inhalte aufzunehmen und sich zurecht zu finden wenn:

    • etwas sofort ansprechend ist
    • klar strukturiert und unterteilt ist
  • Formulare und Eingabefelder sparsam gestalten
    So sparsam wie möglich, leicht verständlich und nicht zu viele Pflichtfelder
    Bsp.: Account-Anmeldung, Kontakt oder Newsletter-Formular
  • Gute Führung und Ausfüllhilfen bei Formularen und Eingabefeldern
    • Wenn möglich gegebenenfalls Auto-Suggest und Autovervollständigung für allgemeine Angaben
    • Offizielle Kürzel und Langschreibweisen parallel anzeigen und zulassen
    • Ausfüllhilfen in Form von Mouse-Hover-Effekten für die einzelnen Felder
    • Aufteilung in verschiedene gut geführte Schritte und Abschnitte
    • Wenn möglich direkte Markierung und unmittelbare Fehlermeldung bei falsch ausgefüllten Feldern
  • Verwenden Sie kontrastreiche Bilder & Grafiken
  • Wählen Sie ruhige oder einfarbige Hintergründe
    • Einfarbige Hintergründe können allerdings auch durch leichte Farbverläufe oder ganz schwach sichtbare Hintergrundbilder lebendiger gestaltet werden
  • Warme Hintergrundfarbtöne werden vom Auge angenehmer empfunden und deshalb besser aufgenommen als kalte.
    Trotzdem kann gezielt mit dem Mischen wärmerer und kälterer Farbtöne gespielt werden, um das Gesamtbild aufzulockern ohne die Ausgewogenheit oder Harmonie zu zerstören

    • Beachten: Primäre “Call-To-Action”-Buttons werden meist mit kräftigen, knalligeren (warmen) Farben versehen
  • Klare Formen sind im Regelfall eindeutiger zu erfassen
    • Im Umkehrschluss: je komplexer die abgebildete Form, desto besser muss sie bildgestalterisch gegliedert werden
  • Wenn möglich Menschen im Motiv mit in den Vordergrund stellen
    • Insbesondere gut sichtbare Gesichter wirken interessant und lebendig
    • Nah-Dransein-Erzählmethodik
  • Nach Möglichkeit emotionale, spannende Bilder zum Einstreuen wählen
    • Rufen Emotionen hervor und lockern auf
    • Weitere Chancen für Suchmaschinen, eine Website durch Bildersuche besser zu finden
  • Infographiken zur Veranschaulichung und Erläuterung
  • Videoclips für Erläuterungen und Anregungen einfügen
    • Plastisches und schnelles Medium
    • Weitere Chancen für Suchmaschinen, eine Website durch Videoclips besser zu
      finden