White space vs. data density – wann weniger Freiraum sinnvoll ist
Moderne Weblayouts zeichnen sich häufig dadurch aus, dass Informationen reduziert werden, viel Freiraum genutzt wird und das Erscheinungsbild insgesamt sehr luftig und aufgeräumt wirkt. Doch was bei...
View ArticleWas ist »Autosuggest«?
Erklärung Im Web Design bezeichnet »Autosuggest« das selbsttätige Anbieten von Such-Vorschlägen schon während der Eingabe einer Suchanfrage. Die Vorschläge werden in einer Liste unter dem Eingabefeld...
View ArticleClik here to view.
Dark Mode mit CSS erstellen – prefers-color-scheme
Responsive Websites reagieren auf eine Vielzahl von Geräteeigenschaften und Einstellungen. Das Ziel besteht darin, dass Layout möglichst perfekt an die unterschiedlichen Nutzungssituationen...
View ArticleUX-Probleme mit Dropdowns
Platzersparnis und erprobte Funktionalität, das sind in Formularen die vermeintlich größten Vorteile von Dropdowns oder Select-Elementen. Besonders im mobilen Kontext verursachen diese UI-Patterns...
View ArticleWarum die 3-Klick-Regel für Websites falsch ist
Eine der bekanntesten Regeln für eine gelungene Navigation auf Websites ist die sog. 3-Klick-Regel. Diese besagt, dass alle Unterseiten mit maximal drei Klicks erreicht werden müssen. Warum diese Regel...
View Article-Listen und Barrierearmut
Die nativen Formular-Elemente von HTML werden in verschiedenen Browsern und Betriebssystem sehr unterschiedlich dargestellt und bedient. Das widerspricht häufig der gewünschten Ästhetik. Da nicht alle...
View ArticleWas ist »Hick’s Law«?
Erklärung Als Hick’s Law wird ein Gesetz aus dem Bereich der User Experience (UX) bezeichnet. Es besagt: Die Zeit, die benötigt wird, um eine Entscheidung zu treffen, steigt mit der Anzahl und...
View ArticleClik here to view.
WordPress: Suchergebnisse nach Inhaltstypen filtern
Die Suchergebnisse in WordPress können besonders bei der Verwendung von verschiedenen Inhaltstypen schnell unübersichtlich werden. Mit Hilfe einer Filter-Funktion nach verschieden Inhaltstypen lässt...
View ArticleClik here to view.
CSS-States für Buttons und Links
Home / Beiträge zum Thema »Usability« CSS-States für Buttons und Links Von Anna Buttons und Links können auf Webseiten unterschiedliche Zustände (engl.: states) annehmen. Diese können mit...
View ArticleClik here to view.
Touch First-Design
Home / Beiträge zum Thema »Usability« Touch First-Design Von Jonas Damit Websites auf Touch Screens gut bedient werden können, dürfen u.a. keine Funktionen von Mouse-Over abhängig sein und...
View Article
