web-dev-qa-db-fra.com

Comment améliorer l'expérience utilisateur dans un écran mobile / réactif face à une structure de table complexe?

Comment concevoir une structure de table complexe dans un écran réactif (mobile)?

mockup

télécharger la source bmml - Wireframes créés avec Balsamiq Mockups

Ci-dessus est la structure de la table. Chaque cellule du tableau ne peut pas contenir de données. Comment rendre cette mise en page responsive sur mobile sans perturber l'expérience utilisateur.

Sur clic de numérique +5 il se développera dans la même cellule.

Existe-t-il une autre solution pour ce type de vue?

3
NB4

L'alternative typique sur mobile serait de l'empiler dans une colonne et d'utiliser des cartes pour chaque zone. Quelque chose comme ça:

enter image description here

5
Matt O'Keefe