Catégories : Composant d'affichage de smartphone

Il serait utile d’implémenter un composant de thème (catégories : vue smartphone) qui permet d’afficher les catégories sous forme d’icônes de smartphone, comme le montre l’image d’exemple ci-dessous. Qu’en pensez-vous ?

2 « J'aime »

Salut Cristian, bienvenue :v:

Il n’y aurait pas beaucoup de place pour les titres et les descriptions des catégories qui sont activés par défaut pour les utilisateurs anonymes et de niveau de confiance 0. Une maquette utilisant un exemple du « monde réel » serait formidable pour voir comment cela fonctionnerait.

Ce n’est pas la même chose, mais j’ai modifié la mise en page de la page de catégorie mobile sur mon propre forum de :


vers :

Mais je pense que cela pourrait être encore amélioré avec une vue en grille comme vous le suggérez et/ou en supprimant les trois sujets pour chaque catégorie.

Le maquillage de l’OP présente les mêmes problèmes que les smartphones :

  • comment identifier et se souvenir de ce qui est quoi, et
  • quand beaucoup, c’est trop.

Salut :man_raising_hand:t3: Il suffirait de permettre ce style (image ci-dessous) dans la vue smartphone, avec la possibilité de désactiver la description de la catégorie, la liste des sous-catégories et la liste des derniers articles. Ensuite, rendez la liste des catégories disponible comme la liste des applications sur notre smartphone (Version grille - carrés aux coins arrondis.).

Une autre fonctionnalité utile pourrait être « Nom de catégorie personnalisé dans la vue smartphone », afin de raccourcir le nom d’une catégorie, par exemple de Divertissement à ENT.

Voici un exemple que j’ai trouvé sur un forum, mais sous forme de liste.

4 « J'aime »

Pourquoi cela fonctionnerait-il ? Personne ne sait ce que signifie ORL.

Je peux imaginer des contextes où cela fonctionnerait — les fans d’un jeu particulier ou d’un intérêt de niche ont souvent leur propre jargon et même leur propre iconographie. Serait-ce le plus facile à découvrir et le plus clair pour les nouveaux utilisateurs ? Probablement pas — mais ce n’est pas toujours une valeur clé.

1 « J'aime »

Pouvez-vous partager le lien d’accès pour que je puisse les consulter. Ou vous pouvez consulter mon site sur https://businesslab.vn Je suis heureux de partager ce que je sais et ce que j’ai fait.
vous pouvez également vous référer à la page de catégorie de la page de thème Air Theme, je l’ai trouvée similaire à ce que vous recherchez.

1 « J'aime »

Je parle simplement de la navigabilité de la page des catégories. Au lieu de faire défiler vers le bas pour découvrir les catégories, il serait utile de les voir toutes sur une seule page, comme décrit dans mon premier message. Il est inévitable que dans les futures versions de Discourse, cette fonctionnalité soit implémentée, alors pourquoi ne pas l’anticiper ?

Oui, comme dans la dernière image que j’ai publiée dans le premier message, cela résout définitivement partiellement le problème.
Le composant de thème est GitHub - discourse/discourse-minimal-category-boxes.

Je ne suis pas sûr de comprendre cet argument. Pourquoi est-ce inévitable ? (Et si c’est le cas, pourquoi se précipiter ?)

1 « J'aime »

Nous avons déjà quelque chose de similaire avec la disposition de la grille Theme de miniatures.

Donc oui, c’est réalisable en quelque sorte… On pourrait même avoir une description qui apparaît si on utilise une idée de pression courte/pression longue ou de tapotement simple/double.

@Canapin

L’utilisabilité peut dépendre de l’application. Franchement, je trouve la liste de sujets Theme ennuyeuse sur mobile car je trouve plus difficile de trouver visuellement les choses.

Mais si l’OP a des noms de catégories plus simplifiés avec des icônes et du texte en dessous, cela pourrait aller.

De combien de catégories parlez-vous ? Voir mon message ci-dessus et consulter le lien Theme pour la disposition des sujets avec des miniatures.

En effet. lol

Je peux voir qu’il est inévitable que quelqu’un crée un Theme component ou peut-être un Plugin en fonction de ce qui est nécessaire pour obtenir l’effet désiré.

Nous sommes au courant et nous en discutons :+1:

J’étais curieux, alors j’ai apporté ces modifications pour créer quelque chose qui plairait à @derak :

.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 « J'aime »

ils ont l’air si minimalistes, je vais considérer cette version pour un autre projet ^^

2 « J'aime »