Kategorie-Archiv: Mobile Usability

Einkaufen im mobilen Web: Design und Usability von zehn der größten deutschen Online Shops

Auf der Gartenparty der Freunde spontan die Grillzange bestellen, die einem so gut gefällt?

Was vor wenigen Jahren noch eine extravagante Vorstellung war, ist heute für jeden Besitzer eines Smartphones umsetzbar – zumindest theoretisch. In der Praxis wird der Nutzer den Versuch schnell wieder einstellen, wenn die anfängliche Begeisterung für das Grillwerkzeug durch die schlechte Usability des mobilen Online Shops gedämpft wird. Dass immer mehr Kunden mit Smartphone und Tablet einkaufen wollen, belegen die aktuellen Zahlen der großen Online Shops.

Im Februar meldete zum Beispiel Zalando, dass bereits rund 35 % des gesamten Traffic der Website von mobilen Endgeräten stammt.

Mobiles Einkaufen ist ein Erlebnis zweiter Klasse

Wie praktikabel das Einkaufen im mobilen Web mit Smartphone und Tablet tatsächlich ist und welche Best Practices und Konventionen sich beim Design von mobil optimierten Online Shops herausbilden, haben wir von Anstrengungslos in Kooperation mit dem ECC Köln in unserer Studie “Mobile Web Commerce Benchmark” untersucht. Weiterlesen

Globetrotter iPad-App: Eine Erlebniswelt für die Couch

 Der Outdoor-Ausstatter Globetrotter ist bekannt für seine atemberaubenden Filialen – die sogenannten „Erlebniswelten” – die mit Tauchbecken, Kältekammer, Klettertunnel und Quallen-Aquarium daherkommen.

Mit der iPad-App verfolgt das Hamburger Unternehmen ein ähnliches Ziel: Eine Erlebniswelt für die Couch zu erschaffen. Ist das Ziel bereits erreicht? Noch nicht ganz – doch von vielen Ideen darf man sich gerne eine Scheibe abschneiden. In einer kurzen Reise durch die App stelle ich die interessantesten Ideen vor. Weiterlesen

Sind Ihre Personas noch aktuell? Auswirkungen von Cross-Device-Nutzung beim Online-Shopping

Personas haben einen Namen, ein Gesicht/Bild, eine Vita. Wir wissen wie alt sie sind, welche Kleidergröße sie haben, über welches Haushaltsnettoeinkommen sie verfügen, ob sie eher der Stöberer oder zielgerichtete Shopper sind, ob sie bei Facebook sind, ein Smartphone/Tablet besitzen. Wir wissen Bescheid über das Kaufverhalten und die –häufigkeit, deren Anforderungen und Erwartungen an einen Online-Shop und dessen Funktionen. Und, und, und.

All diese Informationen machen die archetypischen Nutzer lebendig, greifbar für das UX-Team und helfen bei Entscheidungen, bei der erfolgreichen, nutzerzentrierten Weiterentwicklung der Website oder auch Anwendung.

Was jedoch fast allen Personas, die ich kennenlernen durfte oder aber an deren Entstehung ich selbst beteiligt war, bislang fehlt, ist das Thema Customer Journey und die fortschreitende Cross-Device-Nutzung parallel zur zunehmenden Konvergenz der Endgeräte.

Das ist aus meiner Sicht fatal, weil… Weiterlesen

Mobile Online-Shops: Tipps und Guidelines Teil 2/2 – Produktdetailseite, Warenkorb und Bestellprozess

Immer häufiger wird darüber berichtet, die Nachfrage nach mobilen Online-Shops wachse stetig, insbesondere in der jüngeren Zielgruppe, den Digital Natives. Deshalb möchte ich die Gelegenheit nutzen, um weitere Tipps, Good Practices und Guidelines zur Konzeption von mobilen Online-Shops mit Ihnen zu teilen, die wir in unserer Grundlagenstudie zum Thema Mobile Shopping entwickelten – von der Startseite bis zum Bestellprozess.

Im zweiten Teil gehe ich darauf ein, worauf bei der Konzeption der Produktdetailseite, des Warenkorbs und dem Bestellprozess zu achten ist, damit das geweckte Interesse an einem Artikel in einen Kauf verwandelt wird.

Produktdetailseite – der Teufel steckt im Detail

Die erste Etappe ist gemeistert: In dem teilweise recht engen Zeitfenster, in dem ein Smartphone-Nutzer in einem mobilen Online-Shop verweilt, konnten Sie seine Aufmerksamkeit gewinnen und für ein Produkt interessieren. Doch was nun? Weiterlesen

22 Guidelines zu Mobile Web Navigation – Kostenlose Ergebnisse der eResult Grundlagenstudie

Nachdem ich letzte Woche bereits einige Vorab-Erkenntnisse hier im Usabilityblog veröffentlicht hatte, gibt es nun endlich den gesamten Studienband der Grundlagenstudie „Mobile Web Navigation – Navigieren und orientieren auf Smartphones“ zum Download. Im Usability-Labor wurden mit 13 Smartphone-Nutzern vier ausgewählte Websites überprüft, um Stärken und Schwächen der aktuell verbreiteten Lösungsansätze zu ergründen. Das Ergebnis: 22 klare Guidelines für Ihre mobile Website. Weiterlesen

Mobile Online-Shops: Tipps und Guidelines Teil 1/2 – Startseite, Navigation, Produktübersichtsseite

