web-dev-qa-db-fra.com

Interface utilisateur de formulaire de widget complexe - exemples et meilleures pratiques

J'envisage un widget avec un certain nombre d'options, ce qui en fera un formulaire très long. Pour améliorer l'expérience utilisateur avec ce formulaire, j'aimerais le diviser en sections. Je n'ai pas envie de réinventer la roue, alors quels sont quelques exemples de widgets qui ont des formes assez complexes (en particulier ceux qui sont divisés en plusieurs sections) tout en restant utilisables et faciles analyser visuellement ?

Je devrais ajouter que je cherche des exemples qui pourraient être considérés comme des "meilleures pratiques", des formes d'éviers de cuisine pas compliquées qui sont difficiles à utiliser . Je réalise que c'est probablement subjectif.

Merci pour votre contribution!

5
Tom Auger

Que diriez-vous de Thickbox natif avec les onglets jQuery natifs par exemple:

le widget lui-même est simple et n'a qu'un lien enter image description here

mais une fois que vous cliquez dessus, la liste épaisse apparaît et affiche toutes les options regroupées par onglets:

enter image description here

laissez-moi savoir ce que vous pensez, je vais chercher le code pour vous.

3
Bainternet

Messages d'interrogation possède la forme de widget la plus complexe que je connaisse. Il est assez encombré, mais reste utilisable quant à moi.

Query Posts widget's form

Cherchez-vous quelque chose de spécifique (dans ce cas, vous devriez partager quelques détails sur la quantité de types et de contrôles que le widget devra avoir) ou simplement des informations génériques? Si cela est le cas, cela serait probablement mieux en tant que wiki communautaire.

3
Rarst