Um die Benutzerfreundlichkeit für die Suchseite auf mobilen Endgeräten deutlich zu verbessern, haben wir die Filter, Sortierung und Wechsel von Gebieten einfacher verfügbar gemacht.
Redesign Update mobile Suchseite Filter
Optimaler Zugang zu Filtern, Sortierung, Kartenansicht
In den Usability Testing Sessions, die von thematica (großes Danke an Stefan) angestoßen wurden, stellte sich heraus, dass Besucher die Filter, Sortierung, etc. (Action-Bar) nicht auf Anhieb finden. Diese waren bei uns bisher ganz unten positioniert, um den Bedienung mit dem Daumen zu ermöglichen.
Nach ausführlichen Recherchen zu Design Patterns von anderen großen Portalen haben wir festgestellt, dass auf Suchseiten die Filter nahezu immer vor den Suchergebnissen angezeigt werden. Dies macht vom Interaktions-Ablauf her auch viel Sinn, da ich als Besucher die Filter setzen möchte, bevor ich die Ergebnisse auswerte. Ebenso folgen wir hier auch den Empfehlungen mehrerer Usability Studien zu mobilen Filtern.
Beispiele für mobile Ansichten in Geo-basierten Portale
Daher wandern im neuen Design die kompletten Interaktionen vor die Suchergebnisse. Um den Zugang zu den Filtern auch während des Scrollens zu gewährleisten, bleiben dieser Bereich stets im oberen Teil des Bildschirms fixiert (der Header wird erst wieder beim Scrollen ganz noch oben sichtbar):
Filter Box bleibt beim Scrollen nach unten fixiert für einfachen Zugang
Änderung des aktuellen Gebietes ohne Karte
Ein weiteres Feedback aus den Usability Testing Sessions war die Schwierigkeit das Gebiet (also Länder, Bundesländer, Regionen, Orte, Ortsteile, Postleitzahlen) auf der Listen-Ansicht zu ändern. Also ohne Umweg über die Karte. Gerade in mobilen Endgeräten kann der Weg über die Karte oder die globale Freitextsuche etwas aufwändig sein.
Auswahl der Gebiete über eine neue Dropdown nach Klick auf Überschrift
Daher haben wir das Interface der Überschrift (in der das Gebiet enthalten ist), zu einem interaktiven Element umgebaut. So kann man jetzt beim Tap auf dieses Element das aktuelle Gebiet ändern oder entfernen. Über eine Dropdown erhält man jetzt je nach Kontext Gebiets-Vorschläge, die man durch Tippen verfeinern kann. So zeigen wir stets das Eltern-Gebiet so wie die Kindergebiete des aktuellen Gebiets an, so dass man mit einem Tap in der Hierarchie nach oben oder unten wandern kann.
Filter, Gebiet, Eintragstyp, aktive Filter vereint in einem neuen Popup
Ebenso haben wir die initiale Ansicht optimiert, in dem wir die Eintragstypen-Auswahl in das neue Popup mit den weiteren Filtern und der Gebietsauswahl verschoben haben:
Auswahl des Eintragstypen, Gebietswechsel, weitere Filter – alles in einem Popup
Mehr Übersichtlichkeit und klare Interaktionsmöglichkeiten
Durch dieses Redesign wird somit die Suchseite auf mobilen Endgeräten deutlich übersichtlicher. Wir sparen zum Teil mehrere Zeilen Content bevor die Suchergebnisse kommen. Die aktuellen Informationen zur aktuellen Suchseite sind ebenso klarer verständlich formatiert. Ebenso wird der Zugang zu den wichtigsten Interaktionen deutlich erleichtert und hervorgehoben.
Weitere Anpassungen und Hinweise:
- Die Buttons für die Favoriten und ggf. Vergleich sind weiter am unteren Bereich des Bildschirms platziert.
- Ebenso konnten wir einige kleine SEO-Verbesserungen (Überschriften, etc.) vornehmen. Der Breadcrumbs (siehe Desktop) wird mobil ausgeblendet, da Breadcrumbs auf mobilen Endgeräten schwer zu bedienen sind und der Kontext über die Überschrift bereits gut kommuniziert wird (Artikel zu Empfehlungen Breadcrumbs).
- Für Tablets (iPad, etc.) gibt es noch die zusätzliche Anpassung, dass die Aktionen neben dem Gebietsfilter angezeigt werden, um den verfügbaren Platz optimal zu nutzen:
Redesign mobile Suchseite – Ansicht im Ipad
- Hervorhebung des Suchen-Buttons im Filter-Popup
Alle Änderungen die hier beschrieben sind betreffen nicht die Desktop-Ansicht – diese bleibt wie sie ist.
Hinterlasse eine Antwort