Screendesign - ChecklistArtikel

• Technologie
  • Ist die Website statisch (HTML, CSS) oder in Flash?
    • Hinweis: HTML&CSS ermöglichen eine leichtere Pflege und ist zu bevorzugen
• Inhalte
  • Handelt es sich um eine content-, bild- oder funktionslastige Website?
    • z.B. Homepage, Microsite, Webshop, Community-Portal
    • Je nach Funktion und Inhalt muss das Design skalierbar gehalten werden.
  • Welche Interaktionsmöglichkeiten soll die Site dem Besucher bieten?
    • z.B. Loginbox, Warenkorb, Profil, Newsletter etc.
  • Wo sollen die Inhalte dargestellt werden?
  • Soll es eine ständige Actionbar mit Toolboxes geben? (siehe Interaktionsmöglichkeiten)
• Startseite
  • Ist die Startseite eine Portalseite mit langem, vertikal ausgerichtetem Content?
  • Oder ist sie eine Teaser-Page ohne Scrollbalken?
• Unterseiten
  • Wo ist die Meta-Navigation?
  • Wo ist die Sub-Navigation?
  • Wo ist die Überschrift?
  • Wo ist der Teaser (Text/Bild)?
  • Wo ist der Content?
    • Hinweis: Navigations-Elemente müssen immer an der selben Stelle sein (Orientierung).
  • Wie sehen Header und Footer aus?
  • Wieviele Spalten hat das Layout?
• Maße
  • Wie breit soll die Seite sein?
  • Soll sie in der Breite skalierbar oder fest sein?
  • Ab welcher Auflösung tritt ein horizontaler Scrollbalken auf?
    • Hinweis: Bis 1024x768 Bildschirmauflösung darf es zu keinen horizontalen Scrollbalken kommen.
• Design
  • Soll es sich um ein geschlossenes Pixel-Design handeln oder um eine vektorbasierte Lösung?
  • Pixelorientiert:
    • starres Layout
    • aus einem Guß
    • gut für Microsites und Homepages
  • Vektorbasiert:
    • skalierbares Layout
    • modular
    • gut für Webshops und Community-Portale
  • Farben:
    • Im Web generell RGB-Farbraum, alternativ Hexadezimal-System, von CMYK ist abzusehen
  • Typografie:
    • Folgende Elemente müssen in Typografie-Entscheidungen einbezogen werden:
      • Logo
      • Menüpunkte
      • Überschriften
      • Fließtext
    • Es muss beachtet werden, dass HTML-Text generell sehr eingeschränkt ist, was die Schriftenwahl angeht.
    • Bei Flash-Sites hat man weitestgehend freie Hand bei der Typo-Wahl
    • Bei Microsites und Homepages sind Logo, Menüpunkte und Überschriften ohne weiteres als Bilder in einer Wahltypografie einbindbar. Der Fließtext muss jedoch bereits als HTML-Text umgesetzt werden.
    • Bei Webshops und Communityportalen empfiehlt es sich, nur das Logo Typografisch als Bild umzusetzen. Aufgrund der nötigen Skalierbarkeit dieser Websites, werden Menüpunkte, Überschriften und Fließtext meist dynamisch als HTML-Text generiert.
    • Im HTML-Text gibt es 3 Schriftfamilien:
      • Verdana, Arial, Helvetica, sans-serif: Als serifenlose Schriftfamilie die erste Wahl für Fließtext
      • Times New Roman, Times, serif: Als Serifenschriften sind diese nur bei Überschriften und Navigationselementen sinnvoll einsetzbar.
      • Courier New, Courier, monospace: Dicktengleiche Schriften, die nur gezielt benutzt werden sollten, z.B. um Quelltext auszugeben.

Sie sind nicht eingeloggt.