Réfléchir aux moyens de résoudre les BOUTONS SCINÉS
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Dans le défi de l'interface graphique d'aujourd'hui, je partage ma réflexion sur la manière de résoudre les boutons fractionnés. Composant incontournable pour les interfaces condensées, il permet d'afficher des actions secondaires à l'aide d'un seul bouton. Beaucoup d’excellents conseils sur la thématisation, les ombres, les couleurs, les mises en page, l’expérience utilisateur d’interaction, etc.
Chapitres:
- 0:00 – Introduction
- 0:24 – Présentation
- 1:40 – Clair et Sombre
- 3:37 – Ombres
- 5:45 – Conseils SVG
- 7:12 – États
- 10:20 – Expérience utilisateur du clavier
- 11:41 – Expérience utilisateur allégée en mouvement
- 13:20 – Expérience utilisateur du lecteur d'écran
- 14:13 – Expérience utilisateur de droite à gauche
- 15:58 – Mises en page de Flexbox
- 18:51 – JavaScript
- 21:22 – Conclusion
Resources:
Regardez d'autres défis IUG → https://goo.gle/GUIchallenges
Abonnez-vous à la newsletter Google Chrome Developers → http://goo.gl/LLLNvf
arrow_back Retourner à tous les épisodes
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2021/09/08 (UTC).
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"Il n'y a pas l'information dont j'ai besoin"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"Trop compliqué/Trop d'étapes"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"Obsolète"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"Problème de traduction"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"Mauvais exemple/Erreur de code"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"Autre"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"Facile à comprendre"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"J'ai pu résoudre mon problème"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"Autre"
}]
{"lastModified": "Derni\u00e8re mise \u00e0 jour le 2021/09/08\u00a0(UTC)."}
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2021/09/08 (UTC)."],[],[]]
