Calendrier
Présentation
Le calendrier est un modèle qui vous permet d'afficher les événements dans l'ordre chronologique. Le modèle de calendrier est utile lorsque vous devez afficher de nombreuses entrées statiques ou générées par le système ou un utilisateur.
Quand utiliser un calendrier
Vous prévoyez une longue liste d'événements liés au système ou à l'utilisateur (par exemple, l'historique des objets).
Quand ne pas utiliser un calendrier
Certaines entrées ne peuvent pas être classées par ordre chronologique.
Structure
Le modèle de calendrier est constitué des él éments suivants :
- Nœud de démarrage : affiche une icône informant l'utilisateur que le calendrier commence ici.
- Détails d'événement : informe l'utilisateur des détails d'un événement. Peut contenir du texte, des liens, des boutons d'action et des icônes.
- Nœud : indique un événement dans le calendrier.
- Axe : ligne sur laquelle les entrées sont organisées chronologiquement. La distance ne correspond pas au temps entre chaque occurrence.
- Nœud de fin : affiche une icône indiquant à l'utilisateur que le calendrier se termine ici.
Directives générales
- Dans le nœud de démarrage, vous pouvez choisir n'importe quelle icône dans la bibliothèque Jutro. Nous vous recommandons d'utiliser les icônes d'horloge, de calendrier, d'utilisateur ou d'indicateur.
- Dans le nœud de fin, vous pouvez choisir n'importe quelle icône dans la bibliothèque Jutro. Nous vous recommandons d'utiliser des icônes d'indicateur ou de réussite.
- Pour le calendrier horizontal, placez l'entrée la plus récente à droite dans le calendrier. Pour le calendrier vertical, placez l'entrée la plus récente en haut du calendrier.
- Pour le calendrier horizontal, la largeur maximale est de 400 pixels et la hauteur doit être la même pour toutes les infobulles.
- Pour le calendrier vertical, la hauteur maximale est de 400 pixels et la largeur doit être la même pour toutes les infobulles.
- Les infobulles ne doivent jamais se chevaucher. La distance minimale autorisée entre deux infobulles est de 16 pixels.
- Les lignes entre les entrées peuvent avoir des tailles différentes, selon la taille du contenu à l'intérieur de l'infobulle.
Contenu
Directives générales relatives à la rédaction
- Mettez une majuscule en début de phrase pour tous les aspects relatifs à la conception des interfaces de produit Guidewire. Ne mettez pas la 1re lettre du 1er mot du titre en majuscule.
- Utilisez des verbes au présent et la forme active dans la plupart des cas.
- Utilisez des contractions courantes pour donner à votre texte un ton plus naturel et informel.
- Utilisez un langage simple. Évitez tout jargon inutile et les formulations complexes.
- Utilisez des termes et des phrases concis.
Accessibilité
Interaction avec le lecteur d'écran : si le calendrier ne comporte pas de liens ou de boutons d'action, il ne peut pas être ciblé, mais il est toujours accessible à l'aide des flèches du clavier.
Interactions
Les calendriers sont en affichage seul. Les utilisateurs peuvent cibler ou cliquer sur un onglet pour accéder au contenu s'il est interactif. Par exemple, si le calendrier contient des boutons, seuls les boutons seront ciblés.
Réactivité
Pour les expériences mobiles, utilisez uniquement des calendriers verticaux. Voici un exemple de calendrier vertical :
Utilisez les calendriers horizontaux uniquement si vous êtes certain que les éléments ne dépasseront pas la largeur du conteneur. Un dépassement entraîne un défilement horizontal. Si le calendrier est généré par l'utilisateur ou le système, évitez le calendrier horizontal.
Prise en charge de la recherche
La recherche de ce modèle a consisté en une analyse concurrentielle. L'analyse concurrentielle est une technique de recherche que vous pouvez utiliser pour comparer et comprendre ce sur quoi les autres travaillent dans le même domaine. Les concepteurs d'expérience utilisateur ont analysé les calendriers de 4 systèmes de conception. Ils ont recherché les forces et les faiblesses relatives, les tendances et les différences. Les concepteurs ont pris ces informations, trouvé des points communs et créé un modèle basé sur ces pratiques.
Ressources
Téléchargez un fichier ZIP contenant tous les derniers modèles Jutro et commencez à concevoir des expériences.