en EN
en Englishfr Frenchde Germanes Spanishpt Portuguesetr Turkish
Ventes
Contact Connexion
Application principale
Voir les catégories

Le formulaire n'a pas l'air bien sur mobile. Comment puis-je améliorer la réactivité ?

Cet article présente une série d'étapes pour améliorer le formulaire et le faire apparaître correctement sur les appareils mobiles. Suivez ces points d’action pour obtenir de meilleures conceptions de formulaires mobiles.

Si votre formulaire ne s'affiche pas bien sur les écrans mobiles, voici quelques bonnes pratiques pour y remédier :

1. Utilisez des boutons d'image/icône visuelle avec 2 colonnes uniquement : Si vous utilisez des boutons de sélection avec une image ou une icône comme type de peau, assurez-vous d'utiliser un maximum de 2 colonnes. Sinon, les écrans mobiles n’offrent pas suffisamment d’espace pour que plusieurs colonnes s’affichent correctement.

Vous pouvez également revenir aux boutons de sélection ou radio adaptés aux appareils mobiles.

 

Sélectionnez le type de peau
2. Réduisez la taille du texte : Utilisez des paramètres plus petits pour les titres des questions, le texte de description, les zones de saisie, les zones de texte, etc. afin que votre texte soit mieux adapté aux écrans mobiles. Accédez à Conception et Typographie pour apporter les modifications.
Réduire la taille du texte dans la typographie

3. Créez un formulaire dédié pour mobile : Si vous avez toujours du mal à donner une belle apparence au formulaire sur mobile, envisagez de dupliquer votre formulaire et de créer un formulaire légèrement ajusté, conçu pour les écrans mobiles.

Utilisez des valeurs de texte plus petites, diminuer l'espacement interne de la formeet apportez d'autres modifications pour obtenir une bonne apparence.

Ajuster l'espacement interne du formulaire dans les éléments de l'interface utilisateur
Réduisez l'espacement interne du formulaire afin que le formulaire utilise toute la largeur pour afficher le contenu

Différents paramètres d'espacement interne de formulaire et leur effet sur la conception du formulaire

Différents paramètres d’espacement interne du formulaire et leur effet sur la conception du formulaire. Petit espacement intérieur de forme à gauche, espacement intérieur de forme plus élevé à droite

2 formulaires distincts

Vous pouvez simplement coller les 2 codes d'intégration différents dans votre générateur de pages, masquer le code mobile sur le Web, et vice versa.

Ces étapes devraient permettre d’éviter la plupart des problèmes de réactivité mobile.

Quels sont vos sentiments ?

Propulsé par Meilleurs Docs