Les tests chapitre 5 - Visual.ly

Dès l'arrivée sur le site, le slogan "Tell your story visually" nous aiguille directement au coeur de la fonction de l'application. Le tout sera de raconter une histoire à l'aide de l'image soit du support visuel. Une infinité de shémas sont représentés en page d'accueil pour nous présenter les créations. A nouveau, le site est disponible uniquement en anglais. Un "Start a Project" discret au centre nous indique la porte d'entrée.

Dès le clique sur "Start a Project", une vidéo explicative de l'application nous distrait durant quelques minutes laissant la place à lune fenêtre pour l'enregistrement du consommateur! A cet instant précis un petit encadré nous demande de décrire notre projet et de le soumettre aux administrateurs du site lesquels prendront contact avec nous pour nous donner le feu vert ou rouge, à l'utilisation de l'application! 

Pour nous, Visual.ly dès lors devient difficile d'accès. 

La suite dans quelques semaines, restez connecté !!

Grille d’évaluation des applications

Chers visiteurs,

Nous voilà arrivés à la fin de notre quatrième présentation d’applications infographiques.

Notre objectif consiste en la présentation de six applications et par ce biais d’en ressortir la killer app, soit l’application qui ne laissera personne indifférent. Pour ce faire nous vous présentons aujourd’hui, à mi-chemin, les critères pris en considération :

 Ergonomie 

• Efficacité
• Atteindre le but fixé
• Atteindre le but en peu de temps, facilité
• Satisfaction, confort, confidentialité, enregistrement

 Graphisme

• Sobriété dans le sens d’efficacité
• Qualité du rendu
• Choix des graphiques

 Coûts

• Dire ce qui est payant

 Simplicité 

• Global
• Simplicité des graphiques

 Utilité 

• Pertinence des graphiques proposés

Nous utilisons cette tabelle pour évaluer chaque test. L’appréciation se passe aux moyens d’étoiles de une à cinq suivant la satisfaction du critère.

Nous ne publierons certainement pas les évaluations complétées mais procéderons par une présentation visuelle d’un graphique pour chaque test effectué avec un point positif et un point négatif. 

Après tout, notre but n’est-il pas de « Hush, be visual » ?

Les tests chapitre 4 - Hohli

Le test
Apparences du site

C’est un site peu accueillant au graphisme fade laissant croire à l’abandon qui nous ouvre ses portes. Cependant ne nous limitons pas aux apparences mais plongeons ensemble à la découverte de cette application.

En parcourant la première page, nous découvrons une série de modèles graphiques élaborés par les utilisateurs. En continuant de cheminer cette page, le choix des dimensions ainsi que la taille et la forme du graphique désiré nous est présenté. Un encadré nous propose d’entrer les données essentielles à la réalisation de notre chef-d’œuvre. Ce passage se termine par le choix du background.

Création graphique et mise en page

C’est parti! Nous commençons par choisir pour cet exemple, un diagramme sous forme de barres. Dès cette étape, l’option du choix de la taille se présente directement sous nos yeux ébahis. Il faut néanmoins souligner que suivant certains modèles sélectionnés, toutes les  tailles ne nous seront pas proposées. Les dimensions développées ne dépassent pas les 1000px ce qui n’est évidemment pas pratique si nous voulons imprimer notre diagramme selon un format assez conséquent. Les datas sont les données que nous souhaitons inscrire dans notre diagramme. Nous poursuivons par la saisie du texte, sa couleur ainsi qu’une formule ou un chiffre selon l’objectif de notre démarche.

exemple de graphiques proposés

Un aperçu de notre œuvre situé sur la droite de notre écran nous suit durant toute la conceptualisation de notre diagramme. Si nous cliquons dessus, nous pouvons le visualiser en grand format.

