it-swarm.com.de

Kategorie und Tagging-Organisation

Hintergrund

Suchen Sie nach markierten Rezepten ( edit: , die Benutzer selbst mit ihren eigenen Rezepten markiert haben) auf eine Weise, die das Auffinden erleichtert. Alle Tags werden automatisch kategorisiert. Rezepte können mehrere Tags haben. Die Benutzeroberfläche ist auf 745px beschränkt.

Problem

Tags vermischen sich, wenn sie alphabetisch sortiert sind. Zum Beispiel: Afrikaner, Amerikaner, Brot, Kuchen, Kambodschaner, Kanadier, Schokolade, Cupcake, Dänisch, Diät, Niederländisch usw.

Design 1 - Gruppiert nach Kategorie-Akkordeon-Tags

Gruppieren Sie die Tags nach ihren Kategorien und zeigen Sie sie mithilfe von Akkordeonfeldern an. Der Benutzer kann die Kategorien sehen, da jedes Tag als solches gekennzeichnet ist (durch einen Bindestrich getrennt).

mockup

bmml source herunterladen - Wireframes erstellt mit Balsamiq Mockups

Das Konzept ist gut (viele Rezepte pro Seite), aber es gibt Redundanz und eine umständliche Bindestrich-Ästhetik.

Design 2 - Geteilte Kategorien, Akkordeon Tags

Trennen Sie die Kategorien (möglicherweise mit einstellbaren Teilern).

mockup

bmml Quelle herunterladen

Verwendet mehr Seitenfläche, ist aber sauber.

Design 3 - Tabbed Interface, Akkordeon Tags

Trennen Sie die Kategorien über Registerkarten.

mockup

bmml Quelle herunterladen

Dies fügt einen zusätzlichen Klick hinzu und verbirgt die meisten Rezepte vor der Ansicht.

Design 4 - Tag Cloud

Dies ist eine Möglichkeit, aber ich weiß nicht, wie die Tags und die entsprechende Liste der Rezepte auf demselben Bildschirm angezeigt werden könnten.

Design 5 - Wahl des Benutzers

Implementieren Sie sie alle und lassen Sie den Benutzer entscheiden.

Fragen

Welche anderen Layouts stellen kategorisierte Tags wie folgt dar: Einfach, Maximierung der Anzahl der präsentierten Elemente, Minimierung der Anzahl der Interaktionen zum Anzeigen von Elementen und effiziente Nutzung der Seitenfläche?

3
Dave Jarvis

Unterscheiden Sie die Kategorien mit Symbolen. Zum Beispiel:

0
Dave Jarvis

Nach meiner Analyse von Kategorien und Tags haben Tags häufig verwandte Tags. Diese Abhängigkeiten können nicht in einem Baum modelliert werden. Wenn Sie versuchen, die Tags in Ebenen zu unterteilen, werden Sie feststellen, dass sich Tags häufig auf mehr als ein Tag einer höheren Ebene beziehen.

Mit anderen Worten, Tags sollten viele bis viele Beziehungen zu anderen Tags haben, möglicherweise zu einer Art von gespeicherter Beziehung (z. B. ist chinesisches Essen eine bestimmte Art von asiatischem Essen, Brot kann eine Kategorie vieler Arten von ethnischen Lebensmitteln sein).

Sie können den Benutzern eine Liste von Tags, die ihren Filtern entsprechen präsentieren. Wenn ein Tag ausgewählt ist, bieten Sie verwandte Tags als zusätzliche oder alternative Tags an.

-> Lassen Sie den Benutzer nach Tags anhand von Teilnamen und Beschreibungen suchen. Versuchen Sie nicht, dem Benutzer Hunderte vorhandener Tags anzuzeigen.

Ein anderer Ansatz besteht darin, jedem Tag einen Typ zu geben, z. Italienisch und Südamerikanisch sind ethnische Lebensmittel. Rindfleisch und Hühnchen sind Arten von Zutaten. Dann können Sie Ihre Benutzer die relevanten Optionen für jeden Typ überprüfen lassen (zusammen mit einer Auswahl wie muss alles enthalten, muss mindestens ein enthalten, darf nicht oder noch besser boolesche Ausdrücke enthalten, z. B. + Hühnernüsse + (Tomate OR Zwiebel) + (mexikanisch OR indisch).

Eine Tag Cloud ist eine hervorragende Erfahrung m gemeinsame Tags zu finden. Wenn ein Benutzer eine Vielzahl von Einträgen oder Tags sehen möchte, die mit ziemlicher Sicherheit neue Einträge enthalten, sind die größeren Tags normalerweise geeignet.

P.S. Wenn ein Benutzer eine Quittung eingibt, können Sie die Zutaten-Tags automatisch anbringen.

2
Danny Varod