usability

A new, real full-screen icon for openlayers.org

Change the label of the full-screen button to be more intuitive. I am happy that I could help to improve the usability of their product.

Posted: 20.11.2015

Labels: button, fullscreen, icon, map, usability

Category: Buttons, Links | Usability

Navigation Drawer, Off-canvas navigation

Wenn man Interaktionselemente von nativen Apps bei Web-Applikationen oder Mobilversionen von Websites einsetzt, müssen diese die Benutzererwartungen erfüllen.

Posted: 01.02.2015

Labels: app, css, mobile pattern, usability, Web-App

Category: Menus | Usability

Multifunktionaler Button?

Buttons sind für einen Klick, der eine Aktion auslöst. Beispiel: Anzeige von Suchresultaten. Bei etablierten Design Patterns, es gibt glücklicherweise noch einige, nichts neues erfinden…

Posted: 11.09.2014

Labels: button, search results, usability

Category: Buttons, Links | Usability

Links als solche erkennbar machen

Links müssen konsistent als solche erkennbar sein!

Posted: 27.05.2014

Labels: readability, text-align, typography, usability

Category: Buttons, Links | Usability

SEO beginnt in den ersten Zeilen des Quellcodes

Die Information über die verwendete Sprache einer Webseite hat Bedeutung für Barrierefreiheit, Textprozessoren, Styling, Suchmaschinen …

Posted: 21.03.2014

Labels: seo, tags, usability

Category: Content | Usability

Inspiration

Ich finde es wichtig zu zeigen was einem gefällt. Mal schauen was die anderen so machen. Wichtig: Eigene Schlüsse ziehen. Inspiration ist nicht gleich Lösung.

Posted: 24.10.2013

Labels: css, interface examples, tools, usability

Category: Notizen, Artikel

Textausrichtung

Zentrierte Ausrichtung von Text empfiehlt sich nur für Überschriften oder sehr kurze Texte.

Posted: 23.10.2013

Labels: readability, text-align, typography, usability

Category: Typography | Usability

Inhalt als Dekoration

Haben Sie noch Weissraum auf Ihrer Website und möchten ihr einen modernen, festlichen Anstrich verleihen? Die Lösung: Ein vielsagendes Icon, ein bisschen Text und dies alles in drei bis vier Spalten angeordnet.

Posted: 22.10.2013

Labels: icon, interface examples, typography, usability

Category: Content | Usability

Galerie der tollen Effekte

Hier teste ich einige Scripts und werde an einem Beispiel zeigen, wie man denselben Inhalt auf verschiedene Weise darstellen kann. Mit den entsprechenden Vor- und Nachteilen.

Posted: 17.10.2013

Labels: interface examples, Slider, usability

Category: Content | Usability

Text als Interface-Element, Scannability

Der Teufel steckt im Detail!

Posted: 16.04.2011

Labels: readability, scannability, typography, usability

Category: Typography | Usability