it-swarm.com.de

Wie werden Indizes für UITableView in einer komplexen Liste angezeigt?

Ich habe ein UITableView von UITableViewStylePlain mit Abschnitten, die als Bezirke (Nachbarschaften) in New York City betitelt sind. Ich habe Probleme, die Indizes zu implementieren (schnelle "Links" rechts). Sollten sie sein:

  1. Der erste Buchstabe des Bezirks (Upper West Side -> U)
  2. Der erste Buchstabe jedes Wortes des Bezirks (Upper West Side -> UWS)
  3. Zeige alle Buchstaben, aber einige "funktionieren" nicht (kein "J" -Viertel)

Pluspunkte von jedem:

  1. Keine doppelten Buchstaben (Upper West Side und Upper East Side sind beide U), einfache Liste mit einer geringen Anzahl von Elementen
  2. Eindeutiger Eintrag für jeden Distrikt, einfacheres Zuordnen jedes Distrikts
  3. Die vollständige Liste sieht besser aus

Fallstricke von jedem:

  1. Um zur Upper West Side zu gelangen, würde es zuerst nach U (Upper East Side) gehen.
  2. Drei (sogar zwei) Buchstaben sehen komisch aus. Besonders wenn ausgewählt.
  3. UX-Elemente, die keine Antwort haben (keine gute Praxis)

Ich habe einen Screenshot angehängt, falls dies schwer zu verstehen ist. Irgendwelche Ideen/Vorschläge?

enter image description here

Bearbeiten: (gemäß der Anfrage von @daniel eckmann)

Ohne zu sehr ins Detail zu gehen, ist die App eine Liste von Geschäften (50-100) in NYC, die ein ganz bestimmtes Produkt und/oder eine bestimmte Dienstleistung anbieten. Dieser Bildschirm ist die Haupt-/Startseite dafür und listet alle Elemente auf. Der Benutzer kann auch suchen, sie auf einer Karte anzeigen (separater Bildschirm) und die Ansicht nach bestimmten Kriterien filtern.

7
Joe Masilotti

Ihr zweiter Vorschlag (und gemäß Ihrem Bild) ist perfekt verwendbar und erfüllt die Anforderung, die Liste durchsuchen und zu einem bestimmten Punkt springen zu können.

Die Benutzerfreundlichkeit übertrumpft in diesem Fall "ein bisschen komisch".

Abhängig von Ihrem Anwendungsfall besteht eine weitere Option darin, die gesamte Nachbarschaft in erweiterbare Bereiche aufzuteilen, sodass der Benutzer in der Liste der Nachbarschaften nach oben und unten scrollen und die gewünschte finden und diese erweitern kann. Es ist weniger Scrollen, aber möglicherweise ein zusätzlicher Klick.

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Es hängt wirklich davon ab, wofür Sie diese Liste verwenden möchten. Wenn Sie alle verfügbaren Artikel durchsuchen, ist Ihr Vorschlag wahrscheinlich besser, da Sie alles auf einmal sehen können. Wenn Sie jedoch einen bestimmten Artikel in einer Nachbarschaft leicht finden möchten, ist diese Option möglicherweise eine Überlegung wert.

2
JonW