Immer häufiger wird darüber berichtet, die Nachfrage nach mobilen Online-Shops wachse stetig, insbesondere in der jüngeren Zielgruppe, den Digital Natives. Doch im Vergleich zur Desktop-Version gibt es für die Konzeption einer mobilen User Experience noch vergleichsweise wenig konkrete Guidelines.

Deshalb möchte ich die Gelegenheit nutzen, um weitere Tipps, Good Practices und Guidelines zur Konzeption von mobilen Online-Shops mit Ihnen zu teilen, die wir in unserer Grundlagenstudie zum Thema Mobile Shopping entwickelten – von der Startseite bis zum Bestellprozess.

Startseite als Einstieg in das Sortiment

Im mobilen Bereich ist es besonders wichtig, den Nutzer möglichst schnell zu einem Produkt zu führen, für das er sich interessiert. Weiterlesen

Mobile Web Navigation – 4 exklusive Vorab-Erkenntnisse der eResult Grundlagenstudie

Noch immer machen Nutzer mit mobilen Websites viele negative Erfahrungen. Laut einer Studie des BVDW sind die häufigsten Gründe dafür mit 57,9 % fehlende Übersichtlichkeit und mit 36,4 % mangelnde Benutzerfreundlichkeit. Die Navigation spielt dabei eine zentrale Rolle, denn gerade diese stellt auf Smartphones eine Herausforderung dar.

Aus diesem Grund führten wir im März eine Grundlagenstudie durch, um die aktuell verbreiteten Lösungsansätze mit 13 Smartphone-Nutzern im Usability-Labor zu überprüfen. Vier ausgewählte Websites wurden von den Probanden genutzt und bewertet, um die unterschiedlichen Navigationsmechanismen auf Stärken und Schwächen zu überprüfen: tagesschau.de, obi.de, huk24.de und visitengland.de. Die komplette Studie wird in einer Woche kostenlos veröffentlicht – aber schon heute gibt es hier 4 interessante Auszüge aus den Ergebnissen. Weiterlesen

Fehlende Tiefe: Usability-Sünden in Flat Designs erkennen und vermeiden

„Wieso passiert denn nichts, wenn ich hier klicke?“ oder aber „Ach, man kann hier klicken, damit was passiert?!“ – haben Sie das auch schon erlebt? Vor etwa eineinhalb Jahren begann mit der Veröffentlichung von Windows 8 der große Hype um Flat Design. Es ist kein Geheimnis, dass mit der Reduktion gestalterischer Effekte auf ein Minimum zahlreiche Probleme mit der Benutzbarkeit einher gehen können. Die Kritik der Norman Nielsen Gruppe an Windows 8 und auch an iOS 7 sind populäre Beispiele dafür. Der Ästhetik der modernen, klaren und oft farbenfrohen Gestaltung können sich trotzdem sehr viele Menschen nicht entziehen.

Auch ich empfinde viele der neuen Websites und Benutzungsoberflächen als visuell ansprechend. Gleichzeitig ärgere ich mich seit vielen Monaten über die scheinbare Ignoranz, mit der fundamentale Gestaltungsgrundsätze der Software-Ergonomie über Bord geworfen werden: Links lassen sich oft schwer von normalem Text unterscheiden, Eingabefelder sind kaum als solche zu erkennen, Schaltflächen und Symbole wirken deaktiviert. Doch muss das so sein? Oder gibt es vielleicht neue Kniffe zu erlernen, um Flat Design und exzellente Usability zu vereinen? Es gibt! Zahlreiche Stellschrauben wie erwartungskonformes Layout, der geschickte Einsatz von Typografie oder Almost Flat Design trennen die Spreu vom Weizen. Weiterlesen

Grundlagen des Surfverhaltens im mobilen Internet – unterlegt mittels Google Eyetracking Study & Praxiserfahrungen

Die Google-Studie verdeutlicht wunderbar grundlegende Verhaltensweisen beim Surfen mit dem Smartphone. Eigentlich will Google mit der Mobile Eyetracking Studie verkaufsfördernde Erkenntnisse zur Wahrnehmung ihrer Werbeanzeigen vermitteln, diese sollen aber nicht Inhalt des Artikels sein. Mein Fokus liegt hier auf zwei Ergebnissen, die ich näher beleuchte und mit Erklärungen, Praxiserfahrungen sowie Implikationen für die Gestaltung anreichere:

  1. Nutzer scrollen auf mobilen Geräten fast immer bis an das Ende der Seiten.
  2. Die Aufmerksamkeit der Nutzer ist auf dem Smartphone fokussierter als auf dem Desktop.

Weiterlesen

Responsive Design anschaulich visualisieren

Illustration Wireframes mobileWireframes sind eines der etablierten Werkzeuge bei der Konzeption von Websites und interaktiven Anwendungen. Und so nutzen wir Konzepter Wireframes, um moderne, responsive Sites zu planen. (Mit den Grundlagen responsiven Designs habe ich mich neulich befasst: Wireframes für responsive Websites – Praxistipps für Konzepter.)

Soweit, so einfach. Nicht ganz so einfach ist es aber leider wieder einmal in der Praxis: Denn um das Design einer responsiven Site zu visualisieren, komme ich nicht mehr mit einem Wireframe pro HTML-Seite aus. Ein üblicher Ansatz ist, drei Wireframes zu erstellen:

Weiterlesen