web-dev-qa-db-fra.com

Comment gérer un excès d'espace blanc dans une interface CRM?

Je conçois une interface de style CRM pour les infirmières pour les aider à gérer leur flux de travail, et je rencontre un problème d'interface utilisateur où, dans la plupart des cas d'utilisation, il y a une sorte d'excès maladroit d'espace blanc dans les "Détails de la tâche" carte (voir image). enter image description here Pour atténuer cela, j'ai envisagé d'agrandir la taille de la police, mais le reste de l'interface est également de 14 pixels, donc je ne voulais pas qu'elle se heurte visuellement. (De plus, cet écran est conçu pour un écran large de 1440 pt, ce que la plupart des infirmières que nous avons interrogées utilisent).

Je suis heureux que l'espace soit suffisamment grand pour accueillir de très longues entrées, mais cela semble un peu trop.

Avez-vous des réflexions sur la façon d'atténuer cela? Merci beaucoup!

10
Conor

Visualisez la hiérarchie

Vous avez ici la possibilité de maintenir la flexibilité tout en soulignant la priorité connue des éléments de données et en ajoutant une certaine capacité de numérisation et un intérêt visuel.

La bonne chose à propos des dispositions de cartes (par rapport aux tableaux) est que vous pouvez utiliser l'espace pour guider vos utilisateurs à travers le flux attendu. Votre espace blanc est une bénédiction!

Je pourrais même ajouter certains éléments qui s'affichent sous condition selon qu'ils sont utilisés ou non, comme une description de tâche ou éventuellement un historique des événements pour ce client.

Revised layout

Autres opportunités

Pendant que nous sommes sur le sujet, je pense que tout ce domaine pourrait utiliser l'espace pour mieux clarifier la hiérarchie des informations…

Problem area

16
plainclothes

Je ne vois aucun problème avec l'espace blanc. Les interfaces de type carte sont sujettes à un espace blanc.

Vous pouvez peut-être condenser les détails dans les composants globaux, comme l'en-tête, et dédier la zone du corps aux notes uniquement.

11
Nicolas Hung

Que diriez-vous de changer la disposition des cartes!

La carte du haut n'a pas de zone de texte libre, donc toutes les informations pourraient facilement tenir dans l'espace horizontal. De cette façon, vous pouvez utiliser l'espace disponible pour la carte Notes de tâche.

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

2
Mo'ath