La visualisation des données: la conception pour les appareils mobiles

Jusqu'à il ya quelques années, quand un designer a créé une annonce ou une brochure sur papier, elle pourrait planifier exactement à quoi il ressemblerait après qu'il a été imprimé. Le concepteur savait le format et comment les clients serait la voir. Cependant, la popularité des appareils mobiles a augmenté, et les concepteurs ont dû faire face à deux nouveaux problèmes de conception:

• Conception d'interfaces d'appareils mobiles

• Création d'applications pour les appareils mobiles

Avec l'avènement de l'Internet, les concepteurs en ligne utilisé les quelques navigateurs Web qui étaient disponibles pour planifier la façon dont leurs conceptions seraient regarder l'écran. Les outils disponibles étaient un peu brut, mais le design est assez simple. Si il a testé chaque navigateur web, un concepteur pourrait déterminer ce dont il avait besoin pour fixer de sorte que la conception semblerait en ligne droite.

Maintenant, les concepteurs doivent concevoir pour une foule d'appareils mobiles, dont chacune a ses propres besoins excentriques. Par conséquent, les complexités de la conception de visualisations ont grandi.

Embrassant responsive design

Pour faire face à la question de plusieurs tailles d'écran et les systèmes d'exploitation, les concepteurs utilisent le principe de responsive design (RD). RD se réfère à une interface ou la mise en page qui peuvent se reconfigurer selon l'endroit où il est en cours de visualisation. Le terme a été inventé par Ethan Marcotte dans un article de 2010 qui a reconnu la nécessité pour les concepteurs pour aborder la question des exigences d'écran multiples.

Une conception de site Web qui est sensible encore semble bon si vous affichez sur votre ordinateur de bureau ou sur votre smartphone. Les bords arrondis et d'icônes qui sont communs sur des appareils plus petits tombent automatiquement en place.

Dans son article, Marcotte a cité les trois domaines dans lesquels RD peut avoir le plus d'effet dans la conception web:

• Grilles fluides: La grille est l'outil que les concepteurs utilisent pour exposer leurs créations, indépendamment du fait que ces dessins seront consultés en ligne ou hors ligne. Dans la figure suivante, une conception de la grille a été transformé pour trois formes d'écran.

  
  Conception de la grille traduite dans les différents écrans.

• Images flexibles: Lorsque vous avez des images dans un billet de blog ou sur votre site Web, vous voulez vous assurer qu'ils ne sont pas coupées ou déformées. Faire en sorte que vos images peuvent reformater eux est important.

• Questions des médias: Lorsque vous saisissez un terme de recherche dans un moteur de recherche tel que Google ou Bing, vous voulez être en mesure d'afficher les résultats sur l'un de vos écrans. Ceci est un principe clé de la RD. Le contenu doit être consulté sur tout appareil mobile d'un utilisateur peut avoir. Ce qui rend la visualisation sur une variété de dispositifs un défi est que le concepteur n'a aucun moyen de savoir ce que le résultat retourné sera.

Ces idées appliquent à des visualisations de données ainsi. Vous voulez vous assurer que votre réseau ne soit pas faussée lorsque le savoir de données est visualisé sur un appareil mobile. Les images doivent être claires et le ratio d'aspect (longueur à la largeur) devraient être alignés indépendamment de l'appareil à l'utilisateur travaille avec.

Suite à des normes de conception d'applications

Les concepteurs ne veulent pas seulement une interface à l'air bien, mais veulent aussi faire toutes sortes de trucs. En conséquence, la conception de l'application est devenue une discipline en soi.

Vous pouvez vous demander pourquoi vous devriez vous intéresser à propos de la conception de l'application. Tout le monde qui a de visualiser quelque chose en ligne est soumis aux mêmes normes que tout concepteur de l'application.

Dans son article "6 règles simples d'Apple pour la conception d'un iOS App Killer," Pete Pachal décrit ce qu'il avait à faire pour obtenir de ses nouvelles app Spun certifié pour l'App Store d'Apple. (À ce jour, l'application est pas disponible dans l'App Store US.) L'équipe de Pachal avait à travailler avec Apple pour cinq mois pour obtenir tout perfectionné. Pendant ce temps, Pachal codifié six règles pour son équipe, dont quatre appliquent à la conception de savoir de données:

• La simplicité est la force. Cette règle est probablement la règle la plus importante pour les visualisations de données. Le but est d'expliquer ou de découvrir de nouvelles informations qui peuvent être utilisées pour développer des idées. Si vous vous concentrez sur un trop grand nombre de points de données, l'histoire sera perdu. Si vous créez un tableau de bord, cette règle est particulièrement important parce que chaque élément de données doit prendre en charge l'ensemble.

• Ne pas sacrifier la qualité pour le temps. Cette règle est importante pour la visualisation de données. Si vous gifler ensemble une visualisation qui est difficile à déchiffrer ou tout simplement bâclée, personne ne voudra l'utiliser. Prenez le temps de développer quelque chose de grand, et de continuer à affiner au fil du temps.

• Récompensez l'utilisateur avec chaque contact. Chaque élément de menu doit faire quelque chose d'utile. Le lien d'impression doit travailler, par exemple. En outre, chaque clic devrait fournir des informations.

• Les détails comptent. Avant que l'utilisateur clique sur un lien dans une visualisation de données, il devrait être évident où ce lien va lui prendre ou quel type de données qu'elle va voir.