Skip to main content

Dans certaines situations de travail, il peut y avoir un tel scénario:


Le patron a marqué un rapport sur le concepteur visuel, laissez-le le convertir en une belle donnée. Le L'affichage est pratique pour signaler, surveille cette pile de chiffres, le designer est difficile, vous me permettez d'effectuer des œuvres d'art et d'expression de trois données, comment gérer ce tas de données?


En fait, c'est parce que le patron donne un concept de "visualisation d'informations" et "visualisation de données" au concept de "visualisation de données", qui est très proche de la demande réelle, et parfois Peut être utilisé pour se remplacer mutuellement.

Visualisation des informations "Infographie (Information graphique" paie plus d'attention à l'art, il est spécifique, indépendant, nécessaire pour être personnalisé. Aucune visualisation ne peut générer une image spécifique en fonction de toutes les données et d'étiqueter le texte interprétatif ci-dessus.




2013Les informations sont de belles récompenses Interaction interactive Copper Award Award US Pistolet Periscopic


Visualisation des données Le concept de "visualisation de données" est Différent. Il a une universalité plus large, et le même tableau de classe ne change pas son propre formulaire d'exposition en raison des différentes données et que les utilisateurs créent des rapports en appliquant des données. La plupart des fabricants appartiennent au service de planification stratégique ou à l'unité commerciale, tels que les analystes de données, les opérateurs, etc.


Colonne de diagramme électronique

"Néase a un numéro" est un produit d'analyse de renseignement commercial indépendant introduit par NetEase, fournissant un rapport visuel de données flexible. Fonction de production, son principe de conception consiste à rendre des rapports dans leurs propres idées d'analyse, du processus d'exploration de données, et de résoudre finalement le problème. Afin de répondre aux scénarios d'utilisation que les utilisateurs flexibles, n'importe où, le produit migre la fin Web sur le mobile.


Pour le concepteur interactif, il est absolument incapable de démarrer le module de fonction et de tenter de poser la teneur en gros écran conformément au processus de conception précédent. Petit écran.

Premièrement, il convient de reconnaître:

(1) Le produit à outils B-B a une opération élevée, des caractéristiques complexes logiques et le fonctionnement de la bande n'est pas pour beaucoup de personnes.Bien jouer, mais le côté Web du Web est grand et il y a plus de contenu d'affichage. Par rapport au côté Web, le terminal mobile est plus ramassé dans le contenu d'affichage et est important à montrer.

(2) L'utilisation de téléphones mobiles est plus fragmentée et n'occupera pas un grand temps dans la vie quotidienne, il ne convient donc pas de transformer des problèmes complexes, et une opération complexe est simplifiée est l'une des priorités de conception.


(3) La performance du téléphone est plus forte que le navigateur sur le cache mis en cache, elle doit donc être minimisée autant que possible du réseau, qui peut être affinée à la natif de ne pas charger de la la toile.


Résumé: Les points suivants sont des problèmes qui doivent être résolus au cours de cette conception:

Comment dépenser une information de carte dans l'espace limité

Comment redéfinir le module de fonction de la clé de la liste Web

Comment redéfinir la redéfinition du mode interactif de la borne mobile


1, des utilisateurs cibles clairs et une scène d'utilisation

J'ai entendu une vente de produits BI en train de dire: à C Produits C Besoin d'être convaincu et des produits B doivent convaincre le patron de l'utilisateur. Aux produits C par rapport aux produits C, les produits B font plus attention aux avantages commerciaux. Si

"Bon usage"
Les bénéficiaires directement sont des analystes de données, alors

"" beau "

est la raison du patron de la société" belle apparence "ici n'est pas seulement l'interface belle , plus de contenus graphiques peuvent clairement rétroactiver des informations précieuses, peuvent découvrir les problèmes internes cachés, peuvent faire référence au post-développement de la société.




L'extrémité Web peut transporter davantage de fonctions, offrant plus d'opérabilité d'analyse professionnelle et les caractéristiques du terminal mobile sont légères, flexibles et pratiques, non limitées par espace de temps.. Pour les couches de prise de décision, il est très rare de faire une carte pendant une longue période. La plupart des décideurs devraient être discutés et analysés dans la salle de conférence, ou à tout moment en dehors de la société. Surveiller les modifications des indicateurs clés et faire correspondre mesures de commande et de réponse. Par conséquent, le côté Web se concentre sur la "modification" et le centre de mise au point sur le terminal mobile doit être placé sur "lecture".



