Please enable JavaScript.
Coggle requires JavaScript to display documents.
Tips - Coggle Diagram
Tips
Textes
Eviter les couleurs décoratives #31
Utiliser des contrasts différents pour la taille #31
Utiliser la même couleurs pour les liens clickable #34
Agrandire les espacements entre chaque ligne de text #40
Utiliser du text noir si charte graphique ilisible #32
Diminuer les espacement entre chaque lignes pour les titres #41
Ne pas utiliser d'abréviations #44
Séparer un text en différente parties #50
Utiliser des minuscules pour les longs titres #57
Utiliser des arrondie pour avoir moins d'informations sur la page #63
Agrandire la taille du texte pour plus de lisibilité #74
Ajouter des espacement entre les liste pour améliorer la lisibilité #89
Ne pas couper le text l'orsqu'il est hors du champs #107
Eviter les termes technique #149
Organisation globale
Enlever les textes inutiles #29
utiliser des phrase simple / mots clé # 29
Mettre en avant les option populaires #31
L'ordre des éléments doit être cohérent #38
Mettre en avant les actions pricipales #47
Respecter la charte graphique #48
Organiser les éléments en regroupant les champs similaire aux même endroit #51
Afficher un skellete de la page au chargement pour prés visualisez le type de contenue #62
Utiliser des sections dans un menue pour différentier les options #69
Pour les barres de progression ajouter un pourcentage numérique #85
Utiliser des représentations visuel tel que des graphiques #87
Bottom bar
Utiliser un bottom bar permet de garder certaines information même au scroll #101
Utiliser une seul couleur différentes pour naviguer dans le menu #102
Champs
Utiliser des fort contrast pour différentiés les éléments #34
Texte informatif aligner a droite du champ #37
Afficher les informations pricipales puis afficher plus de détails avec un bouton "Learn more" #39
Ajouter des espaces entres les éléments #40
Utiliser des marque / repére pour les champs obligatoire et optionnel #42
Cacher les champs optionnel si l'utilisateur ne l'utilise pas #45
Utiliser des contrast élever pour les bordure des champs #46
Afficher les boutons d'actions au survole d'un champs pour gagner de l'espae #56
Utiliser des bordure de couleurs peut mettre en avant un champs #65
Ajouter un bouton de copie pour facilité l'utilisation #67
Dialog Box
Explique clairement l'action qui va être effectuez #119
Un seul bouton doit être présent s'il s'agit d'un texte informatif #120
Boutons
Enlever les boutons grisés #25
Ajouter des pictogrammes #26
Empécher la sélection des boutons avec le clavier #26
Stepper
Grande taille pour facilité le click #27
Utiliser des bouton '+/-' pour des valeurs numérique #27
Aligner les boutons horizontalement #27
Garder la meme taille même si changement d'état #55
Utiliser des couleurs différentes enfonction de l'état du bouton #73
Switches
Utiliser des boutons switch plutot que des boutons radio si possible #97
le label du switch doit correspondre a l'action qu'il fait actuellement #100
Centrer le text et les icone d'un bouton l'orsqu'un agrandissement est effectuer #110
Le text des bouton doit être synthétique #113
Pour les boutons d'actions faire un grand espaces pour qu'ils soit plus facilement utilisable #173
Images
Utiliser un compteur numérique pour le nombre d'image disponible #34
Le texte sur une photo doit pouvoir être accessible #36
Utiliser des dégrader de couleurs pour de plus beau détails #64
Utiliser des ombrage ou des bordure sur les champs pour les séparer du fond 76
Icônes
Utiliser des icones pour expliquer du text #50
Utiliseer des icônes cohérentes afin d'éxpliquer une action #56
Afficher les différent modes de payement #68
Mettre de grands icônes afin qu'ils puissent être clickable facilement #88
Dropdown lists
Auto completion #22
Afficher en premier les options les plus utilisées #60
Ajouter une option de recherche en fonction des lettres donner par l'utilisateur #70
Champs de saisie
Eviter les textes de remplacement #35
Champs de remplacement descriptif #61
le texte de remplacement doit garder une couleurs claire #83
Checkbox
Respecter les standards #23
Utiliser des phrases positives # 30