JoySquare

Quel est notre projet ?

Présentation

JoySquare est un site réalisé dans le cadre du workshop « DataPlay ». C'est une représentation des données de plus 700 jeux mis en page dans de multiple carré à taille variable

Le changement de taille

L’utilisateur sélectionne un critère et le contenu évolue. On obsèrve alors un changement de taille des carrés de couleur

Cette transformation est l’aspect play le plus important de JoySquare.
Exemple

Vous décidez de voir les jeux les mieux notés.

Ceux-ci seront affichés en grande taille, tandis que les moins bien notés prendront moins de place à l'écran.
Les autres facteurs de tris

D'autres facteurs de tris tels que les genres ou les plates-formes peuvent être sélectionnés.
Je veux essayer !

User Interface

Le site se déscompose en 3 parties principales:
- 1. Le menu, sur la gauche
- 2. La DataVis, centrée et bien grande
- 3. La ligne du temps, sur la droite
User Experience

Dans le menu se trouve les critères de tri. Dans la DataVis, les jeux sont affichés dans des carrés où se trouve le titre, les platformes et une barre de couleur représentant le genre.

La ligne du temps, à droite, vous servira à vous déplacer dans la DataVis plus efficacement.

User Interface

En version mobile, l’UI se passe en deux temps:
- Ouvrir le menu pour sélectionner vos critères de tri.
- Fermer le menu pour observer le résultat.
Your browser does not support the video tag.
User Experience

La grande différence c’est que lorsque le menu est ouvert, vous ne pouvez observer la DataVis. Nous vous conseillons d’utiliser un support desktop si vous voulez voir l’évolution de la DataVis en temps réel.