web-dev-qa-db-fra.com

Meilleure mise en page pour de nombreux éléments d'entrée utilisateur?

J'ai une application qui présente un formulaire de question/réponse à l'utilisateur. Il a été demandé que le formulaire soit aussi proche que possible du formulaire papier. Le formulaire papier a été construit dans une feuille de calcul en deux colonnes de questions et réponses. En concevant l'application mobile, j'ai pu passer à un modèle de divulgation progressive où l'utilisateur sélectionne des sections et des sous-sections. Mais j'ai toujours été frustré par la disposition de l'application de bureau. Quelle est la meilleure façon de disposer un écran rempli de listes déroulantes et de zones de texte?

5
Don

Essayez d'avoir votre divulgation progressive (assistant) avec quelques effets et un beau design. il n'est pas gênant d'avoir une forme pleine de champs avec un bon design. Essayez d'avoir un formulaire en deux étapes pour chaque colonne de votre formulaire papier. et mettre des champs connexes à chaque étape.

3
Morteza Milani

C'est pour une application mobile? La plus petite échelle n'offre pas de nombreuses options pour afficher un formulaire avec une saisie de texte. Je pense généralement qu'il est préférable d'afficher la question avec l'entrée directement en dessous. L'œil a plus de facilité à regarder vers le bas qu'à suivre une ligne souvent invisible vers la droite pour accéder à l'entrée. Ceci, bien sûr, n'est probablement qu'un problème réel sur les résolutions plus importantes.

Vous pouvez peut-être regrouper étroitement les questions connexes (listes déroulantes, généralement) dans plusieurs colonnes, puis avoir une question de saisie de texte plus longue sur une ligne qui lui est propre. Le sujet du formulaire se prête généralement à différents regroupements (pensez à un formulaire d'adresse). Il pourrait être utile de savoir quel type d'informations vous collectez. Remplissent-ils des informations personnelles et écrivent-ils des réponses d'un mot, ou avez-vous des zones de saisie plus grandes?

0
LoganGoesPlaces