it-swarm.com.de

Lange Listen zum Ausfüllen der Seite

Ich habe eine Aufgabe, bei der ich eine lange Liste von Kategorien anzeigen muss (Variablennummer). Unter jeder Kategorie befindet sich eine Liste von Unterkategorien (wieder Variablennummer). Jetzt könnte ich nur eine einzige Spalte dieser Informationen haben, die den Benutzer zwingt, nach unten zu scrollen, um sie alle zu sehen. Stattdessen möchte ich die leere Immobilie nutzen und vielleicht drei oder mehr Spalten haben, damit die Liste der Kategorien den Rest der Seite ausfüllen kann.

Ich möchte auch nicht, dass es "griddy" ist (hey, ich glaube, ich habe dort ein Wort erfunden!). Eine Kategorie kann eine Unterkategorie haben, während eine andere fünfzehn haben kann. Ich möchte kein hässliches Leerzeichen, das die einzelne Kategorie durch eine andere Kategorie darunter trennt, nur b/c die Kategorie rechts davon (die mit fünfzehn ist lang). Irgendwelche Ideen, wie ich das am besten angehen könnte - entweder ein CSS oder nur ein allgemeiner Rat?

Vielen Dank!

3
Dan Appleyard

Sie könnten wie viele E-Commerce organisieren Mega-Dropdown-Menüs sind heutzutage. Obwohl ich das gesagt habe, habe ich nur eine kleine Anzahl von Beispielen gefunden, die wirklich Ihren Anforderungen entsprechen und die einfach auf einem alphabetisch sortierten Index basieren, mit dem die meisten Leute meiner Meinung nach vertraut sind.

Sie können die Kategorien und Unterkategorien entsprechend Ihren Anforderungen gestalten, sofern die Kategorien klar sind und die Unterkategorien beispielsweise eingerückt sind und weniger Gewicht haben, möglicherweise mit weniger Leerzeichen zwischen Unterkategorieelementen als Kategorien.

Der säulenförmige Aspekt ist kein Problem, wenn er wie in den folgenden Beispielen klar getrennt ist.

Beschreiben Sie das nicht im Wesentlichen - einen Index?

Beispiele

Ein altes Beispiel von Target.com

enter image description here

Aktuelles Beispiel von Handwerker

enter image description here

Aktuelles Beispiel aus dem Weißes Haus

enter image description here

1
Roger Attrill

Sie fragen nach einer guten UX-Lösung für ein ästhetisches Problem. Vielleicht besteht die Lösung darin, vergessen Sie die Idee, dass Leerzeichen eine schlechte Sache sind und sich auf das zu konzentrieren, was einfacher zu verwenden wäre.

Menüs und Untermenüs sind im Wesentlichen eine Version eines Dateisystems mit begrenzter Tiefe. Warum nicht die Lösung verwenden, die Apple verwendet hat, aber nur zwei Spalten angibt?

enter image description here

1
JohnGB