Definition & Grundlagen | Warum Usability? | GUI & Anpassung ans Web | Web-Design | Testen & Ausblick | Links & Quellen
unterschiedliche Hard- & Software

Dies sind Screenshots der Seite der Tagesschau (www.tagesschau.de) bei unterschiedlichen Auflösungen und Farbeinstellungen:

Screenshot 1024 x 768, 16,7 Mio Farben, 51,3 kB1024 x 768, 16,7 Mio Farben
Hier fällt der viele verschenkte Platz auf der rechten Seite auf, ansonsten ist die Seite relativ gut zu überblicken. Bei dieser Auflösung bleiben rund 80% des Monitors für das eigentliche Browserfenster, der Rest wird von Status- & Menüleisten eingenommen.

Screenshot 800 x 600, 16,7 Mio Farben, 62 KB800 x 600, 16,7 Mio Farben
Der Platz auf der rechten Seite wird nicht mehr verschenkt, allerdings ist in vertikaler Richtung auch nicht mehr so viel zu lesen, es muß mehr gescrollt werden. Für das Anzeigefenster des Browsers stehen noch rund 75% des Monitors zur Verfügung.

Screenshot 640 x 480, 16,7 Mio Farben, 58,1 KB640 x 480, 16,7 Mio Farben
Hier muß jetzt schon in horizontaler Richtung gescrollt werden, um die Punkte auf der rechten Seite lesen zu können. In vertikaler Richtung kann man gerade noch den ersten Artikel lesen. Für das Anzeigefenster bleiben nur noch 68% der Monitorfläche.

Screenshot 1024 x 768, 16 Farben, 5,5 KB1024 x 768, 16 Farben
Sollte ein Nutzer nur eine geringe Farbanzahl eingestellt haben, so wird die Anzeige oftmals stark verfälscht. In vielen Fällen wird dadurch das Lesen des Textes sehr schwierig, weil der Kontrast zum Hintergrund nicht mehr groß genug ist.

Screenshot 1024 x 768, 256 Graustufen, 37,6 KB1024 x 768, 256 Graustufen
Für Nutzer mit einer solchen Grafikeinstellung sind die Seiten nur noch in den seltensten Fällen lesbar, weil aus kontrastreichen Farben kontrastarme Graustufen werden.

Zurück zu GUI & Anpassung ans Web

Definition & Grundlagen | Warum Usability? | GUI & Anpassung ans Web | Web-Design | Testen & Ausblick | Links & Quellen
Letzte Änderung 05.06.2001
Uwe Domaratius (Uwe.Domaratius@s2000.tu-chemnitz.de)