web-dev-qa-db-fra.com

Problème d'espacement inégal avec des éléments d'interface utilisateur préexistants

J'utilise un guide de style pour repenser la page d'accueil de mon entreprise, mais la barre de recherche est trop grande pour tenir à l'emplacement d'origine que j'avais envisagé.

Pour résoudre ce problème, j'ai déplacé la barre de recherche vers le haut, mais cela a créé un espace négatif gênant à gauche de celui-ci. Pour résoudre ce problème, j'ai rempli l'espace négatif avec une boîte d'information rouge pour souligner certains arguments de vente.

enter image description here

Est-ce une mauvaise utilisation de ce type d'élément d'interface utilisateur? Mon instinct me dit que je devrais inclure une option "close", mais je serais de retour à la case départ avec le problème d'espacement dès que l'utilisateur le ferme.

Quelqu'un a-t-il une autre suggestion ou un commentaire pour améliorer mon idée actuelle? Merci.

p.s. Ceci est ma première question, s'il vous plaît laissez-moi savoir si elle est inappropriée en aucune façon.

2
Scott Smith

Étant donné qu'il s'agit d'un site Web de commerce électronique, il serait très recommandé de donner plus de présence au champ de recherche car il est très probable que les utilisateurs essaieront de rechercher un produit spécifiqueavant de commencer la négociation par catégories ou tout autre moyen fourni par votre site. De plus assurez-vous que la recherche fonctionne comme prév, car pour une autre raison, l'utilisateur pourrait penser que le magasin n'a tout simplement pas ce produit et le laisser, ce qui est la dernière chose que vous voulez.

ne bonne position pour le placer serait le haut de votre site Web où ce sera une position beaucoup plus scannable et encouragera l'utilisateur à l'utiliser. Une taille plus grande serait également utile.

Les sites Web de commerce électronique et de contenu de masse les plus utilisés sont généralement recherchez le champ de recherche dans la première ou la deuxième "ligne" de la mise en page. Par exemple: Amazon, eBay, Aliexpress, Facebook, Twitter, Yahoo, etc. Si vous voulez lui donner encore plus de visibilité, vous pouvez le placer sur un fond plus sombre (comme sur Facebook). Suivre ce type de convention aidera les utilisateurs à se familiariser avec votre site.

0
Alejandro Veltri

C'est rarement une bonne idée de créer des éléments d'interface utilisateur significatifs (non décoratifs) juste pour équilibrer l'écran. Il s'agit généralement de supprimer des éléments, pas d'en ajouter :). C'est pour toutes sortes de raisons - charge cognitive, encombrement visuel, concentrer l'utilisateur sur ce qui compte, etc.

Quant au problème à résoudre, vous pouvez le résoudre de plusieurs manières. L'important est de comprendre à quel point la recherche est importante pour votre site Web. S'il s'agit d'un grand site de commerce électronique avec un énorme inventaire, la recherche serait très importante. Dans ce cas, il mérite probablement l'espace que vous avez alloué à la boîte d'informations - il peut être très grand. Par exemple. Amazon, Facebook, Google Play, LinkedIn.

Si ce n'est vraiment pas si important, vous pouvez le réduire à l'icône de recherche et afficher le champ uniquement lorsque vous appuyez sur l'icône. Il existe un site majeur qui fait cela, mais je ne me souviens pas lequel en ce moment.

Si ce n'est pas extrêmement important mais encore trop important pour le réduire à une icône, vous pouvez incorporer le bouton dans le champ de recherche, donc au lieu d'un bouton disant "rechercher" et prendre un peu de temps, il n'y a que l'icône sur laquelle vous pouvez appuyer.

Récemment, il est devenu courant de perdre le bouton de recherche même si la recherche n'a lieu que lors de la soumission (ce qui est une mauvaise pratique à mon avis). Il repose sur l'utilisateur sachant qu'il doit appuyer sur Entrée pour que la recherche commence. C'est ainsi que cela fonctionne sur ce site. Il peut vous faire économiser suffisamment de biens immobiliers pour placer la barre de recherche dans cette barre latérale.

2
Vitaly Mijiritsky