Kategorien: Smartphone Ansichts-Komponente

Es wäre nützlich, eine Themenkomponente (Kategorien: Smartphone-Ansicht) zu implementieren, die es ermöglicht, Kategorien als Smartphone-Symbole anzuzeigen, wie im folgenden Beispielbild gezeigt. Was meinen Sie?

2 „Gefällt mir“

Hallo Cristian, willkommen zurück :v:

Es gäbe nicht viel Platz für Titel und Beschreibungen von Kategorien, die standardmäßig für anonyme Benutzer und Benutzer mit Vertrauensstufe 0 aktiviert sind. Ein Mockup mit einem „realen“ Beispiel wäre großartig, um zu sehen, wie es funktionieren würde.

Das ist nicht dasselbe, aber ich habe das Layout der mobilen Kategorieseite in meinem eigenen Forum von:


zu:

geändert.

Aber ich denke, es könnte mit einer Rasteransicht, wie Sie vorschlagen, und/oder dem Entfernen der drei Themen pro Kategorie noch weiter verbessert werden.

OPs Mockup hat die gleichen Probleme wie Smartphones:

  • wie man identifiziert und sich merkt, was was ist, und
  • wann viele zu viele sind.

Hallo :man_raising_hand:t3: Es wäre ausreichend, diesen Stil (Bild unten) in der Smartphone-Ansicht zuzulassen, mit der Möglichkeit, die Kategoriebeschreibung, die Liste der Unterkategorien und die Liste der neuesten Beiträge zu deaktivieren. Machen Sie dann die Liste der Kategorien genauso verfügbar wie die Liste der Apps auf unserem Smartphone (Rasteransicht – Quadrate mit abgerundeten Ecken.).

Eine weitere nützliche Funktion könnte sein „Benutzerdefinierter Kategoriename in der Smartphone-Ansicht“, um den Namen einer Kategorie zu kürzen, z. B. von Unterhaltung zu ENT.

Dies ist ein Beispiel, das ich in einem Forum gefunden habe, aber im Listenstil.

4 „Gefällt mir“

Warum sollte das funktionieren? Niemand weiß, was ENT bedeutet.

Ich kann Kontexte sehen, in denen dies funktionieren würde – Fans eines bestimmten Spiels oder Nischeninteresses haben oft ihre eigene Fachsprache und sogar Ikonographie. Wäre es für neue Benutzer am besten auffindbar und verständlich? Wahrscheinlich nicht – aber das ist nicht immer ein wichtiger Wert.

1 „Gefällt mir“

Können Sie den Zugangslink teilen, damit ich sie weiterleiten kann? Oder Sie können sich meine Website unter https://businesslab.vn ansehen. Ich teile gerne mit, was ich weiß und getan habe.
Sie können sich auch auf die Themen-Seitenkategorie beziehen Air Theme, ich fand sie ähnlich wie das, was Sie suchen.

1 „Gefällt mir“

Ich spreche einfach über die Navigierbarkeit der Kategorien-Seite. Anstatt nach unten zu scrollen, um die Kategorien zu entdecken, wäre es nützlich, sie alle auf einer Seite zu sehen, wie in meinem ersten Beitrag beschrieben. Es ist unvermeidlich, dass diese Funktion in zukünftigen Versionen von Discourse implementiert wird, warum also nicht vorwegnehmen?

Ja, wie auf dem letzten Bild, das ich im ersten Beitrag gepostet habe, löst es das Problem definitiv teilweise.
Die Theme-Komponente ist GitHub - discourse/discourse-minimal-category-boxes.

Ich bin mir nicht sicher, ob ich dieses Argument verstehe. Warum ist es unvermeidlich? (Und wenn ja, warum überstürzen?)

1 „Gefällt mir“

Wir haben das bereits mit dem #theme-Rasterlayout von Miniaturansichten.

Also ja, es ist irgendwie machbar. Könnte sogar eine Beschreibung anzeigen, vielleicht wenn man eine Idee von kurzem Drücken/langem Drücken oder Einzeltippen/Doppeltippen verwendet.

@Canapin

Wie brauchbar die Leute es finden, hängt von der Anwendung ab. Ehrlich gesagt finde ich die #theme-Themenliste auf Mobilgeräten nervig, da es schwieriger ist, Dinge visuell zu finden.

Aber wenn der OP vereinfachte Kategorienamen hat, könnten Symbole mit Text darunter in Ordnung sein.

Von wie vielen Kategorien sprichst du? Siehe meinen Beitrag oben und schau dir den #theme-Link für das Themenlayout mit Miniaturansichten an.

In der Tat. lol

Ich kann mir vorstellen, dass es unvermeidlich ist, dass jemand eine #theme-Komponente oder möglicherweise ein Plugin erstellt, je nachdem, was benötigt wird, um einen gewünschten Effekt zu erzielen.

Wir sind uns dessen bewusst und diskutieren es :+1:

Ich war neugierig und habe diese Änderungen vorgenommen, um etwas zu schaffen, das @derak gefallen würde:

.category-boxes, .category-boxes-with-topics {
    gap: 1em;
}
.mobile-view .category-boxes .category-box, .mobile-view .category-boxes-with-topics .category-box {
    width: 100%;
    flex: 0 0 calc(50% - 0.5em);
}
.category-boxes .description {
    display: none;
}
.category-boxes .category-box .category-box-inner .category-details .category-box-heading h3 {
    text-align: center !important;
}
.category-boxes .category-logo .category-notifications-button, .category-boxes-with-topics .category-logo .category-notifications-button {
    visibility: hidden;
}
.category-boxes .category-box {
     box-shadow: 0px 0px 8px rgba(0,0,0,.2);
}
4 „Gefällt mir“

Sie sehen so minimalistisch aus, ich werde diese Version für ein anderes Projekt in Betracht ziehen ^^

2 „Gefällt mir“