Skip to main content

Maintenant, les besoins de conception de l'interface de fond sont courants. Dans les activités commerciales, les gens veulent prouver toutes les informations, les tendances et les risques via l'interface de données visuelle et les mises à jour en temps réel, aidant à analyser le financement des prévisions.

Lorsque l'utilisateur navigant sur l'interface de données, il est préférable de pouvoir comprendre les informations principales, ce qui signifie que l'interface d'arrière-plan doit être une méthode de navigation simple et simple. (Interface Backstage) Ce panneau de terminologie provient du panneau de commande de la voiture, également appelé zone de cockpit, souvent appelé cockpit d'aéronefs ou d'un vaisseau spatial, qui est l'aéronef de contrôle du panneau de commande.


J'ai fait beaucoup de projets B (pour les entreprises), conçu une interface de gestion de fond non marquée. Chaque mission de design est un nouveau défi pour moi. Pour concevoir une excellente interface de fond, je ressens souvent cette grosse pression.

Pour aider les gens à concevoir une bonne interface de fondN, je propose les suggestions suivantes selon ma propre expérience, que ce soit pour les débutants ou les concepteurs expérimentés, il sera réalisé.


1. Déterminer l'objectif
Premièrement, l'interface de fond doit avoir un objectif clair pour répondre aux besoins des utilisateurs, comme d'autres interfaces du produit. Si vous faites des erreurs, alors l'effort suivant n'a pas de sens! Les différents scénarios d'utilisation, la méthode de conception de l'interface sera différente.

Pour simplifier l'analyse, il introduit principalement les formes les plus populaires:



L'interface d'arrière-plan apparaît souvent dans la limite de temps d'un script de tâche solide, il est conçu pour Fournir des utilisateurs efficaces Informations importantes. L'activité de l'interface arrière fonctionne principalement rapidement et clairement des données anormales, des conditions de ressource actuelles et des centres de contrôle d'état et d'interface L'interface active suivante peut aider à encombrerLa gestion de l'opération est une manière agile.




Les principales caractéristiques de l'interface réseau



1.2 Interface interface derrière l'analyse


Par rapport à l'interface de l'interface active, l'interface de l'interface analytique est principalement utilisée pour l'analyse et la prise de décision, pas élevée. L'interface d'arrière-plan analytique consiste principalement à aider les utilisateurs à mieux comprendre les données, à analyser les tendances et à les décisions d'aide.



La caractéristique principale de l'interface d'arrière-plan analytique
doit déterminer quelle interface de plate-forme sera conçue. Les produits peuvent avoir beaucoup de fonctions et de gestionnaires différents ayant des besoins différents et ont besoin de conceptions. Le concepteur est souvent trompeur que ce type fournit une grande pile de données analytiques pour les utilisateurs qui souhaitent obtenir des commentaires et agir rapidement et inversement.


2. Les données affichées exactement

affichant des données dans l'interface d'arrière-plan est un ensemble.Conception complexe, en particulier lorsqu'une variété de types de données est affichée sur l'interface d'arrière-plan, qu'il s'agisse d'une information statique ou réelle modifie le temps avec de forts défis. Si le type de graphique sélectionné ou l'échantillon visuel de données universelles est directement mis en panne, les utilisateurs peuvent rendre les utilisateurs à se sentir confus ou fausses données de lecture.

Selon le contenu que vous devez voir, j'ai fourni des recommandations visuelles:



Ces cartographes sont utilisés pour afficher les relations de données Termites

La parcelle distribuée est principalement utilisée pour analyser la corrélation et la distribution; La carte de bulle introduit la troisième taille dans le graphique; Les cartes réseau sont également très pratiques, les plus grands boutons entre données.


Ce graphique est utilisé pour comparer les données



dans une comparaison ou plusieurs ensembles que l'utilisation de cartes visuelles est beaucoup plus simple. que le nombre dans la grille. Tableau de colonne et diagramme de pliage sont de type communIl y a. Ma proposition est la suivante:


La taille de la taille doit toujours être affichée avec l'axe X, l'heure de gauche à droite

Lorsque vous utilisez un graphique à barres horizontales ou verticales, essayez de concevoir la bande en fonction de la bande de valeur maximale.

ne montre pas plus de 5 valeurs lors de l'utilisation de diagrammes de ligne; Ne montrez pas plus de 7 valeurs lorsque vous utilisez le graphique à barres




Ces graphiques sont utilisés pour afficher la partie des villes