Jusqu’ici, l’application consiste en un jeu d’enfant. Attention, une réflexion particulière nous est demandée au point stratégique des axes. Posons-nous plusieurs questions « existentielles » : D’où partent-ils? Comment sont-ils séparés? Quels styles, positions et couleurs adopter… Merveilleux, tout est personnalisable. L’arrière-plan sera-t-il uni, dégradé ou encore linéaire? C’est à ce moment que l’artiste qui sommeille en vous peut s’exprimer librement.

Nous voilà arrivés au fond du document et aucun bouton “SAVE” n’apparaît dans notre champ de vision. Pour enregistrer notre diagramme, nous devons cliquer sur l’aperçu qui nous a accompagné tout au long de notre création. 

Nous pouvons directement le partager sur les réseaux sociaux, l’envoyer par mail ou simplement le sauver. Deux options se présentent à nous : clic droit et ensuite enregistrer sous ou alors copie du lien.

Enregistrement et accès

Hohli ne demande aucun enregistrement par l’utilisateur, l’accès est libre.

Avis

Hohli ne paraît pas accueillant mais une fois lancé dans la création, nous oublions cette première impression grâce à son caractère d’utilisation pratique et simple. Les étapes sont faciles à suivre, les choix sont multiples et le résultat est propre. Contrairement à d’autres outils, les diagrammes sont proportionnels aux chiffres entrés ce qui rend la lecture plus juste. Dommage que la première impression ne concorde pas avec les capacités remarquables de ce site. 

Les tests chapitre 3 - many eyes

 

Aujourd’hui c’est l’application « Many Eyes » que nous allons vous présenter. Comme le prédit si bien le nom du site, chaque œil trouvera sur cette application le graphique qui lui parlera le mieux. Quel que soit la direction, les choix multiples proposés assouviront le besoin de l’utilisateur. Many Eyes est une application (plateforme) infographique présentée par la fameuse société IBM.  

Le test 

Apparences du site 

En premier lieu, la page d’accueil du site met en avant les possibilités graphiques offertes aux utilisateurs. Le logo de l’application montre des regards tournés vers différents horizons. Le tout reste structuré et clair avec une barre des onglets proposés sur la gauche de l’écran. Cependant, le site est entièrement énoncé en anglais.

Nous pouvons visualiser tous les graphiques déjà produits sur ce site. Les utilisateurs peuvent se contacter afin de donner avis, astuces et conseils sur le sujet, tel un forum de discussion ce qui le démarque déjà de ses concurrents.

La création graphique

La création se passe en trois étapes : tout d’abord il faut choisir le type de graphique, ensuite nous pouvons créer notre document et pour terminer, nous personnalisons ce dont nous sommes d’accord de publier. Suivant le besoin de l’utilisateur, l’application va lui proposer des graphiques correspondant à son envie afin de mettre en valeur ce dont il veut dégager.

Enregistrement et accès

Comme pour les autres services infographiques, il est nécessaire de se connecter pour participer. Une fois enregistré, toutes les fonctionnalités du site sont accessibles : voir et discuter des visualisations, créer des visualisations à partir d’ensembles de données existants, télécharger les données, créer et participer à des centres thématiques, etc.

Mise en page

Une section du site donne des explications claires sur ce qui est autorisé et compatible sur Many Eyes : style, importation de données, manière de présenter (en-tête, tabulations, etc.). Divers tableaux nous sont présentés afin de bien voir la mise en forme demandée.

Avis 

L’application est agréable. De plus, l’utilisateur dispose d’un « questions-réponses » afin de lui permettre de juger s’il se trouve au bon endroit, sur le bon site. Les types de questions sont les suivants : qu’est-ce que je peux faire ici ?, les nouveautés, quels sont les supports disponibles ?, comment puis-je recevoir des commentaires et suggestions ?, etc.

Un feedback permet également aux usagers de donner simplement leur avis aux administrateurs du site qui sauront être à l’écoute de ses utilisateurs afin de à jour et compétitif.

