Markus W. Steiger 01241.com
  • Fotografie
  • Archiv
  • Blog
  • Kontakt
  • Blog Content
    • Home
    • Usability
    • Projektbezogen
    • Notizen, Artikel
    • Code, Demos
Category

Usability

id109

Icon Usability

Text ist das wichtigste Interfaceelement

Da für die meisten Icons keine Standardverwendung vorhanden ist, sind Textbeschriftungen erforderlich, um die Bedeutung zu kommunizieren und Mehrdeutigkeiten zu reduzieren.

Posted: 28.06.2018
Labels: icon, text, UX
Category: Buttons, Links | Content | Uncategorized | Usability
01241: low-cost sophistication

Mach doch mal einen Punkt

Thema: Verständliche Fehlermeldungen

Posted: 28.05.2018
Labels: text, UX
Category: Content | Usability
Blocksatz

Blocksatz

Schwierigkeiten: Weisse Schrift auf schwarzem Hintergrund und Blocksatz…

Posted: 11.12.2017
Labels: blocksatz, text, typografie, usability
Category: Typography | Usability
UX Layout before

Seite strukturieren hilft!

2 Minuten Lösungsansatz (rechts): Ist glaube ich klar was ich meine…

Posted: 27.10.2017
Labels: Content, scannability, Shop, usability, UX
Category: Content | Typography | Usability
UX Dropdown before

Das ist kein Dropdown-Menu!

2 Minuten Lösungsansatz (rechts): Ist glaube ich klar was ich meine…

Posted: 27.10.2017
Labels: Dropdown, scannability, usability, UX
Category: Menus | Usability
Datepicker UX Before

Improving a Datepicker

Assignment of days, the middle axis between month and year is optically dividing the calendar below etc. Looks like not finished design.

Posted: 19.09.2017
Labels: Date-Picker, typography, UX
Category: Typography | Usability
color contrast checker

Kontrast zwischen Schrift und Hintergrund

Es gibt verschiedene hilfreiche Online-Tools, um zu testen ob Minimalanforderungen an die Lesbarkeit erfüllt werden.

Posted: 15.09.2017
Labels: Color, Colorchecker, Farbe, Links
Category: Typography | Usability
01241: low-cost sophistication

Macrotypography

Through a series of examples I show, how to achieve big UX improvement with small changes in the code.

Posted: 15.06.2017
Labels: css
Category: Typography | 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
Mobile Navigation Pattern

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
  1. 1
  2. 2
  3. >>

Recent Posts

  • Text ist das wichtigste Interfaceelement
  • Mach doch mal einen Punkt
  • Blocksatz
  • Seite strukturieren hilft!
  • Home Blog
  • Usability
  • Projektbezogen
  • Notizen, Artikel
  • Code, Demos
© 2018 Markus Steiger, 01241.com - All Rights Reserved. Kontakt