Le widget liste permet d’afficher un extrait d’une vue liste de manière plus compacte.
Anatomie
Usage
Mettre en évidence quelques éléments d’une vue liste selon certains critères.
Afficher un top 10 d'éléments
Afficher les 5 derniers éléments créés ou modifiés
Afficher les 10 éléments qui expirent le plus vite
Elément de liste
Le nombre d'éléments à afficher dans le widget liste ne doit pas dépasser 10.
Ligne principale et secondaire
L'élément de liste peut contenir 2 lignes d’informations au maximum, la seconde étant facultative.
Chaque ligne ne peut contenir plus de 3 données
Primary link
Le primary link est la données principale de l'élément. Il doit rendre l'élément identifiable par rapport aux autres éléments de la liste.
Le primary link doit ĂŞtre un champ obligatoire.
Il ne peut y avoir qu’un seul primary link, sa présence est obligatoire et il est toujours positionné en première position dans la ligne principale.
Le primary link permet d’ouvrir le détail de l'élément en popup.
Texte readonly
Une donnée peut être affichée simplement en readonly.
Les données textuelles peuvent être formatées, notamment avoir un formattage conditionnel en fonction d’un critère.
Exemple :
Date de dernière visite d’un client supérieur à 2 semaines affichée en rouge
La nature de la donnée doit être précisée si elle n’est pas explicitée dans le titre.
Exemples :
Pour des opportunités dont on voudrait afficher la date de closing, spécifier “closing le [date]”.
Badge
Les couleurs de badges doivent être cohérentes depuis le widget liste, jusqu'à la vue liste
Action
L’action permet à l’utilisateur de naviguer vers la vue liste en popup.
Cette vue liste doit avoir les mêmes filtres et les mêmes tris utilisés dans le widget liste initial. Cette vue liste se différencie donc par le fait :
de ne pas être limité en nombre d'éléments
d’afficher plus de champs
de donner accès à tout le fonctionnel de la vue liste (recherche, filtre, tri, affichage de colonne, vues enregistrées, etc.)
Wording de l’action à revoir. Cas potentiels :
Préfiltrage (ex : sur une période) > vers une liste préfiltrée
Widget “Prospects dans le mois courant” (filtres mois courant/type tiers, 25 résultats, affichage limité à 10 résultats, trié par date croissante)
Action “Voir les 25”
Vue liste “Tout” sur entité “Tiers” (filtres mois courant/type tiers, 25 résultats, trié par date croissante)
Dernières entités globalement > vers liste où on affiche tout
Widget “Evénements” (filtre client, 122 résultats, affichage limité à 10 résultats, trié par date croissante)
Action “Voir les 122”
Vue liste “Tout” sur entité “Événement” (filtre client, 122 résultats, trié par date croissante)
“Voir plus”
“Voir les x”
Do :
Faire ressortir visuellement une information marquante. Par exemple, utilisez le badge pour faire ressortir un statut ou une couleur de texte pour faire ressortir un Ă©tat.
Don’t :
N’abusez pas des composants et mises en forme des information au risque de ne rien mettre en évidence.