Des moyens créatifs pour afficher de longues listes
Je travaille sur la refonte d'une page qui affiche un tableau à 2 colonnes d'environ 200 noms de fabricants. La page devient très longue, mais jusqu'à présent, elle n'est pas incroyablement ingérable, mais j'essaie d'appliquer un design plus futuriste.
J'ai fourni au client un exemple de page avec un tableau de 5 colonnes de logos plus petits, mais en raison de la grande diversité de couleurs dans les logos, la page semblait extrêmement occupée.
Le client ne souhaite pas que les utilisateurs cliquent pour afficher la liste des fabricants (j'ai proposé une qualité jQuery décomposée par catégorie).
Quoi qu'il en soit, je me suis juste demandé si quelqu'un vérifiait si des listes plus longues étaient affichées, car je ne suis pas la personne la plus créative du moment.
Merci!
Hmm ... Je pense qu'en dehors du design cool, vous devriez également penser à la facilité d'utilisation.
Les listes longues fatiguent tout le monde. Ma suggestion, si possible dans votre mise en œuvre, est de paginer les résultats, en affichant seulement 20 à 50 résultats par page, dans l'ordre alphabétique.
Simple, vous respirez et tout le monde peut l'utiliser facilement.
Vous pouvez essayer d’utiliser des valeurs de remplissage plus grandes dans les cellules du tableau, créant ainsi un espace visuel.
Vous pouvez créer un scénario attrayant où toutes les colonnes peuvent sembler car elles sont liées par une image d’arrière-plan. Remplacez la barre de défilement standard par des commandes avancées/modernes telles que le curseur, etc.
Peut-être trop évident, mais qu’en est-il de l’utilisation du code js/utilisé pour la recherche d’images sur google ou shoutcast.com (une fois que vous avez cliqué dans une catégorie, toutes les stations de radio sont affichées à droite)
Fondamentalement, il "cache" le contenu, mais lorsque vous cliquez sur un gros bouton 2.0ish de Show More, il n'y a pas de rechargement, mais un déploiement instantané, non déplacé, de davantage de contenu. Imo c'est mieux.
Être utilisé récemment dans de nombreux endroits.
Je suggérerais d'utiliser le plugin datatables pour jQuery (sur datatables.net) Il suffit de regarder leurs exemples et de voir si cela répond à vos besoins.