it-swarm.com.de

Suchfilter-Benutzeroberfläche in einer mobilen App?

Ich erstelle eine mobile App zum Durchsuchen eines extrem großen Datensatzes (Marken), die jeweils in einer oder mehreren von 45 Kategorien markiert wurden. (Zum Beispiel könnte "Budweiser" sowohl in Kleidung (T-Shirts) als auch in Bier markiert sein.)

Ich bin mir nicht sicher, wie ich die Benutzeroberfläche am besten gestalten soll, damit der Benutzer einen "Filter" aus einer Reihe von Kategorien erstellen kann.

Ich denke, ich sollte eine Anzeige erstellen, mit der der Benutzer mehrere Kategorien auswählen und eine Suche erneut ausführen kann. Bisher denke ich darüber nach, eine Tabelle/Liste zu verwenden, in der jedes Element tatsächlich ein Umschaltzustand ist, der automatisch bestehen bleibt. Hier wurde Kleidung und Kosmetik ausgewählt. Diese Lösung fühlt sich klobig an und ich bin mir nicht sicher, wie ich diesen Bildschirm nennen soll.

Kennt jemand gute Lösungen für diese Art von UI/UX-Herausforderung?

screenshot

3
Dogweather

Wenn der "Filter für eine Kategorie" am häufigsten verwendet wird und Filter für mehrere Kategorien selten sind, können Sie dies optimieren. Schematisch:

Filter categories:
   Clothing       >
   Cosmetics      >
   Add another... >

Der Vorteil ist, dass in häufigen Fällen mit einer geringen Anzahl von Filtern die ausgewählten 1 oder 2 Filter ohne Bildlauf sehr einfach angezeigt werden können.

Ein Beispiel hierfür finden Sie in der iPhone-Benutzeroberfläche unter Einstellungen> Allgemein> International> Tastaturen

2
Joel Spolsky

Ich bin mir nicht sicher, was du mit klobig meinst, aber ich denke, dass du mit 45 Elementen hier zu viel scrollen wirst. Da die Gegenstände groß genug sein müssen, um gedrückt zu werden, können Sie die Höhe nicht wirklich verringern, aber vielleicht können Sie etwas gegen die Breite tun. Wie wäre es mit einem Raster von Symbolen mit Beschriftungen?

1