Comment puis-je afficher une étiquette claire sur cette page de démarrage sans pousser le contenu verticalement?
Je travaille sur une application web qui montre un tas de graphiques sur le déroulement des ventes. Cette capture d'écran provient de ma page d'accueil.
L'étiquette que j'ai marquée avec une flèche rouge est une étiquette indiquant à qui sont destinés les tableaux de cibles de vente et elle prend trop d'espace vertical, poussant tout vers le bas plus que je ne le souhaiterais, mais je ne sais pas comment afficher une étiquette claire n'importe où autre
Des idées?
Grande question, Weblurk. Il existe un nombre infini de solutions si cette application permet un codage personnalisé. Mais si vous ne pouvez faire glisser que des blocs, alors peut-être qu'une solution UX devrait être moins de modifications de conception et plus de modifications de texte. Si vous voulez vraiment que ce titre disparaisse, reformulez simplement les titres des cartes pour inclure le mot "bureau".
Oui, il peut être redondant de répéter le mot "office" quatre fois, mais techniquement, c'est ce que vous obtenez si vous souhaitez rétroconcevoir l'objectif d'un titre.
Souhaitez-vous voir des options de conception de codage personnalisées (UI) ou ce mélange UX de mots satisfait-il votre besoin?
J'augmenterais même l'espace vertical pour votre étiquette. Il a besoin d'un peu plus d'espace pour respirer. Si vous faites cela, vous pouvez déplacer vos options de filtre (ou s'agit-il de boutons d'action?) Vers le haut. Cela nettoiera votre interface utilisateur, positionnera les étiquettes et les boutons dans une position plus logique et raccourcira également la hauteur globale de votre application. Voir les images ci-dessous.
- Situation actuelle (gauche)
- Amélioration comme dit ci-dessus (à droite)
Dans la maquette ci-dessus, comment déplacer l'étiquette vers la gauche, puis déplacer le bouton d'action en bas (À faire, Plus d'opportunités commerciales et Dernières actions) en haut à droite. Maintenant, votre espace vertical a été utilisé plus efficacement et vous pouvez utiliser l'espace d'étiquette comme indicateur de cap?
Je ne sais pas exactement à quoi servent les boutons d'action ci-dessous, mais ce serait une solution si possible.
Déplacez le texte dans le bloc rouge et changez-le en:
"Objectifs de vente de bureaux"
Pour les durs à penser:
