Die Abbildung zeigt ein Suchformular, wie es nicht mehr zeitgemäß ist. Das was den Nutzern oft als “Expertensuche” verkauft wird (z.B. Operatoren wie die zum Verknüpfen von Suchergebnissen AND oder OR etc.), ist für mich unbrauchbar bzw. zumindest nur mit erhöhtem Aufwand benutzbar.

Wir erinnern uns an einen wesentlichen Aspekt von Usability: Effizienz – Die Möglichkeit, Aufgaben zuverlässig mit möglichst wenig Aufwand lösen zu können. In diesem Fall ist dieses Kriterium für mich nicht erfüllt.

Gerade im vorliegenden Beispiel, ist die Möglichkeit einer Anpassung der Suchanfrage über die bekannten SQL-Operatoren, eine Spur zu viel. Ich erwarte hier eine wirkliche erweiterte Suchfunktionalität. Ein ordentliches Formular, dass mir die wichtigsten Suchkriterien anbietet. Suchkriterien, die ich dann über ein gut gestaltetes Formular definieren und variieren kann.

Soll eine Möglichkeit angeboten werden, mehrere Suchbegriffe einzugeben, kann auch ein Texteingabefeld ausreichend sein. Mit einem entsprechenden Hinweis, dass mehrere Suchbegriffe durch Komma getrennt eingegeben werden können.

Wobei man es mit dem Angebot an möglichen Suchoptionen nicht übertreiben sollte. Denn auch das kann verwirren und bremsen.

Kürzlich erschienene Veröffentlichungen können einen Teil dazu beitragen, bessere Formulare und somit auch bessere Suchfunktionen zu realisieren:

• Formulare total 1 (Formulardesign) (Technikwürze Podcast)
• Formulare total 2 (Barrierefreie Formulare) (Technikwürze Podcast)
• Web Forms for People

User interface patterns and conventions can, and should, be broken, provided one criterion is met: the new solution is better at its task than the one it replaces.

Das Problem bei Patterns besteht darin, dass sie mit der Zeit u.U. etwas unflexibel machen. Hier können z.B. auch Antipatterns für Abhilfe sorgen.

Typography is the backbone of good web designBrian Hoff

Aber oft endet Webdesign bereits kurz nach dem Header. Dabei kann man in keinem Bereich des Webdesigns mit wenig Mitteln (ein paar Zeilen CSS)  schon sehr viel erreichen.

Macht eine Website auf den ersten Blick noch einen guten Eindruck, kann dieser bei genauerem Hinsehen schnell dahin sein. Fehlende Abstände (margin) und Polster (padding), niedrige Zeilenhöhen (line-height) und mikroskopisch kleine Schrift sind nur ein paar Symptome der Typoritis.

Grundvoraussetzung: Lesbarkeit

Auch im Web geht es v.a. um Information in Textform. Neben einem gut strukturierten und ansprechenden Webdesign, steht außerdem die Lesbarkeit mit an oberster Stelle. Gefolgt von Design und Eleganz des Schriftbildes. Was nützt ein Feuerwerk an Transparenzen und Schattierungen, wenn die Besucher nichts lesen können oder wollen?

Oft wird auch explizit eine möglichst kleine Schriftgröße gefordert. „Weil’s einfach besser aussieht.“ Das mag sein – auf den ersten Blick. Dann wenn ich mir eine Website als Bild betrachte. Was sie aber nicht ist. Davon abgesehen, kann auch große Schrift, wenn sie geschickt in Szene gesetzt wird, ihren Reiz haben. Dann sieht’s nicht nur gut aus, sondern es ist auch gut lesbar.

Keiner muss Experte in Sachen Typografie sein. Aber wenn man sich die Mühe macht, die wichtigen Grundregeln zu beherzigen, hat man schon viel erreicht. Darüber hinaus kann man dann seine Leser auch durch gelungene typografische Gestaltung begeistern.

Grundlagen

• The Elements of Typographic Style Applied to the Web (Klassiker)
• Typefacts
• Korrekte Typografie für’s Web mit HTML
• Typographie im Web
• A guide to Web typography
• Typography
• typographie web (französisch)

Lesbarkeit, Design & Eleganz

• Typography is the backbone of good web design
• Make Your Texts More Readable
• The 100% Easy-2-Read Standard
• 20 Do’s and Don’ts of Effective Web Typography
• Elegant Web Typography (Slideshare Präsentation)
• Dan Rubin on Web Typography (Interview)

Ressourcen & Tools

• Web Font Specimen
• Typedia
• Typography tips from 7 top designers
• Typetester
• Typechart
• CSS Type Set

Mehr Vielfalt

Wer außerdem gerne auf eine Vielzahl von Schriften zurückgreifen möchte oder muss (Stichwort „Hausschrift“), dem stehen dann erweiternde Techniken und Tools zur Verfügung. Die drei Hauptrollen spielten dieses Jahr @font-face, Cufon und Typekit. Ein alter Bekannter ist außerdem sIFR.

Mehr Vielfalt kann aber auch noch so ihre Tücken haben, wie ein prominentes Beispiel zeigte: Boing Boing’s Redesign Uncovers the Dark Side of Web Fonts.

@font-face

War bereits Bestandteil der CSS2-Spezifikation, wurde aber, auf Grund mangelnder Unterstützung durch die Browserhersteller, aus CSS2.1 wieder verbannt. Mit CSS3 erlebt diese Methode ihre Renaissance. Dazu noch etwas mehr bei Tobias Otte: @font-face im Einsatz.

Cufon

Hier erfolgt eine dynamische Schriftersetzung mit Hilfe von Javascript und bietet eine Flash freie Alternative zu sIFR. Mehr zu Cufon bei Cameron Moll: Exploring Cufón, a sIFR alternative for font embedding.

Typekit

Auch Typekit setzt auf Javascript zur Einbindung System unabhängiger Schriften. Ich habe selbst auch kurz auf Typekit geblickt. Es hat aber auch noch ein paar Macken im Rendering.

Allen drei erwähnten Ansätzen ist eines gemeinsam: Probleme. Man hat entweder noch nicht die absolute Vielfalt (Lizenzen und Unterschiede im Rendering) oder es bestehen noch Unterschiede in der Browserunterstützung und Uneinigkeit über unterstütze Formate einzubettender Schriftfamilien.

Wir sind zwar schon ziemlich nah dran an einer neuen Vielfalt in Sachen Web-Typografie. Aber es kann nicht schaden, wenn man sich erst mal auf die Grundlagen beschränkt und sich allgemein um bessere Lesbarkeit und ansprechende Schriftbilder bemüht.

So it comes as no suprise when the general attitude of stakeholders these days is one of a shopper saying: ‘One McUser Experience with usability fries please.’Kem Kramer, Is UX becoming a commodity?

Manchmal habe ich daher den Eindruck, dass UX gerne mit Spaß (an einer Website) gleichgesetzt wird. Gute Userexperience macht Produkte sexy. Ich denke, dass es nicht ganz so einfach ist.

Spaß und Freude sind im Umgang mit einer Website sehr wichtig. Keine Frage. Das nennt man auch gerne Joy of Use. Joy of Use ist allerdings nur ein Aspekt von UX. Die Nutzererfahrung lässt sich z.B. durch sechs Adjektive gut beschreiben:

• auffindbar
• zugänglich
• benutzbar
• nützlich
• schön/begehrenswert
• zuverlässig

Joy of Use kann erst dann eintreten, wenn Vorbedingungen erfüllt sind. Hier sind v.a. die Auffindbarkeit und die Zugänglichkeit gemeint. Danach entscheidet sich, ob eine Sache darüber hinaus gut benutzbar ist.

Gute Benutzbarkeit, Nützlichkeit und Schönheit sorgen dann für den Spaß an der Sache.

UX lässt sich imho nicht genau abgrenzen und klar definieren. Sie lässt sich wohl aber umschreiben. Einige Ansätze dazu habe ich mal gesammelt: Was ist also Userexperience (UX)?

Am besten hat mir in letzter Zeit die Website des Texters Neil Wheatley gefallen.