Deuxièmement, l'extraction de module de clé clarifie la demande de base "View" des concepteurs de terminaux mobiles peut rendre les hiérarchies pour la fonction de la bande côté doit être migré. Premièrement, jetons un coup d'œil au processus d'utilisation et aux modules de fonctions principaux de la fin de la bande: Un produit d'analyse de données est généralement composé des modules suivants:

Source de données, modèle de données, rapport, tableau de bord





La source de données est configurée pour établir un modèle de données , Configurez les données importées, formez un modèle de données, puis dessinez un rapport via le champ DATA dans le modèle de données, et les différents rapports du dessin sont définis sur le tableau de bord et le processus complet se termine.. Il semble que cela soit très compliqué. En fait, cela ressemble beaucoup au processus de cuisson, la source de données est des ingrédients, le modèle de données correspond aux ingrédients traités, la modification du rapport équivaut à la cuisson des ingrédients, la formation finale de la tableau de bord et la nourriture qui ressemble à la ressemblance cuite.


Les principaux besoins du terminal mobile sont

pour afficher puis nous nous concentrons sur le module de migration qui devrait être concerné est le tableau de bord


Dashboard de la borne Web



CLECT après le module qui doit être migré, il est nécessaire de Faire une disposition du module



Comme indiqué: La zone de graphique est principalement utilisée pour montrer des rapports, prendre une grande partie de la zone, les utilisateurs comprennent leur activité à travers cela. interface. La zone de liste de fichiers est utilisée pour résumer et organiser chaque niveau de fichier et jouer un rôle dans la planification et la navigation. Le filtre est plus populaire auprès d'un filtre, qui est l'une des opérations les plus fréquentées, qui convient aux utilisateurs de filtrer leurs informations les plus importantes basées sur différentes dimensions. L'exploration de la fonction est également élevée, mais il existe un certain coût d'apprentissage pour l'utilisateur, la priorité est relativement faible. Il existe également des utilisateurs d'assistance fonctionnelle courants pour accroître l'efficacité lors des rapports de navigation; tels que la navigation de données, rafraîchir, etc. Selon la disposition du module de la fin de la bande, nous pouvons essayer d'organiser la structure générale dans le terminal mobile, puis d'affiner et d'améliorer continuellement la conception sur le cadre.

Troisièmement, la définition de geste d'opération Tous les gestes de la fin de la bande et du mobile

L'une des caractéristiques du produit à outils est de fonctionner fréquemment dans le processus. de la migration, envisagez de respecter le moyen interactif de respecter le terminal mobile, il est recommandé de suivre les procédures suivantes:

(1) Sujet Tous les gestes de fin de la bande et les fonctions correspondantes

(2 ) Juger quelle partie de l'opération peut être directement étendue

(3) pour redéfinir l'interaction sans interaction [



Comme indiqué: Certaines gestes de fonctionnement à la fin de la bande peuvent être étendues directement, telles que le clic sur, double-clic, glisser, mais une opération de la face Web Les gestes sont incapables de faire de manière excessive, doivent repenser les gestes correspondants. L'opération spécifique est finalement déterminée selon l'entreprise spécifique.


Lorsque la perspective de l'analyste de données, le graphique sera généralement classé en fonction de son expression, telle qu'une image appropriée pour les tendances analytiques. Convient pour l'analyse La carte proportionnelle, etc.



Contient le type de graphique traditionnel tel que la carte pilier, la carte de ligne , etc écraser le type maximum, le contenu le plus utilisé, le plus interactif et le plus général






. Le graphique a son mode de fonctionnement personnalisé et la recevabilité générale est relativement étroite




. L'opération est petite, et la fin de la bande est la plus élevée, la plupart des gestes peuvent être prolongés.

Selon le geste de la définition de la classification du graphique

Un problème qui est souvent rencontré. Lorsque le graphique de l'axe est affiché dans la borne mobile: l'élément de données est très difficile à sélectionner, car l'espace de la bande est suffisamment grand, nous pouvons facilement sélectionner et afficher des données spécifiques, et l'écran du terminal mobile est petit et Plusieurs fois, la lumière n'est pas capable de sélectionner les données de linge dense, où la bande n'est pas étendue. Afin de résoudre ce problème, vous pouvez introduire le concept du sélecteur.