Many Eyes donne ainsi une vision claire sur l’évolution de la mise en forme graphique de données. Le service est bien détaillé pour les novices et en comparaison par rapport à ses concurrents entièrement gratuit. La communauté crée autour du site est un vrai point fort, puisque le partage reste le moyen le plus simple pour progresser.

Les tests chapitre 2 - easel.ly

Easel.ly, easelly, easily? Est-ce si facile, comme nous le dit son nom, d’utiliser ce site? Nous allons vous décrire toutes les étapes de notre voyage à travers ce site de services infographiques.

Le test

Arrivés sur la plateforme en ligne, nous remarquons qu'il s'agit d'une version bêta, c'est-à-dire que ce n'est pas encore la version définitive (plus d'informations ici). Nous nous retrouvons face divers instruments de travail. On nous propose de choisir, soit un thème, comprenez ici une infographie déjà faite, que vous changerez afin de la mettre à votre goût, soit une page blanche selon trois formats (portrait, paysage, mobile).

Exemple des graphiques proposés

Ensuite, plusieurs outils vous permettent la création et la modification :

•  fonds (diverses couleurs et effets de matière)

• objets (personnages, animaux, bannières, nourriture, icônes, monuments, cartes, nature et moyens de transport)

•  formes (flèches, ronds, carrés, bulles, etc.)

•  texte selon trois styles prédéfinis (titre, en-tête, corps) qui sont modifiables avec la barre d'outil suivant

Barre d'outils présentée

Il est possible de télécharger ses propres fichiers pour les intégrer à la création. De plus, tous les objets intégrés peuvent être modifiés : taille, position, duplication, opacité et verrouillage sont disponibles. L'ajout d'une grille permet de les aligner, l'annulation des dernières actions demeure très utile tout comme la fonction zoom.

Réglages possibles

Note : pour ajouter des éléments, il faut les choisir dans la liste et les glisser sur le dessin.

Une fois le chef-d'œuvre terminé, le bouton "save" devient alors une évidence. Cependant, il faut s'enregistrer, et, pour l'instant, notre inscription n'a toujours pas reçu de confirmation ou une quelconque autre réponse. Il ne reste donc plus que la possibilité de la capture d'écran qui s'avère bien maigre face aux multiples possibilités qu'offre ce site.

Au niveau  du coût, il apparaîtrait que le service soit gratuit. Mais le conditionnel est de mise, vu que nous n'avons pas les moyens de vous dire ce qui est proposé après l'enregistrement.

Avis

Ce service infographique n'est pas orienté graphique comme l'était infogr.am. Il n'est donc pas possible d'obtenir des comparaisons proportionnelles à des chiffres donnés. Toutefois, il est possible de modifier la taille des objets que nous ajoutons afin de créer lesdites comparaisons. Easel.ly est un outil très intuitif, aux vastes possibilités. Si l'imagination est au rendez-vous, le rendu peut être époustouflant. Le seul bémol réside dans la non-réponse à notre inscription. Cependant nous espérons que cela n'est qu'un cas isolé et que, pour la majorité des utilisateurs, celle-ci se passe rapidement.

Les tests chapitre 1 - infogr.am

Tout d'abord, nous tenons à nous excuser du retard (qui sera rattrapé dans la semaine) de publication de cet article. En effet, la vie d'étudiant est chargée, encore plus lorsqu'elle est conjuguée à une activité professionnelle.

Aujourd'hui, nous allons vous faire part de nos avis concernant le premier service infographique nommé infogr.am. Mais avant tout,une présentation s'impose.

Infogr.am est connecté évidemment sur les réseaux sociaux et possède un blog qui nous tient au courant des news liées aux services dispensés et qui nous montre quelques applications infographiques telles que l'ensemble des pays de l'Union européenne selon la grandeur de leur territoire. Visible sur ce lien : http://infogr.am/EU-countries-by-area, on y apprend que l'équipe infogr.am est composée de cinq membres : deux fondateurs, une designer, un conseiller marketing et un conseiller commercial.