• Barrierefreiheit muss sexy sein: Das Thema muss langsam mal normalisiert werden. Barrierefreie Umsetzung sollte eine selbstverständliche Anforderung sein.
• Webnavigation – mehr als eine Reihe von Links: Interview mit O’Reilly-Autor James Kalbach
• Über den Umgang mit Kritik von Kollegen: Tipps vom Verbesserer
• Jens Meiert erklärt die 3 Grundregeln zu HTML
• Eine Präsentation zum Thema Webentwicklung für mobile Geräte. Es ist nicht alles iPhone, was sich bewegt: Usability in Mobile Applications
• Can You Say That in English? Explaining UX Research to Clients: Wie man kundenfreundlich Userexperience erklärt und verargumentiert.

Ich denke, dass Userexperience in den meisten Fällen zunächst sogar zeitlos sein muss.

Nehmen wir das Beispiel der guten, alten intelligenten Suche auf Websites. Auch wenn diese vielleicht auch sowas wie ein Loch-Ness-Monster ist (anderes Thema).

Sie wird in Befragungen von Nutzern immer wieder genannt. Sogar auch dann, wenn es um Innovation geht.

Ein weiteres, häufig genanntes Thema waren intelligente Suchfunktionen, die die Nutzer aktiv bei Ihrer Suche unterstützen.

Die Suche auf einer Website stellt eine Alltagssituation im Web dar.

[...], dass Funktionen, die sich ganz individuell auf die Bedürfnisse der Nutzer anpassen lassen und die Fragestellungen von Nutzern in Alltagssituationen bedarfsgerecht klären beim Nutzer derzeit als besonders innovativ beurteilt werden.Was ist innovativ? So sehen es die Webnutzer

Was hat die intelligente Suche mit Userexperience zu tun? Das Funktionieren und die einwandfreie Benutzbarkeit eines Suchformulars und die übersichtliche Ausgabe der Suchergebnisse, stellt zunächst mal eine Anforderung an die Usability dar.

Eine intelligente Suche muss darüber hinaus noch weitere Anforderungen erfüllen. So z.B. Vorschlagsfunktionen und bei Bedarf zur Verfügung stehende, erweiterte Filterfunktionen. Dazu muss man im Prinzip nicht zaubern können oder immer auf die brandneuesten technologischen Features setzen. In erster Linie geht es um ein rundum gelungenes Nutzungserlebnis bestehend aus Nutzbarkeit, Nützlichkeit, Attraktivität u.a.

Fragen der Userexperience, Usability und andere Anforderungen werden in den seltensten Fällen zuerst mit technischen Features beantwortet.

Doing more sometimes means less to people using your product if it doesn’t meet their needs.Francisco Inchauste, Creating a Timeless User Experience

Optisch gelungene Website zu einem Buch. Schöne Typo und dazu passend im Retro-Stil gehalten.

Die kommentierte Packung Links schwerpunktmäßig zu Usability und UX.

• Über die Dimensionen der mobilen Internetnutzung: User Experience und mobiles Webdesign
• Chris Heilmann hat keine Lust mehr, über Barrierefreiheit Vorträge zu halten. Hoffen wir, dass man ihn überzeugen kann, dran zu bleiben: Barrierefreiheit Konferenzen – One speaker slot free.
• Was ist innovativ? So sehen es die Webnutzer: Auch die gute, alte intelligente Suche ist dabei.
• Manch einer mag die ständige Suche nach dem ROI leid sein. Die Realität sieht so aus, dass wir ihn tatsächlich öfter mal beziffern müssen: UX ROI: User Experience Return on Investment
• Eine Ressourcensammlung zum Thema Grid Based Webdesign: Grid Based Design Toolbox
• 9 Guidelines on how to create really good Web Sites: Auch die Reihenfolge ist hier nicht ganz unwesentlich

Jetzt machen sie ’s wieder so idiotensicher, dass ich gar nix mehr selbst einstellen kann.

Mein Vater bei der Arbeit mit einer Fotobuch-Software. Bevormundung? In diesem Zusammenhang:

• User sind natürlich nicht dumm
• Man kann’s auch überusabilisieren

Etwas buntes zum Start in die kalte Jahreszeit. Die Website der Agentur Flourish aus Florida.

Die Praxislinks mit dem Schwerpunkt Usability und Gestaltung.