Les données intuitives, les graphiques circulaires et les diagrammes en forme ne sont pas faciles à utiliser. Ces graphiques sont les plus couramment utilisés, mais il est également facile d'utiliser mal. Étant donné que le tableau de cercle et le graphique sont trop nombreux, la même valeur est beaucoup, alors l'expérience de lecture est très mauvaise. Les gens ne peuvent pas voir la différence lors de la navigation dans les coins et les zones de la graphique de cercle et de l'organigramme.


    Ces graphiques utilisés pour afficher la distribution
. Les enregistrements peuvent vous aider à comprendre la valeur d'exception dans les données. PhanCoordination normale et plage d'informations.


Évitez d'utiliser le type de graphique

pour éviter d'utiliser certains types de graphique. Dans le passé, le programme de données de graphique était très important pour la conception d'interface de fond, mais la conception est maintenant rendue obsolète. Graphiques 3D et conceptions excessives de capacités d'entrevue très médiocres, ont dispersé l'attention du développement de données difficile, il n'est donc pas nécessaire de le concevoir comme ceci.



Choisissez différents types de graphiques

Lors de la sélection du graphique, certains problèmes peuvent être pris en compte:
Graphique, vous souhaitez afficher certaines variables?

Pour afficher la valeur des différents moments, ou la valeur des différents éléments ou différents groupes?

Combien de points de données sont disponibles pour chaque variable?

3. Les spécifications de noms, les formats de date et les divisions numériques doivent être unifiés et supprimés


L'interface d'arrière-plan consiste principalement à obtenir des informations rapidement, donc chaque détail est très qualifié.Également. Le plus gros avantage de l'utilisation du cadre est clairement la cohérence des données et si les données sont nommées de la même manière dans chaque outil, vous pouvez utiliser ces outils plus faciles. Un cadre peut résoudre tous les problèmes.

4. Déterminez la mise en page, la commande et la priorité


maille peut vous aider à aligner et de manière uniforme, à créer la structure de base et le squelette de votre conception. Ils incluent des lignes "invisibles" et peuvent être placées en ligne. La grille peut intégrer tous les éléments du système du système et rendre l'interface plus disposée. Ceci est très important pour la conception de l'interface de fond car la grille peut créer un grand nombre de dispositions d'informations compactes.


Grid et Module

Lorsque les informations de présentation, veuillez noter:


Normalement, la première personne concentrée entrant dans la zone en haut coin gauche de l'écran, de sorte que les informations principales peuvent être posées de gauche à droite. Bien sûr, des habitudes de lecture de certains ngLes gens peuvent être inversés. Après que tout le monde soit lu, ils continueront de lire la ligne suivante. Par conséquent, lorsqu'une partie de l'information est basée sur d'autres informations, faites attention à leur ordre avant, de sorte que les utilisateurs puissent visualiser de meilleures informations, parcourir rapidement.


    Lecture de la routine de priorité et de la mise en page



5. Utilisez des uniformes structurels lorsque des ingrédients

est déterminé, vous pouvez apporter des informations, des graphiques et du contrôle avec plusieurs composants. La carte est très simple et facile à utiliser, le plus grand avantage de la carte est modifié, fonctionnant et expansion illimité. Pour la conception de réaction, la carte est une bonne option car la carte est un conteneur de contenu facile à expansion ou minimisé.




Une caractéristique importante de la carte peut contenir des informations, des diagrammes et des contrôles
données de l'Union typographique. Nom Dans le coin supérieur gauche, réglez la vue ou utilisez la commande dans le coin supérieur droit de la carte et le reste est le contenu. Quand toutes les structures tPourquoi est unifié, les utilisateurs sont faciles à utiliser l'interface et trouvent facilement le contenu souhaité.


Fusion de la typographie
Lorsque la rétroaction ou l'utilisateur est personnalisée, il est bon d'utiliser les types de sujets d'exportation ci-dessus. Souple. Tous les contrôles majeurs sont toujours dans une position spécifique lorsque la carte est exagérée ou raccourcie. Ceci est utile pour l'évolutivité générale du développement et de la conception.
6. Développer la zone blanche
zone blanche, espace négatif, mentionner la zone entre les éléments de la disposition de la conception. Les utilisateurs ne peuvent pas comprendre l'espace négatif, mais les concepteurs ont besoin d'une attention particulière. Si l'espace négatif est déséquilibré, la lisibilité de cette interface est très mauvaise, l'espace négatif est donc aussi important que d'autres types de caractères.


Différence de distance de distance 24px



7. Ne pas masquer les informations ou l'interaction dépend trop

Interface nPrincipalement pour comprendre rapidement les informations approximatives, mais si cela implique le rouleau ou une trop grande interaction, il ralentira l'efficacité de l'utilisateur.



Le bâtiment a frappé