Sélecteur curseur adapté aux graphiques

qui peut localiser des éléments de données dans une direction
, par exemple: colonne ordinaire, diagramme de ligne ordinaire, diagramme régional ordinaire, etc l'ensemble de l'espace de fonctionnement est concentré dans le basLe ministère garantit également que vous pouvez être sélectionné quel que soit les petits et les autres éléments de données.

Sélecteur croisé


Le sélecteur croisé convient au graphique de l'élément de données ne peut pas être positionné dans une direction.


Par exemple: Terrain de dispersion, colonne empilée, diagramme de lignes multiples, multi-zone, etc élément de sélection de la sélection croisée du doigt, la zone de fonctionnement couvre tout l'écran.


Sélecteur triangulaire


Ne prenez pas de cartes axiales, généralement spéciales, sexuelle générale sans graphique, mais il y a aussi un certain La loi peut être suivie; le sélecteur de triangle convient au graphique à secteurs, Nandinreto et ainsi de suite.




Le sélecteur de pointeur convient au schéma anneau, Nandin


Outre l'opération de graphique, les utilisateurs doivent souvent afficher leurs noms respectifs de différentes couleurs, généralement affichés au-dessus du graphique, le Web L'écran latéral suffit, peut être lu, presque aucune opération supplémentaire; mais dans le mobile, ignore même la longueur de chaque nom, voir toutes les légendes, c'est difficile, auquel cas nous devons permettre aux utilisateurs de faire glisser l'opération dans cette zone. et vous pouvez faire des bottes d'exploitation si nécessaire.


Panneau d'exploration
Le panneau de fonction d'exploration comprend une opération courante, telle que le tri, les éléments de données masqués, etc dans la bande Web est Activé par clic droit; mais ne cliquez pas avec le bouton droit de la souris sur la borne mobile, le bouton droit peut être remplacé et le panneau peut être déclenché.



Boîtes d'info-bulle est actionné dans le fonctionnement de la carte d'extrémité Web Il est également courant, lorsque l'utilisateur se survol est sur un élément de données , les détails de cet élément de données seront répertoriés dans l'info-bulle; mais il y a quelques problèmes sur le terminal mobile. Tout d'abord, le terminal mobile n'a pas d'opérations de survol.Deuxièmement, certains éléments de données ont de nombreux détails, il est très probable qu'une grande couche flottante couvre la majeure partie du graphique. Lorsque vous faites glisser le curseur pour parcourir les informations de données, ce flottant glissera avec vous. Il existait déjà, affectant la beauté. Nous mettons donc les informations dans l'info-bulle en haut de l'écran pour vous assurer que la couche flottante ne bloque pas le graphique. Si l'affichage supérieur n'est pas affiché, il est autorisé à faire glisser la glisser horizontale pour parcourir tous les détails.


La présence de la table La fin est très similaire, et il n'y a pas beaucoup de fonctionnement. Sur le côté déménagement, vous devez faire attention au rapport de format et à la fin de la bande, vous pouvez faire des règles pour vous assurer que vous pouvez facilement parcourir toutes les données.



Enfin, un diagramme comparatif de la migration est envoyé. Si vous souhaitez voir plus de contenu de graphique, bienvenue pour rechercher des "numéros" pour faire l'expérience de nos produits.



Conclusion:


Ce qui précède est certains de mes exploits dans le processus de travail certains de la finition et du raffinage de Le tableau des données du terminal mobile, les données ne sont pas ennuyeuses, chacun des graphiques de base a ses caractéristiques, en maîtrisant ces qualités, faisant des graphiques pour différentes entreprises dans différentes industries, aidant les personnes à comprendre les données et à prendre des décisions la valeur de la visualisation des données . Le public du produit du produit B est étroit, le contenu du contenu est également très différent des produits C, mais certaines des méthodes de conception et des processus de conception sont courantes, dans l'espoir d'apporter une certaine référence pour tout le monde, le cas ci-dessus, le point de vue est inévitable qu'il y ait plus de conseils et de communication.



Original: "La différence entre infographie et visualisation" Robert Kosara

Traduction: «Infographie) et la distinction de la visualisation« EQ inconnu



Sujets

Catégories