Comment visualiser des champs optionnels dans une recherche horizontale

Question

L'utilisateur n'a pas à combler la date/adultes/enfants/salles, ils sont facultatifs. L'utilisateur peut également rechercher uniquement dans la destination (boîte de gauche).

Comment alluiseriez-vous cela?

Answer 1

Je suggérerais que les domaines des dates et des chambres sont défaillants pour dire "pas de dates spécifiques" et "pas de taille spécifique de la pièce" (ou quelque chose sur ces lignes).

Cela indique clairement qu'ils sont facultatifs et que l'utilisateur peut précéder sans les sélectionner.

Lorsque l'utilisateur clique sur eux, vous pouvez ensuite leur permettre de spécifier les valeurs que vous le faites actuellement et qu'il montrera le texte pertinent pour refléter les valeurs sélectionnées.

N'oubliez pas d'inclure un moyen de les réinitialiser à "Pas spécifique ..." Valeurs aussi.

Answer 2

Bien que le champ de remplissage soit blanc, ce qui signifie une zone active, vous pouvez définir les zones optionnelles comme inactives en utilisant d'autres couleurs ou textures. Ils seront devenus actifs uniquement lorsque l'utilisateur clique sur eux.

Ou en option avec une bordure pointillée:

Answer 3

Je pense qu'il n'y a pas seulement un seul problème ou une solution à considérer ici.

• Premièrement, the importance of the Search field devrait être donné à l'utilisateur via it's size,
• Pour les mêmes considérations, l'icône Date-TimePicker et le compteur de personnes devraient être préférées plus petites,
• Puis la couleur de la Search button et le reste des informations importantes secondaires peuvent être choisis pour donner à l'utilisateur la capacité et la sensation de sélection des valeurs par défaut ,
• Dans cette situation particulière enfin, je préférerais utiliser la zone de recherche principale de la couleur contraire de la différenciation, de sorte que l'utilisateur ne puisse taper que par là où il/elle irait sans avoir besoin du reste.

En plus d'avoir les aspects mentionnés ci-dessus, les utilisateurs considèrent intuitivement des valeurs sélectionnées par défaut et peuvent appliquer des modifications si elles veulent.