L'erreur la plus courante des concepteurs a été conçue pour rouler, l'interface derrière la longue. Ils veulent montrer plus d'informations d'une manière simple et ils iront au ruban, de sorte que trop d'informations soient empilées, les utilisateurs sont donc difficiles à comprendre. Cependant, cela ne peut que causer des informations sur l'écran d'affichage et les informations suivantes ne sont pas roulées, les utilisateurs sont donc difficiles à voir les informations suivantes. Dans ce cas, pourquoi voulez-vous mettre ces difficultés?


La solution organise des informations. Après une recherche et des entretiens complets, il sera en mesure d'identifier le contenu principal, d'afficher uniquement le contenu de la serrure avec la zone d'affichage. Ne racontez pas l'histoire, vous voulez montrer les informations principales de raffinement. Une interaction supplémentaire peut être utilisée comme moyen de contenir plusieurs hReconnaissant, au lieu de permettre aux utilisateurs d'être écrasés.


ne s'appuie pas sur des informations d'affichage interactives excessives

Interactive Aide L'interface affiche les informations de la dernière fois. Mais dépend absolument de l'interaction, de cette façon, c'est comment utiliser l'interface de fond, c'est une grosse erreur. Dans l'exemple ci-dessus, l'utilisateur doit basculer sur le nombre d'onglets pour obtenir un graphique complet. Ceux qui sont cachés pour lire des informations sur Tibétain Tab sont très pauvres, comme des informations cachées sous l'écran.




Plus d'informations sur l'arrière-plan
sur l'interface d'arrière-plan, trop de conception et ce serait contrepoids. Assurez-vous de savoir que les gens ont une mauvaise mémoire pour beaucoup de choses. Ne soyez pas trop élevé pour les utilisateurs, ne laissez pas les utilisateurs à utiliser trop de données, vous pouvez créer une page avec jusqu'à 5-7 composants. Sinon, les utilisateurs sont difficiles à se concentrer sur l'obtention d'une vue d'ensemble d'informations claires.

8. Personnalisé au lieu deTuning

Les utilisateurs souhaitent afficher le contenu, la personnalisation et la coutume concernant leurs besoins personnels, permettant aux utilisateurs de voir leur propre contenu important. La personnalisation est définie par le système principal, l'ID système permet d'identifier les utilisateurs et de fournir aux utilisateurs du contenu, de l'expérience ou des fonctions correspondant à son rôle et personnalisés par l'utilisateur eux-mêmes. Afin de répondre aux besoins spécifiques, les utilisateurs peuvent configurer la fonction de mise en page, de contenu ou de système dans le système pour personnaliser ou modifier l'expérience.


Personnalisez la vue arrière

sur la base de personnalisée par l'interface, vous pouvez fournir aux utilisateurs de nombreux choix que. Fond de bureau personnalisé. Mais en général, de nombreuses méthodes personnalisées sont une excuse, échappant au processus de recherche de l'utilisateur ennuyeux, n'échappent pas vraiment à tous les utilisateurs dans des besoins réels. Enfin, mettez tout pour les utilisateurs et laissez-le créer une page. [douzième3]

9. Lorsque vous suivez une table de données ou une liste, assurez-vous que la table de données est une bonne solution lors de l'interaction et de l'alignement des données

montre que beaucoup d'informations croient. Exemple: nom, statut, contacts et activités récentes dans la liste des clients, V.V. Ces feuilles de données sont le meilleur moyen. La fiche de données présente de nombreux avantages, l'espace est bon, l'évolutivité est bonne et le développement est simple. Les utilisateurs sont également beaucoup d'habitudes et de grilles, car la plupart des utilisateurs utilisent Excel pendant de nombreuses années, faciles à trouver et modifier les données.


10. Enfin, il est considéré comme un effet d'image
, car les données d'interface intuitives sont l'interface de fond la plus forte de l'impact intuitif, il est souvent conçu pour la conception des concepteurs. La tâche principale. Au lieu de cela, je suggère la conception finale d'un aperçu de l'interface de données visuelle dans le monde entier.


Les données visuelles sont une vue sommaire de tous les autres contenus, affichésL'actualité principale de chaque département et la concevait enfin plus réalisable.

Sinon, l'interface intuitive de données est renvoyée et mise à jour en continu lors du traitement d'autres pages.En outre, une fois l'interface conçue, vous pouvez utiliser un grand nombre de composants à nouveau.

Original: https: // uxplanet.org/10-rules-design-f68189d734c


Traducteur: Bravert, numéro de public: CAI Yun Conception de traduction

Cet article est copié partagé, s'il est pertinent pour travailler, droit d'auteur et autres questions, veuillez nous contacter pour supprimer la première fois (Micro Signal: LOVEDATA0520)

Sujets