Infogr.am a vu le jour le 1^er février 2012. Il s'est très vite développé et a remporté plusieurs prix pour l'innovation du service. Sept mois après sa création, l'entreprise fête la 100'000^e création infographique faite depuis son site. Trois mois plus tard ce chiffre a tout simplement doublé. Aujourd'hui infogr.am se résume à :

•   plus d'un million de représentations infographiques crées

•   plus de 500'000 utilisateurs et utilisatrices

•   une société basée en Lettonie

Le test

Arrivée sur le site internet, infogr.am. Après avoir présenté en quelques mots cet outil infographique, passons à son utilisation. Ce fabuleux site va nous permettre d'illustrer nos données, de les éditer (et de les importer depuis un tableur type excel), de les télécharger et de les partager sur les réseaux sociaux. Pour se lancer dans l’univers infographique, il suffit de cliquer sur "Start now, it's free" (comprenez : "Commencez maintenant, c'est gratuit !").

Notez que tout le site est en anglais, sans possibilités de changer la langue, et les services suivants le seront également. Oublions d'ores et déjà de trouver un équivalent en français.

Premièrement, une inscription est obligatoire pour pouvoir accéder à la création de graphiques infographiques. Ceci étant fait, nous arrivons sur une page d'accueil nous proposant trois possibilités : la création, le répertoire de nos créations et la possibilité de passer à un compte pro. Vous l'avez donc compris, il y une version payante qui se chiffre à 18$ par mois ou 180$ par année pour les particuliers. Un abonnement "entreprise" est aussi disponible.

Nous nous contenterons de la version gratuite qui donne accès à tous les outils de création pure. Pour commencer nous pouvons choisir de démarrer la création, soit un thème avec des graphiques "modèles" et des pseudos textes, soit par un graphique.

31 graphiques ou présentations de données sont disponibles :

Barre des tâches proposées

A cela s'ajoute la possibilité d'insérer un décompte temporel selon une date que l'on fixera. L’application dispose également de cartes avec des données par pays et des éléments de synthèse d'informations constitués d'icônes (flèche vers le haut, flèche vers le bas, personnage, étoile, rond, homme, femme), de données chiffrées et d'une explication.

De plus, nous pouvons ajouter des images au format JPG, PNG ou GIF et importer une vidéo depuis les plateformes Vimeo et Youtube.

Vous l’avez compris, le choix est vaste et selon les graphiques plusieurs réglages permettent de les mettre à notre goût : changement des couleurs (autres que celles en harmonie avec le thème choisi), taille de l'échelle, nom des axes, etc.

Les données sont insérées dans un tableau qui se présente comme dans l'image ci-dessous. Nous vous conseillons d'éditer les données sur un tableur, car celui-ci est largement limité au niveau des fonctionnalités.

Insertions des données

En ce qui concerne les textes, ils peuvent être insérés selon des types prédéfinis dont on ne pourra changer ni la police, ni la taille, ni la couleur. Il y en 4 types : titre, sous-titre, corps de texte et citation.

A tout moment, il est possible d'obtenir un aperçu du résultat final.

Finalement, dans la version gratuite, le service se termine par un téléchargement sur les réseaux sociaux Pinterest, Facebook et Twitter avec une URL publique. La version payante nous donne ces possibilités auxquelles s'ajoutent une URL privée et une possibilité de téléchargement en format PDF.

Avis

Le coût est rédhibitoire mais demeure incontournable si l'on veut faire de ce site un véritable outil professionnel, cependant celui-ci reste relativement raisonnable. Le site d'Infogr.am en lui-même est bien conçu, avec un design dans l'air du temps et un environnement intuitif. Il arrive cependant que des fonctions ne se retrouvent pas là où l'on pensait les trouver, mais cela relève de l'exception.

____________

http://www.infogr.am
http://blog.infogr.am