Schöner Lesen mit Readability

Über Readability hab' ich schon mehrmals gebloggt. Vor allem auf dem iPhone ist es einfach eine Wohltat für die Augen. Aber auch auf dem großen Monitor kann Readability den Spaß am Lesen deutlich heben. Readability sorgt für ein gut lesbares Schriftbild, indem es die Schriftgröße, den Schriftstil (Serifen!), die Laufweite der Zeilen und den Zeilenabstand optimiert. Ich will am Beispiel eines Forums zeigen, wie Readability aus einer fast ungenießbaren Darstellung eine gut lesbare Seite produziert:

(download)

Textsuche in Safari iPhone mit iOS 4.2 - ein Usability Fail

Das einzige neue Feature in der neuen Betriebssystemversion iOS 4.2, das mich interessierte: Die Textsuche in Safari. Nur: wo zum Kuckuck versteckt sich das Teil? Nach langer Suche bin ich fündig geworden:

Das mit "Google" beschriftete Suchfeld rechts oben antippen. (Klar doch: "Googeln" bedeuted suchen!)

Saf_search1

Dann findet sich, je nach Suchbegriff, unter den Google-Suchvorschlägen, und knapp oberhalb der eingeblendeten Tastatur, ein Hinweis: "Auf dieser Seite: ( x Treffer)". Auch das muss man erst mal finden.

Saf_search2

Wenn man es schafft, mit viel Wischen, die Tastatur auszublenden, und dann ganz nach unten zu scrollen, dann findet sich ein Link zu "Suchbegriff" suchen.

Saf_search3

Diesen Link antippen, und voila!

Saf_search4

War doch gar nicht schwer :-) Das iPhone ist so intuitiv zu bedienen, dass es keiner Betriebsanleitung bedarf.

Google und Usability

Google genießt in vielen Kreisen keinen guten Ruf. Nein, ich werde hier keinesfalls in das aktuelle Geheul für oder wider Street View einstimmen. Mir geht es heute um die Bedienbarkeit mit der Tastatur, also ohne Maus. Und da hat sich Google wirklich etwas einfallen lassen. Links von den Suchergebnissen gibt es einen kleinen Pfeil:

Google_tab1

Dieser Pfeil lässt sich mit den Pfeiltasten nach oben und unten bewegen, also von Treffer zu Treffer. Enter öffnet das mit dem Pfeil markierte Ergebnis. So schnell kann kein Mausschubser sein.

Pfiffig auch die Belegung der Pfeiltasten rechts/links. Damit wird die Seitenvorschau ein- und ausgeblendet.

Google_tab2

Ich kenne keine Statistik, die aussagt, wie viele Surfer ohne Maus unterwegs sind. Ich gehöre zu dieser Zielgruppe, und finde das Feature einfach cool.

To öffnen einen Link in a neues Fenster or not to open it in a neues Fenster

Ob Links sich in einem neuen Fenster/Tab öffnen sollen, oder nicht, darüber gehen die Meinungen immer noch auseinander. Als Purist würde ich immer auf das target="_blank" verzichten, und dem Besucher die Wahl überlassen (per rechtem Mausklick bzw. Kontextmenü).

Leider wird meine Meinung nicht von jedermann geteilt. Schade eigentlich. ;-)

Ich hab' daher wieder einmal einen Testcase gebastelt. Meine seiteninterne Suche erlaubt jedem Besucher, diese Entscheidung für sich selbst zu treffen.

Screenshot mit Checkbox:

To_oeffnen

Ich würde mich sehr über Kommentare freuen.

GUI oder Bilderrätsel?

Opticbook

Ein GUI sollte möglichst selbsterklärend sein. Verwendete Symbole sollten, wenn immer möglich, bekannt sein. Zumindest aber sollte sich deren Bedeutung erschließen.

Was bitte soll mir ein Hand-Symbol mit der Beschriftung "Auto" sagen? Automatisch manueller Modus? Oder manueller Automodus? Oder einfach nur: "hier klicken"? Und wozu dient ein Button mit einem Halteverbotsschild, das mit dem Schriftzug Auto hinterlegt ist? Halteverbot nur für Autos? Oder bedeutet der Halteverbotsbutton "hier nicht klicken"? Richtig! Auf dem Nachbarbutton ist ja das Handsymbol für "Hier klicken!" Und welche Funktion hat ein "bib" (= button in button)? Was wird wohl passieren, wenn ich den bib klicke? Und warum gibt es am Symbol für exit? (=geöffnete Tür) einen roten Pfeil nach innen. "Hier raus, aber nie mehr rein"?

Usability Megafail!