Contexte
Designer UX pour une banque multinationale ici. Dans un processus d'optimisation de leurs canaux numériques, je suis impliqué dans un groupe qui souhaite réaliser un moteur de réponse/catalogue d'applications.
Après quelques itérations, mes parties prenantes ont accepté cette conception et nous avons continué à développer cette application. Cependant, de temps en temps, j'écouterai des déclarations et des critiques à l'égard de l'espace blanc qui entoure le champ de texte. J'aime ça, et la plupart des tests d'utilisabilité ont prouvé que les utilisateurs le trouvent encourageant. Cependant, quelques intervenants ne sont pas ravis du "look and feel".
Mes questions
La plupart des écrans sont 1280 x 1024. Cependant, le site Web doit être réactif pour 1440, tablette et mobile. La section du champ de recherche mesure 440 pixels.
Je pense que le wireframe vous a induit en erreur. Je m'excuse et je m'explique. Imaginez que la page Web est divisée en 2 parties: champ de recherche et catalogue d'applications. Cette page Web permet donc aux utilisateurs de rechercher leur question. Le MVP contient des questions précédentes. Le plan est de construire un moteur de réponse, mais c'est dans le futur. La recherche vous amène à une page de résultats de recherche et les applications s'ouvrent dans une nouvelle fenêtre. Le téléchargement de notre application n'est que du marketing et a été littéralement demandé par la haute direction d'être ajouté parce que bla bla.
Je conviens que la façon la plus implacable de résoudre ce problème est d'utiliser des données réelles et de leur prouver qu'une utilisation efficace des espaces blancs augmente la lisibilité et la numérisation.
Cependant, avec une ressource limitée, j'ai trouvé triste de le gaspiller déjà résultats bien connus . Le temps ou le budget alloué à UX doit être consacré à la résolution de problèmes commerciaux spécifiques .
Vous aurez un plus grand impact sur l'UX si vous vous concentrez sur des choses plus importantes comme " voulez-vous toujours fournir un lien pour télécharger l'application?". L'argument d'une meilleure allocation des ressources est fort pour les parties prenantes en général, mais il pourrait ne pas suffire.
Voici ce que vous pourriez faire ensuite:
Vous pouvez en trouver une poignée à la fin de cet article Le pouvoir de l'espace blanc sur interaction-design.org
Si tout ce qui précède ne fonctionne toujours pas, présentez deux versions et laissez quelques personnes au hasard de votre bureau réfléchir à haute voix aux deux modèles.
Que puis-je faire pour le réduire.
Je ne vois rien de mal à votre utilisation des espaces dans votre filaire, ne le réduisez pas à cause de la "peur de gaspiller de l'espace", tout le monde y perdrait.
... et essayez pour rire un pe à ce sujet.
"L'espace blanc est un espace gaspillé" c'est un mythe et il y a beaucoup d'arguments qui soutiennent l'idée qui est la clé d'un design réussi. Il vous suffit de présenter cette conclusion de la meilleure façon pour que les gens la comprennent.
Je pense que pour une application financière, il est important d'utiliser l'espace blanc car:
Un excellent article est Pourquoi l'espace blanc est crucial pour la conception UX :
Dans la conception d'interaction, l'espace blanc n'est pas seulement un choix esthétique, il remplit trois fonctions essentielles. (...)
L'espace blanc peut être divisé en quatre éléments: espace blanc visuel (espace entourant les graphiques, les icônes et les images); agencer les espaces blancs (marges, rembourrages et gouttières); espace blanc du texte (espacement entre les lignes et espacement entre les lettres); et contenu espace blanc (espace séparant les colonnes de texte). (...)
L'espace blanc aide à créer des cartes mentales. (...)
La puissance de l'espace blanc vient des limites de l'attention et de la mémoire humaines
Ce que je pense que vous pouvez faire pour réduire l'espace autour du bloc principal est de laisser plus d'espace entre les résultats. De cette façon, vous avez une plus grande largeur pour la section et une meilleure visualisation des résultats
La loi de proximité stipule que les images proches les unes des autres semblent similaires.
Ainsi que certaines des excellentes ressources citées par d'autres réponses, vous pouvez leur montrer cette capture d'écran de l'application HSBC, que j'utilise:
Joli espace blanc pour le CTA principal là-bas, tout en laissant beaucoup de place pour leurs autres CTA et une publicité! C'est d'ailleurs sur un iPhone 5s, c'est donc une résolution logique de 320 x 568px.
À part cette page, leur application est très encombrée, ce qui m'énerve vraiment :(
En ce qui concerne "l'argument des parties prenantes" , il se peut qu'il y ait quelque chose d'autre qui dérange ces "parties prenantes" mais ils ne sont pas en mesure de mettre le doigt dessus donc le blâmer sur l'espace blanc. Creusez plus profondément, vous pouvez trouver des gemmes.
Par exemple...
À mon avis, votre prototype est lourd en bas. Je dis enhardir l'en-tête et ramener l'appel à l'action pour se démarquer égal ou inférieur à l'en-tête. De plus, la zone de recherche semble orpheline. Ajoutez un peu de texte de support.
... et d'autres ajustements.
L'essentiel est que les parties prenantes sont seniors et nous sommes généralement considérés comme moins seniors, donc nous ne pouvons pas gagner celui-ci lorsque l'opinion contre l'opinion. Cependant, les données sont notre ami car l'opinion des utilisateurs l'emporte sur tout. Je recommanderais des tests A/B sur des espaces blancs par rapport à aucun espace blanc. De préférence dans un environnement prototype un à un. Les données sont fières de l'équation et la partie prenante est moins susceptible de pousser son opinion sur les données ... mais pas toujours. Soyez fort frère;)
À mon avis, il ne s'agit peut-être pas d'un espace blanc, mais d'une page manquant d'informations et donc "trop vide".
Je comprends que ce que vous partagez avec nous n'est qu'une maquette, mais il semble qu'il manque de contexte. Je veux dire le contexte dans la page elle-même. Que recherche la barre de recherche? À quoi servent les applications? L'application de téléchargement a-t-elle une relation avec les deux précédentes?
Je demande parce que mon impression est que plutôt que d'être trop d'espace blanc, il pourrait y avoir des choses manquantes. Et c'est peut-être ce qu'ils veulent dire.