Bericht UE 2. Seite 1 von 6

Transkript

1 Bericht UE 2 Datum: Dozenten: Frau Prof. Beck, Frau Heyne, Frau Hiller Teilnehmer: 5 (3 Schüler, 2 Schülerinnen) Thema: Usability of Websites Verlauf: Dieses Mal war wieder nur eine geringe Anzahl an Schülern da, weil an diesem Tag eine Lehrerkonferenz statt fand und somit der gesamte Nachmittagsunterricht für alle Klassen ausgefallen ist. Herr Reich entschuldigte sich deswegen am Anfang des Unterrichts dafür. Nichts desto trotz, beschlossen wir heute das Thema Usability von Webseiten, welches wir auch vorbereitet hatten, durchzuführen. Am Anfang begann eine Einführung in welcher sich Frau Beck zuerst einmal vorgestellt hat. Als Motivation für die folgenden Folien wurde erst einmal besprochen warum die Brauchbarkeit und die Akzeptanz von Software wichtig seien. Daraufhin wurde geantwortet, dass die Software die Aufgabe erst einmal erfüllen muss und der USER/Kunde/Benutzer die Software akzeptieren soll. Als nächste Frage kam dann was denn eine Mensch-Maschine-Schnittstelle sei. Diese besteht aus zwei Komponenten, zum einen aus der Hardwareseite, wie Eingabegeräte, Bildschirme, Mäuse, Joysticks usw. und zum anderen aus der Softwareseite, mit welcher wir uns beschäftigen. Dann kam auch schon die Definition der Gebrauchstauglichkeit (Usability). Die Schüler stellten fest, dass dieses Wort Gebrauchstauglichkeit ja eigentlich doppelt gemoppelt sei. Zum einen aus brauchen und zum andren als taugen. Damit erkläre sich das Wort und die Anwendung von selber. Die Definition welche im ISO 9241 Teil 11 steht enthält unter anderem das Wort Nutzungskontext. Der Nutzungskontext für das Mörike-Gymnasium sind zum Beispiel Informationen über Lehrer oder wann Ferien sind, also ein bestimmter Bereich für den man etwas braucht. Richtig beantwortet wurde auch die Frage was der Unterschied zwischen effektiv und effizient sei. Effektiv bedeutet: mit möglichst geringen Aufwand viel erreichen und effizient bedeutet: mit möglichst wenig Zeit viel erreichen. Danach wurde auch schon die nächste Folie besprochen, welche die Überschrift Neugestaltung eines Webauftritts enthält. Die Frage nach den Mitbewerbern untergliedert sich zuerst in zwei Gruppen, zum einen in die lokalen Mitbewerber, welche andere Gruppen bzw. AGs an der Schule sind und zum anderen in die globalen Mitbewerber, wie ein konkurrierendes Unternehmen, also in dem Fall eine andere Schule die auch um neue SchülerInnen wirbt. Warum sei es deswegen für Schüler auch wichtig ein gutes Außenmarketing zu haben, war die nächste Frage die Frau Beck gestellt hat. Die SchülerInnen meinten dazu, dass es für den späteren Job wichtig sei, also dass das Unternehmen die Homepage anschauen würde. Oder der Ruf der Schule sei entscheidend, bevorzugt die Firma denn die SchülerInnen eher von der oder von der Schule. Als nächster Punkt stand dann die Frage, was denn eine Navigation sei. Bei dieser Frage gab es ein wenig Schwierigkeiten, da sich das Mädchen welche die Frage beantworten sollte, zuerst gar nichts drunter vorstellen konnte. Mit Hilfe von Frau Beck kam sie dann aber drauf, das sie um von A nach B zu kommen, erst Entscheidungen treffen musste, also auf einer Homepage auf Links klicken musste um zu der gewünschten Seite zu gelangen. Seite 1 von 6

2 Nach dem wurde das Wort Software-Ergonomie besprochen. Ergonomie bedeutet, dass die Software bzw. ein Arbeitsmittel an den Menschen zur Erleichterung der Arbeit angepasst wird. Kommentar von einem Schüler war dann noch, wie bei Suchmaschinen, also wie werde ich von denen gefunden. Carl Zeiss Anhand eines Webauftrittes der Firma Carl Zeiss wurden dann die bereits besprochenen Punkte diskutiert. Punkte die an der alten Seite zu bemängeln sind, waren z.b.: Zu viele Links, auch in der Mitte Zuviel Weiß Komische Linien/Striche Zu farblos, alles nur blau Unübersichtlich Schatten bei Schrift nicht gut, schlecht lesbar Schrifttypen falsch, mit Serifen Was also beachten wenn man ein Webauftritt erstellt? Navigation eindeutig, gut verständlich, keine Scrollbalken Weißraum nicht verboten, aber eine sinnvolle Verwendung Benutzergemäßes Farbkonzept Schrift einheitlich und ohne Serifen Groß/Kleinschreibung keine reine Großschreibung (bedeutet schreien ) Sinnvolle Anordnung Seite sollte Interesse wecken, der Benutzer soll ja wieder kommen Danach waren die SchülerInnen selber gefragt. Sie durften als Übung mindestens zwei Webauftritte von Esslinger Schulen untersuchen und die Ergebnisse per Mail an Frau Beck schicken. Folgende Ergebnisse wurden zugeschickt: Seite 2 von 6

3 John-F.-Kennedy-Schule Esslingen Contra: Homepage nicht von google indiziert (wird nicht gefunden) Keine Informationen auf der Startseite (nur Bild) Counter passt nicht ins Design Nicht fertig gestellte Teile auf der Homepage Schlechte Bilder (Tabellen aus Word) Keine einheitliche Typographie Tote Links Relativ viele Browserfehler Langsamer Seitenaufbau Schlechter Seitentitel Pro: Sinnvolle Navigation Gute Übersichtlichkeit Ansprechende Farbwahl Seite 3 von 6

4 Otto-Hahn-Gymnasium Ostfildern Keine Informationen auf der Startseite (nur Bild) Schlechter Banner Seite nicht aktuell Schlechte Bilder Zuviel Text Langsamer Seitenaufbau Seite 4 von 6

5 Gymnasium Karlsbad Sehr ansprechende Blautöne Einheitliche, gut lesbare Schrift Übersichtlich Grafisch topp Seite 5 von 6

6 Folgende Bilder, wurden während der Übung gemacht: Seite 6 von 6