0|guest|25.05.2012 17:35|normal|&h1=n/9xfKpgYGGRgCdLRX6fik+OBROANVUmMZVxUYMiDGk

e9d80bdc-3b24-4bd4-be01-8f856b0926df 226 0 4fe31a8b-5cb5-47e9-8bd8-8cee1d6ecb10 DE Diese Checkliste erhebt keinen Anspruch auf Vollständigkeit, fragt aber viele der am häufigsten vernachlässigten Usability-Faktoren ab. Quelle: [http://www.drweb.de:80/magazin/die-ultimative-usability-checkliste/] ig3f48jf /Default.aspx?tabid=87&PermalinkID=ig3f48jf&Lang=de&Title=Die-ultimative-Usability-Checkliste 3 false Die ultimative Usability-Checkliste

Öffnen
Neu veröffentlichen

Diese Checklist basiert auf keiner Vorlage, du kannst deine Checkliste für andere Benutzer veröffentlichen.

Als Vorlage veröffentlichen

Checkliste: Die ultimative Usability-Checkliste

Aufgabe:

Checklisten Vorlage: keine Vorlage (was bedeutet das?) Die ultimative Usability-Checkliste

Diese Checkliste erhebt keinen Anspruch auf Vollständigkeit, fragt aber viele der am häufigsten vernachlässigten Usability-Faktoren ab.

Quelle: [http://www.drweb.de:80/magazin/die-ultimative-usability-checkliste/]

gib hier deine Notizen ein

Typografie
Vermeiden Sie Blocksatz beziehungsweise zentrierten Satz?
Der Blocksatz ist in seiner Darstellungsqualität stark abhängig von verwendeter Schrift, Schriftgröße, seiner variablen horizontalen Ausdehnung et cetera. Sie können sich nie darauf verlassen, dass die durch den Stylesheet empfohlene Schrift zum Einsatz kommt. Sollte auf dem Client keine der empfohlenen Schriften installiert sein, werden sie durch generische Schriftfamilien ersetzt. Hinzu kommt, dass kein User Agent (UA) eine Silbentrennung beherrscht, so dass Textzeilen in Ihrer Darstellung unter Umständen bis zur Unleserlichkeit verzerrt würden.
Nutzen Sie eine ausreichende Schriftgröße?
Die Standardschrift sollte groß sein, damit die Größe nur von wenigen Besuchern geändert werden muss. Dabei sollten Sie natürlich an die Zielgruppe denken. Serifenschriften sollten generell größer dargestellt werden, als Schriften ohne Serifen, da sie mehr typografische Details enthalten, deren schlechte Darstellung auf kleinem Raum die Lesbarkeit stark reduzieren würde.
Ist sichergestellt, dass eine Textzeile nicht zu viele Zeichen enthält?
In der gängigen Literatur finden Sie verschiedene Empfehlungen, am häufigsten liest man, dass zwischen 60 und 80 Zeichen pro Zeile optimal sind. In der Praxis hängt das natürlich stark von Schrift und Zeilenabstand ab.
Ist der Zeilenabstand groß genug, um optimale Lesbarkeit zu gewährleisten?
Je mehr Zeichen eine Zeile enthält, desto deutlicher sollten die Zeilen voneinander entfernt sein, da das Auge sonst den Sprung vom Ende der Zeile zum Beginn der nächsten Zeile nicht schnell genug oder gar nicht schafft. Das sorgt auf Dauer für Ermüdungserscheinungen.
Existiert genug Tonwertunterschied zwischen Vorder- und Hintergrund?
Zu oft wird von viel Tonwertunterschied zwischen Vordergrund und Hintergrund gesprochen. Allerdings ist ausreichender Tonwertunterschied richtiger. Zu starker Kontrast ist nicht zu empfehlen, zu schwacher ebenfalls nicht – wie alles: eine Gratwanderung.
Technik
Ist die Seite über sprechende URLs erreichbar?
Sprechende URLs sind wichtig, um vom bloßen Link darauf schließen zu können, was sich dahinter verbirgt. So werden dem Besucher zusätzliche Informationen gegeben, die seinen Entscheidungsprozess beschleunigen.
Haben Sie sich dafür entschieden, Ihre Seite mit oder ohne www-Subdomain bekannt zu machen?
Nicht nur Suchmaschinen stolpern über zweierlei Schreibweise, sondern auch Besucher. Hier empfiehlt es sich, auf eine einzige Schreibweise zu setzen und die andere per .htaccess-Datei auszuschließen.
Kommt Ihre Seite ohne Frames oder Pop-Ups aus?
Frames widersprechen dem ursprünglichen Gedanken des Webs: der Seite. Die Seite als kleinste Einheit des Webs sollte über eine eindeutige URL erreichbar sein – was bei Frames nicht der Fall sein kann. Auch der Clickstream, die Spur des Besuchers auf der besuchten Webseite, wird durch Frames verwischt, wenn beispielsweise mehr als ein Teil des Framesets zur gleichen Zeit ausgetauscht wird – die Funktion des Zurück-Buttons des UA leidet.

Pop-Ups entziehen sich der Kontrolle des Besuchers und erzeugen so in jedem Fall erst einmal eine negative Benutzererfahrung, da sie die Aufmerksamkeit des Besuchers von der eigentlich gewünschten Seite auf ein Angebot ablenken, dass nicht angefordert wurde. Darüber hinaus werden sie, egal ob sinnvoll oder nicht, mit Werbung assoziiert und geschlossen, bevor ihr Inhalt vollständig geladen ist.
Gibt die Webseite auf jede der Aktionen des Besuchers eine Rückmeldung?
Jede Art von Rückmeldung vermeidet negative Benutzererfahrungen (UX), sogar Fehlermeldungen (wenn die Webseite beispielsweise freundlich auf Bedienungsfehler aufmerksam macht). Schlimmer ist es, wenn der Besucher eine Rückmeldung auf seine Aktion erwartet und gar nichts passiert.
Bilder/Multimedia
Haben Sie effektive alt-, title- und longdesc-Attribute bei allen wichtigen Elementen genutzt?
Das alt-Attribut ist gedacht, um dem Besucher einen alternativen Text zu einem nicht darstellbaren oder nicht geladenen Element anzubieten. So kurz wie möglich, und so lang wie nötig. Das title-Attribut ist gedacht, um dem Besucher zusätzliche, aber nicht unbedingt notwendige Informationen zu dem damit ausgezeichneten Element anzubieten. Oft wird es als Tooltip angezeigt.
Das longdesc-Attribut sollte eine ausführliche, textliche Beschreibung des damit ausgezeichneten Bildes anbieten.
Haben Sie anstelle von Bildern Text für wichtigen Inhalt verwendet (Image Replacement)?
Nichts veranlasst einen Besucher schneller und effektiver dazu, eine Seite zu verlassen, als ein nicht erwarteter, automatisch startender, multimedialer Inhalt. Derartiges Verhalten von Inhalten ist in jedem Fall zu unterbinden.
Informieren Sie den Besucher über Größe und Länge von Multimedia-Inhalten?
Der Entscheidungsprozess, einen Multimedia-Inhalt zu starten (das gilt übrigens auch für Downloads), wird nicht nur durch Informationen, wie der zu erwartende Inhalt, die Vorschau und den Kontext gestützt, sondern auch maßgeblich durch das Ergebnis einer Korrelation von Bandbreite, Länge und Größe des Formats beeinflusst. Sie vermeiden eine negative Benutzererfahrung (UX) durch das Angebot der für diese Korrelation notwendigen Informationen.
Inhalt
Haben Sie darauf geachtet, die Datenmenge pro PI möglichst gering zu halten?
Diese Regel berücksichtigt nicht die Datentransferbeschränkung des Hostings, sondern die Ladezeit. Die Ladezeit wird auch positiv von einer möglichst geringen Anzahl an HTTP-Requests pro Seite beeinflusst, der Anzahl von zu ladenen Dateien.
Nutzen Sie relative anstelle von absoluten Werten?
Die Nutzung von relativen Werten zur Formatierung und Positionierung von Elementen räumt dem Besucher die Möglichkeit ein, mit Hilfe der Einstellung der Schriftgröße durch den UA das Layout zu beeinflussen.
Nutzen Sie Listen (ul/ol/dl), um Dinge aufzuzählen?
Content Chunking, also das Stückeln von Inhalten, motiviert Besucher wesentlich stärker dazu, am Bildschirm zu lesen, als lange Textwüsten. Er hat dadurch das Gefühl, kurze, prägnante und wenig redundante Informationen aufzunehmen. Ihm erscheint das Lesen effektiver. Dieses Gefühl ist wichtig, da das Lesen am Bildschirm etwa 25 % langsamer geschieht als auf Papier und die Augen schneller ermüden.
Bietet Ihre Webseite Stylesheets für alternative Medien (Print, Projection, Aural) an?
Das absolute Minimum ist ein alternatives Stylesheet für die Druckausgabe. Eine Webseite ist für die Ausgabe auf dem Bildschirm bestimmt. Es ist Pflicht der Ausgabe auf Papier, durch einen dafür optimierten Stylesheet Rechnung zu tragen. Für andere Medien wird derzeit selten optimiert, obwohl ausreichend Möglichkeiten dafür vorhanden sind. Das Fundament für eine Optimierung bildet in den meisten Fällen das Ausblenden der für das spezielle Medium nicht notwendigen Elemente.
Navigation
Unterscheiden Sie in der Navigation die aktuelle Seite von den inaktiven Seiten?
Ein Standanzeiger informiert den Besucher zu jeder Zeit darüber, in welchem Bereich der Webseite er sich befindet. Diese Rückmeldung ist wichtig, damit der Besucher sich intuitiv auch in einer komplexen Struktur zurecht findet.
Nutzen Sie sprechende Link-Texte?
Nicht nur bei der Indexierung durch Suchmaschinen ist das verlinkte Element wichtig, sondern auch für die Entscheidung des Besuchers, einem Link zu folgen. Daher sind Texte wie „mehr“ oder „hier“ nicht geeignet, verlinkt zu werden.
Nutzen Sie Skip-Links, um bestimmte Bereiche der einzelnen Seiten leichter zugänglich zu machen?
Skip-Links sind nicht nur für die Nur-Text-Darstellung einer Webseite sinnvoll, sondern beispielsweise auch, um Abschnitte eines umfangreicheren Dokuments komfortabel erreichbar zu machen. Auch der „Zurück zum Seitenanfang"-Link ist ein Skip-Link.
Nutzen Sie das title-Attribut für alle Links?
Die Breadcrumb-Navigation ist als Best Practice für komplexe, umfangreiche Webseiten ein absolutes Muss. Aber auch bei kleinen Webseiten bietet diese Art der Navigation nur Vorteile. Sie stellt dem Besucher jederzeit die Information zur Verfügung, wo auf der Webseite er sich befindet, und zwar in Relation zu darüber liegenden Navigationsebenen.
Existiert eine Suchfunktion?
Eine Suchfunktion ist eine der wichtigsten Schnittstellen zwischen Besucher und Webseite. Gerade auf komplexen Webseiten (Jakob Nielsen empfiehlt eine Suchfunktion ab 200 Einzelseiten) können Sie dem Besucher nicht abverlangen, die benötigte Information manuell zu suchen.
Verlinkt Ihr Logo auf die Startseite?
Nach vielen Jahren hat sich die Praxis bewährt, das Unternehmenslogo mit der Homepage (Startseite) zu verlinken. Fortgeschrittene Besucher von Webseiten kennen diese Vorgehensweise und erwarten sie häufig.
Struktur
Existiert eine konsistente Gesamtstruktur bzw. Outline?
Eine intuitiv verständliche Gesamtstruktur ist nicht nur bei umfangreichen Webseiten Pflicht. Nur eine logisch nachvollziehbare Struktur unterstützt den Besucher auf der Suche nach für ihn wertvollen Informationen.

Die Outline (Überschriftenhierarchie) ist für Webseiten nicht weniger wichtig, als die Strukturierung eines umfangreichen, wissenschaftlichen Textes. Der Besucher wird es durch eine längere Verweildauer danken, wenn er Struktur und Hierarchie der dargestellten Inhalte intuitiv erfassen kann.
Sind alle Elemente gemäß der Benutzererwartung positioniert?
Mit den Jahren der Internetnutzung hat sich bei Besuchern eine stereotype Erwartungshaltung eingeschlichen, bestimmte Elemente an den gleichen Stellen von Webseiten finden zu wollen. Im Allgemeinen können Sie annehmen, dass Besucher beispielsweise das Unternehmenslogo links oben erwarten, eine Suchfunktion rechts oben und Links zu Themen wie „Impressum“ und „Datenschutz“ im Seitenfuß.
Haben Sie das Design in einem Raster angelegt?
Ein Raster ist die anschaulichste Erscheinungsform der Ordnung in der Gestaltung einer Webseite. Es zeigt dem Besucher, wie Elemente angeordnet werden, so dass er nicht nur innerhalb von Sekunden eine Erwartung an die Webseite entwickelt, sondern sich, eine gewisse Logik im Raster vorausgesetzt, intuitiv zurechtfindet. Das Raster trägt maßgeblich zur Wiedererkennbarkeit einer Webseite bei, während sich andere Gestaltungsparameter (Farben, Schriften, multimediale Elemente) ändern können.
Passt sich Ihr Design an die Größe des Viewports an?
Der Trend, dem Besucher größtmögliche Freiheit zu geben, während er eine Webseite betrachtet, spiegelt sich auch darin wieder, die Entscheidung über die Ausdehnung der Webseite im Viewport nicht dem Gestalter zu überlassen, sondern dem Besucher oder dem von ihm benutzten UA. Dabei gibt es zwei Richtungen, in denen das Design flexibel sein muss: in der Horizontalen, die durch Größe des Viewports bestimmt werden sollte, und in der Vertikalen, die im Wesentlichen durch Art und Menge des Inhalts bestimmt werden sollte.
Haben Sie individuelle Titel (title) für jede Seite vergeben?
Schon alleine der semantische Gebrauch des title-Tags verbietet eine identische Benennung aller Einzelseiten einer Webseite, aber individuelle Seitentitel sind nicht nur für die Indexierung durch Suchmaschinen eine große Hilfe, sondern auch für den Besucher. Der Seitentitel wird vom UA zur Beschriftung des Fensters genutzt, in dem die Webseite dargestellt wird. So lassen sich auch im minimierten Zustand Rückschlüsse auf den Inhalt dieses Fensters ziehen.
Formulare
Werden Besucher nach einer Validierung auf Eingabefehler freundlich und informativ aufmerksam gemacht?
Nach Bedienungsfehlern in Formularen erwartet der Besucher eine Rückmeldung in Form eines freundlichen Hinweises. Die Webseite muss ihm mitteilen, an welcher Stelle er welchen Fehler gemacht hat. Im Idealfall geschieht diese Validierung in Echtzeit (AJAX), zumindest aber innerhalb der Webseite (PHP) und auf keinen Fall durch den UA (JavaScript).
Ist sichergestellt, dass Besucher lediglich die Tabulator-Taste benutzen müssen, um in der korrekten, logischen Reihenfolge das Formular auszufüllen?
Formulare müssen so gestaltet sein, dass der Besucher nicht die Maus nutzen muss, um zwischen Formularfeldern zu springen. Er soll zu diesem Zweck die Hände nicht von der Tastatur entfernen müssen. Dabei darf die Reihenfolge auf keinen Fall beispielsweise dem Erscheinungsbild des Formulars folgen, sondern darf ausschließlich der logischen Folge der abgefragten Daten entsprechen. Nutzen Sie das Attribut tabindex.
Erhält das erste Eingabefeld automatisch den Fokus?
Damit der Besucher nach dem Aufbau der Seite sofort mit dem Ausfüllen des Formulars beginnen kann, ohne selbst das erste Eingabefeld suchen zu müssen, sollte es automatisch den Fokus erhalten.
Nutzen Sie das label-Tag?
Um zwischen Beschriftung und Eingabefeld eine logische Verbindung zu schaffen, existiert das label-Tag. Dieses Tag sollte in jedem Fall genutzt werden. So muss der Besucher, um ein bestimmtes Eingabefeld auszuwählen, nicht zwingend mit Hilfe der Maus in das Eingabefeld klicken , sondern kann auch auf dessen Beschriftung klicken.
Qualitätssicherung
Haben Sie nicht nur Markup und Stylesheets, sondern auch Outline, Zugänglichkeit, Performance und so weiter getestet?
Zu einer benutzbaren Webseite gehört nicht nur die Validierung von Markup und Stylesheets, sondern auch ein Test der Struktur (Outline-Konsistenz), der Accessibility (Zugänglichkeit) und Performance (Ladezeit).
Haben Sie die Seite in den gängigsten UAs getestet?
UA Mac OS Mac OS Mac OS
Funktionieren alle Links?
Eine Fehlerseite, die durch ins Leere führende Links verschuldet wird, führt zwangsweise zu einer negativen Benutzererfahrung. Durch regelmäßiges Testen aller Links können Sie Besucher vor einer solchen Erfahrung bewahren.
Existieren individuelle Fehlerseiten?
Sie müssen vermeiden, dass ein Besucher durch einen fehlerhaften Link lediglich eine Standard-Fehlerseite empfängt. Eine individuelle Fehlerseite kann ihm automatisiert Seiten vorschlagen, die der eigentlich gewünschten ähnlich sind (Spell Check) und eine Suchfunktion, aber zumindest die Navigation enthalten.
Neuer Schritt
Kein Schritt vorhanden, klicke hier um einen zu erstellen

Beschreibung/Instruktionen hinzufügen

Lade...

Aktionen

Schritt löschen
Unter-Checkliste
Formularfeld
Datei/Bild hinzufügen
Link hinzufügen

Notizen X

Diese Checkliste verwenden

Vorschau/Drucken

Verwenden

Verändern

Sortieren

Speichern Abschliessen & speichern

Diese Aufgabe wurde abgeschlossen, um sie zu bearbeiten musst du sie reaktivieren

Reaktivieren

Aufgabe teilen

Drucken

gespeichert!

Vorlage Löschen

Ziel Checklisten Vorlage:

Checklisten Vorlage: TemplateName

Bitte wähle die Sprache und die Bibliothek der Checklist aus:

Checklisten Titel:

Aktueller Titel: Title

Neuer Titel:

Checklisten Beschreibung:

[F]
[K]
[iL]
[eL]
[t]
[*]

Kategorien und Stichworte:

Freizeit
Beruf
Spass/Fun
Zuhause

Anleitung, Schritt-für-Schritt
Prozess bzw. Ablauf
Liste (von Ideen, Reisezielen, usw.)
Aufgaben / ToDo
Kontroll- bzw. Quali-Checkliste
Evaluation (um Dinge zu vergleichen)

Stichworte durch Leerschläge trennen

Schritte

Abbrechen Veröffentlichen

Die Checklisten-Vorlage wurde erfolgreich veröffentlicht!

Adresse:

Wenn du dieses Fenster schliesst, siehst du wieder deine Checkliste. Alle weiteren Änderungen betreffen nur deine Checkliste und nicht die Vorlage, die du gerade erstellt hast (ausser du veröffentlichst die Änderungen wieder).

Diese Checklistenvorlage löschen?

Die ultimative Usability-Checkliste

Löschungsgrund:

Du must einen Grund angeben

Schliessen Löschanfrage absenden

Danke für ihre Anfrage

Fenster schliessen

Checkliste: Die ultimative Usability-Checkliste

Typografie

Technik

Bilder/Multimedia

Inhalt

Navigation

Struktur

Formulare

Qualitätssicherung

Kategorien, Stichworte / Tags

Diese Checklistenvorlage löschen?