Kategorie-Archiv: Interaktionsdesign

Optimierung von Webformularen mit Inline-Validierung

inline-validation a list apart

Quelle: http://www.alistapart.com/articles/ inline-validation-in-web-forms/

Die Fehlertoleranz bei der Dateneingabe (ganz gleich ob Checkout eines Online-Shops oder Antragstrecke einer Direktversicherung) ist einer der wichtigsten Faktoren bei der Erfolgsoptimierung von Webformularen. Interessante Lösungsansätze bietet hierbei die sog. Inline-Validierung, die in Echtzeit die Eingabe(n) überprüft und dem Nutzer direktes Feedback gibt.

Zu meiner Überraschung musste ich im Rahmen eines vor kurzem durchgeführten Kundenprojektes feststellen: diese nutzerfreundliche Technik wird zumindest in Deutschland recht spärlich eingesetzt. Grund genug für mich, das Potential und die best practices noch einmal zusammenzufassen.

Weiterlesen

Navigation auf One-Page Websites – Eine Betrachtung mittels Eyetracking

Betrachten wir One-Page Websites zu folgender Frage: Wann ist eine globale Hauptnavigation nötig? Mithilfe einiger Eyetracking-Videos erfahren Sie außerdem, wie wichtig generell die Gestaltung eines Elements zur Wahrnehmung der Funktionalität ist. Bei One-Pages, die auf einen WOW-Effekt mittels der Technik Parallax Scrolling setzen, ist die Animation des Nutzers zum Scrollen essentiell. Kein Scrollen -> Kein WOW-Effekt -> Verschwendete Ressourcen.

Verwenden Sie ungewöhnliche Symbole niemals ohne weitere Beschreibung

Eyetracking kinderueberraschung.de ohne Scrollen

Weiterlesen

Kontextbezogene Funktionen & visuelle Führung – Good Practices zur Nutzerführung aus dem Bereich der Online-Fotobücher

Fotobücher

Durch die digitale Möglichkeit, unzählige Fotos auf Speicherkarten festzuhalten, werden Fotobücher, die online und ganz individuell gestaltet werden können, immer beliebter. Doch wie leicht sind diese zu bedienen? Ist es immer sofort ersichtlich welche Schritte auszuführen sind? Und wie sieht es mit der Orientierung aus?

Im folgendem einige Inspirationen rund um die Nutzerführung und das Interaktionsdesign aus der digitalen Fotobuch-Welt.

Weiterlesen

Gezielt zum Suchergebnis – Filtermöglichkeiten am Beispiel von Versicherungs-Vergleichsportalen

Sehr häufig sind Ergebnisseiten oder auch Trefferlisten enorm lang. Sich durch alles Seiten durchzuklicken und nach dem passendem Ergebnissen zu suchen kostet oft viel Zeit. Um dies jedoch zu verkürzen existieren neben diversen Sortierungen auch Filteroptionen, die die Ergebnisse zum Einem verfeinern zum anderem aber auch dessen Anzahl reduzieren.

Bei dieser Thematik bin ich der Frage nachgegangen, welche Filter werden auf Versicherungswebsites verwendet? Die Top 2 stelle ich Ihnen hier vor:

Weiterlesen

Innovative Navigationskonzepte zur Inspiration online bestens geeignet

Nicht nur Bedarfe decken, sondern darüber hinaus auch Bedarfe wecken – das wünscht sich doch jeder, der im Handel tätig ist. Größere Warenkörbe, häufig wiederkehrende Nutzer, eine hohe Weiterempfehlungsbereitschaft lassen die Augen der E-Commerce-Verantwortlichen leuchten – alles Effekte, die sich durch den Spaß beim Surfen positiv beeinflussen lassen.

Reserved Start

Eine Seite, die mir kürzlich in diesem Zusammenhang aufgefallen ist und die mich tatsächlich gefesselt hat, ist reserved.com. Auf den ersten Blick noch wenig spektakulär, verbergen sich unter der Oberfläche super interessante Ideen, von denen ich einige hier zeigen und bewerten möchte.

Weiterlesen

Wie Sie die Zielgruppe in die Konzeption einbeziehen können – und warum das so wichtig ist

Oft heißt es ja: Gutes Design ist keine Demokratie. Und innovative Konzepte wurden auch noch nie von den Nutzern entwickelt. Die wollen ja eh immer, dass alles beim Alten bleibt.
Aus diesen und ähnlichen Gründen wird in der Konzeptionsphase von Anwendungen oftmals darauf verzichtet, das Feedback der Zielgruppe einzuholen. Dabei ist es gerade in dieser Phase wichtig, sich eng an den Nutzern und deren Anforderungen zu orientieren. Denn schließlich muss die Zielgruppe ja später mit dem Produkt wie z. B. der Website oder der Software arbeiten.
Die Frage ist also: Wie kann ich die Nutzer in den Konzeptionsprozess mit einbeziehen und (trotzdem) innovative Konzepte schaffen?

Weiterlesen

Partielles Redesign des Lebensmittel-Shops saymo.de: sinnvolle Ergänzungen und weiteres Optimierungspotential

saymo Logo

Der Lebensmittel Online-Shop saymo.de wurde vor wenigen Wochen einem kleinen Facelift unterzogen.

Das Design selbst – Farbgebung und grundsätzliches Layout der einzelnen Seiten – blieb weitestgehend erhalten. Die größten und sofort sichtbaren Veränderungen wurden im Kopfbereich (Header) der Seite vorgenommen. Die Bedienung des Shops ist grundsätzlich recht einfach. Es gibt allerdings noch ein paar Schwachstellen, deren Optimierung die Nutzung noch weiter vereinfachen bzw. angenehmer gestalten würden.
Weiterlesen

Relaunch wwf.de: modernes Design ja, aber Schwächen in der Nutzerführung

WWF Logo

Vor wenigen Tagen wurde der Webauftritt von WWF Deutschland relauncht. Die neue Website ist deutlich freundlicher und ansprechender als die bisherige aus dem Jahre 2006. Die Farbkom-position wirkt stimmig und passt zum Thema Umwelt- und Naturschutz.

Dieser Meinung ist auch Achim Schaffrinna vom Designtagebuch. Er geht in seinem Beitrag näher auf das Design ein und spricht bereits ein paar Schwachstellen an. Ich selbst kann jedoch einer seiner Aussagen nicht zustimmen:

… Das Interface sieht nicht nur gut aus, es leitet den Besucher auch zuverlässig zu den von ihm gesuchten Informationen. …

Denn speziell bei der Orientierung bzw. Nutzerführung sehe ich gewisse Schwachstellen, die optimiert werden sollten, damit des mit dem Sammeln von Spenden noch besser läuft.
Weiterlesen

Enjoy your search- Good Practices für die Suche nach dem richtigen Job auf Unternehmensseiten

Bei jeder Suche ist es wichtig, so genau wie möglich suchen zu können, um zum gewünschten Angebot zu gelangen. Das gilt auch für die Suche nach einem Job. Dabei spielen Filter eine besondere Rolle, da sie dem Nutzer ermöglichen, die Suche so konkret wie möglich zu gestalten. Aber auch die Art der Ergebnisdarstellung ist nicht weniger wichtig. Erfahren Sie hier, welche kreative Umsetzungsmöglichkeiten und Ergebnisdarstellungen den Nutzer bei der Suche unterstützen.

Weiterlesen