• Gute Gestaltung von Software-Bedienoberflächen
• Eine Referenz zu HTML und CSS kann jetzt online gelesen werden: Little Boxes 1 online
• Es gibt keinen “Fold”: The myth of the page fold
• Nutzer und ihre Anforderungen besser verstehen: How to Understand Your Users with Personas
• Ob man’s glaubt oder nicht. Marketing und Design sind nicht ganz überflüssig: Branding and Marketing Essentials for Your Web App
• Ausführlicher Blick auf die Zukunft von HTML: An introduction to HTML5
• Search Engine Optimization Is Part of Good Web Design. Besser gesagt: Saubere Webentwicklung legt viele Grundlagen für bessere Auffindbarkeit

Darauf aufmerksam wurde ich durch den bei Mashable erschienenen Beitrag Introducing Sociability. Was bedeutet Sociability? Gibt es sowas wie Usability für soziale Netzwerke? Ich meine nein.

Definition Sociability

Ich beginne, wie sich das gehört, erst mal mit der Begriffsdefinition.

The skill, tendency or property of being sociable or social, of interacting well with others.Wikipedia

Sociability Design stellt eine Erweiterung des Begriffs dar.

Im Grunde geht es hier um Regeln, Reputationssysteme, Moderationsmechanismen usw., die z.B. dem “Dilemma of the commons” entgegenwirken sollen.Sociability Design: Spieltheorie

Hier sind v.a. Anreizmechanismen und -systeme gemeint, die Nutzer dazu motivieren sollen, sich aktiv in ein Netzwerk einzubringen. Erst dadurch werden soziale Netzwerke ermöglicht. Agiert und teilt niemand, dann gibt es auch kein soziales Netzwerk.

Usability für das Social Web?

Warum sollten soziale Netzwerke besondere Ansprüche an die Usability stellen? Zunächst sprechen wir von webbasierten Nutzeroberflächen, von Websites und -anwendungen. Nichts neues also. Auch Zielgruppen, Personas, Anforderungsanalysen etc. sind nichts neues. Auch nicht im Social Web.

Interaction between users is what distinguishes social media from other media in which interactions occur between users and the screen.

Es geht verstärkt um die Interaktion zwischen den Menschen auf entsprechenden Plattformen. Außerdem die Art von Information und deren (Weiter-) Verteilung und Verbreitung durch die Nutzer.

Aber am Anfang steht eben die “langweilige” Usability. Denn bevor die Nutzer über Netze miteinander kommunizieren und interagieren (können), steht doch die Interaktion mit dem Userinterface bzw. der Maschine. Unsere Methoden und Tools bleiben die gleichen. Man muss sich weiter an den Anforderungen und Wünschen der Nutzer orientieren. Dann erst erfolgt die Interaktion zwischen Menschen – über ihre virtuellen Schnittstellen.

Usability für Websites vs. Soziale Netzwerke

Dazu gab’s vor einiger Zeit schon mal einen Artikel. Wobei man feststellen muss, Usability bleibt Usability.

Trotzdem gilt es Unterschiede zu beachten. Es sind u.U. neue Besonderheiten zu beachten. Die in der Breite noch relativ neuen sozialen Netzwerke und ihre Nutzer stellen neue Anforderungen an uns. Applications of usability principles on a social network beschreibt das ganz gut.

Das gerechtfertigt imho trotzdem noch nicht unbedingt die Schaffung eines neuen Begriffs.

Was also ist Sociability?

Sie ermöglicht das Funktionieren sozialer Netze. Das geht auf den o.g. Gedanken der Anreizsysteme und -methoden zurück. Es ist keine Mischung aus Social und Usability bzw. Usability speziell für soziale Netzwerke im Internet. Der Begriff ist nicht geeignet, dem ein oder anderen Usability schmackhafter zu machen. Sociability und Usability existieren nebeneinander und miteinander.

Eine Grafik, die ich bei der Recherche gefunden habe fasst vier Aspekte von Sociability zusammen:

• Awareness
• Connectedness
• Engagement
• Solidarity

(aus The Sociability Of Social Media)

Usability beeinflusst v.a. Awareness und Connectedness. Dann wenn die Maschine bzw. die Interfaces gut nutzbar konzipiert und gestaltet sind, können die Nutzer gegenseitig ungehindert gewahr werden (aware) und sich aktiv vernetzen (connect).

Sociability als “Fachbegriff” existiert in unserem Bereich – Webdesign und -entwicklung – nicht.