Usability mit Farben
Bei blogrammierer ist eine Hilfe dazu erschienen. Der Ansatz mit Farben zu arbeiten ist ja wirklich sinnvoll, aber leider nicht immer gut umgesetzt. Mit den vier css-Boxen für Erfolge, Fehler, Warnungen und Informationen wird es wenigstens durchgängig. Es werden vier Nachrichtenboxen definiert, die klar die jeweilige Nachricht klassifizieren.Interessant wäre noch eine Ergänzung mit Scriptaculous und dem Effect.Morph um wieder zu einer neutralen Farbe zurückzukehren, welche sich in das bestehende Design integriert. Ein Ansatz wäre dazu die setInterval()-Funktion mit Effect.Morph zu kombinieren und nach 3 bis 5 Sekunden wieder zur Designfarbe zu wechseln. Dadurch hat man sicher mehr Aufmerksamkeit erregt.
Den Benutzer über durchgeführte Aktion eine Rückmeldung geben, ist besonders wichtig für eine gute Bedienbarkeit der Webpräsenz. Um diese Informationen zu transportieren bieten sich kleine Statusboxen an. Um diese Statusboxen optisch und inhaltlich hervorzuheben, bietet sich die Verwendung der Signalfarben rot, gelb und grün an. Für neutrale Statusmeldungen kann blau verwendet werden.
Den gesamten Artikel von Dennis (inklusive der css-Definition und Vorschau) findet Ihr auf blogrammierer.de
ähnliche Posts:
- Linkpoint #1
- Inspiration: Melissa Hie
- Soziale Blogger?
- Wiedermal Schummelzettel
- Was sieht der Leser von Deiner webSite?
- am Dienstag, 31. März 2009 um 20:25 erstellt und wurde unter CSS, Tutorials zum mehr Wissen abgelegt.
- Der Post besitzt diese Tags: CSS, Dialogbox, Infoboxen, Usability
- Du kannst alle Antworten darauf mit dem RSS 2.0 Feed verfolgen.
- Du kannst eine Antwort schreiben.
- Du kannst einen TrackBack von Deinem eigenen Blog setzen.
drucken
Der Artikel hat Dir geholfen?
Warum spendierst Du mir nicht einen Kaffee?
