Comment afficher les messages de validation sur un formulaire modal / de dialogue
Nous avons une boîte de dialogue en tant que fenêtre de bureau basée sur HTML/CSS ( Sciter UI basée si cela importe) et il est nécessaire de fournir des messages de validation à ce sujet: 
Questions que nous avons:
- Est-il en principe acceptable de redimensionner la fenêtre du bureau pour s'adapter au contenu modifié, en particulier la fenêtre de dialogue qui a une disposition prédéfinie?
- Si ce n'est pas pour redimensionner la fenêtre, quelles seraient les autres options? Idéalement, nous aimerions garder la fenêtre compacte - sans grandes zones inutilisées/vides.
Encore une fois, il s'agit de HTML/CSS/script sous le capot, les solutions existantes de pile Web Tech fonctionneront ici également.
1. Est-il correct de redimensionner la boîte de dialogue pour tenir compte du contenu modifié?
Oui, de nos jours, à condition que cela ne fasse pas défiler la fenêtre hors écran. Il existe de nombreuses façons de faire des avis de validation, mais l'approche que vous avez choisie (notifier sous le champ, rouge, aligné à gauche) est une approche classique très bien testée, c'est donc un choix sûr.
Le principal inconvénient du redimensionnement de la fenêtre est la désorientation momentanée ressentie par l'utilisateur lorsque les messages apparaissent et que la forme change soudainement. Pour améliorer cela, je suggère d'utiliser une diapositive ou une autre animation (par exemple this ) pour fournir une transition en douceur afin que l'utilisateur comprenne visuellement ce qui se passe.
2. Quelles sont les autres options? Idéalement, nous aimerions garder la fenêtre compacte - sans grandes zones inutilisées/vides.
Il existe d'autres façons de le faire sans créer beaucoup d'espaces blancs initiaux inutiles, comme vous le dites (par exemple, des messages flottants), mais je pense que votre instinct autour des messages déroulants devrait fonctionner très bien, sauf si vous voulez vraiment devenir fantaisiste.
Si vous souhaitez empêcher le redimensionnement de la boîte de dialogue modale, je suggère d'ajouter de l'espace supplémentaire entre le formulaire et le Join/Cancel, car c'est la manière conventionnelle de procéder. c'est-à-dire que les boutons doivent être alignés au bas de la boîte de dialogue, et il peut y avoir un espace vertical ouvert entre les Remember me case à cocher et Join/Cancel boutons.
BTW, ce n'est pas génial UX pour fournir des messages comme 'ID de réunion invalide'. Pour l'utilisateur, c'est comme si vous les réprimandiez sans leur donner des conseils sur ce qu'il faut faire. Le reformuler comme 'Veuillez entrer un ID de réunion valide' est meilleur UX parce que l'utilisateur est dirigé sur la façon de résoudre un problème plutôt que d'être simplement alerté qu'il y a un problème.