designer focused on inclusive design and design systems. Based in London, UK

RastaPopoulos @rastapopoulos CC BY-NC 8/02/2022

8

8

Form design: from zero to hero all in one blog post – Adam Silver – Designer, London, UK.
▻https://adamsilver.io/blog/form-design-from-zero-to-hero-all-in-one-blog-post
Don’t mess with labels
Crafting questions
Style and microcopy
Form validation
Flow and order
Go faster
Field design
#conception #web #intégration #formulaire #ergonomie #UX #bonnes_pratiques

RastaPopoulos @rastapopoulos CC BY-NC
- b_b @b_b PUBLIC DOMAIN 20/02/2022
  
  Intéressant !
  Don’t mark required fields, mark optional ones.
  Avec des liens vers une collection de composants ▻http://nostyle.herokuapp.com/components, dont un autocomplete, un date picker et un password reveal qui pourrait être utile pour ce ticket #SPIP ▻https://git.spip.net/spip/spip/issues/4872
  
  b_b @b_b PUBLIC DOMAIN
Écrire un commentaire
b_b @b_b PUBLIC DOMAIN 23/09/2019

6

6

Where to put #buttons on #forms
▻https://adamsilver.io/articles/where-to-put-buttons-in-forms
https://adamsilver.io/assets/images/button-placement/alignment.png
Align the primary button to the left edge of the inputs
illuminate a clear path to completion. Aligning inputs and actions with a strong vertical axis clearly communicates how to go about completing a form."
This layout also helps screen magnifier users to see it without having to pan across.
Les boutons des formulaires de #SPIP seraient mal placés ?

b_b @b_b PUBLIC DOMAIN
- cy_altern @cy_altern CC BY-SA 23/09/2019
  
  exemple de résultats du « Eye tracking » pour le premier point : ▻https://www.lukew.com/ff/entry.asp?571
  #eye_tracking #zoom
  
  cy_altern @cy_altern CC BY-SA
- RastaPopoulos @rastapopoulos CC BY-NC 23/09/2019
  
  #ergonomie #web #UX #bouton #formulaire #bonnes_pratiques #accessibilité
  
  RastaPopoulos @rastapopoulos CC BY-NC
Écrire un commentaire

designer focused on inclusive design and design systems. Based in London, UK

https://adamsilver.io