Point sur le nouveau design

Zenika / deadoralive

Quizz where you guess which rockstar is dead or alive.

https://deadoralive-666.firebaseapp.com

Apache License 2.0

2 stars 0 forks source link

Point sur le nouveau design #48

Closed patou closed 5 years ago

patou commented 5 years ago

Voici quelques points que j'ai remarqué sur le nouveau design :

Les images, n'ont pas le même ratio et cela décale les boutons, et cela changent ensemble de l'écriture.
L'image des boutons dead or alive, ne suit pas les boutons dans le mode hard
La barre de progression devrait être inversé, Elle commence à 100% et réduit.

mcampourcy commented 5 years ago

@patou Tu as fait les tests sur quel navigateur et quelle résolution ? C'est directement sur la tablette ? Normalement, les images ont toutes une taille fixe, c'est chelou le décalage 🤔 Je vais checker pour le mode hard. Pour la barre de progression, c'est non faisable avec les éléments HTML. Si besoin, je peux coder un truc pour avoir un équivalent.

nlepage commented 5 years ago

Avec la tablette recrutement: Screenshot_20191014-084937 Screenshot_20191014-085733 Screenshot_20191014-085747 Screenshot_20191014-085759

nlepage commented 5 years ago

Faire abstraction du machin de volume de sonnerie, c'est parce que j'ai du mal à prendre des screenshots avec la tablette de :hankey:

patou commented 5 years ago

@mcampourcy Je reproduit plus pour les images.

Pour la barre de progression, c'est juste d'inverser la progression, commencer par 100% et réduire.

Et autre point : lorsque l'on clique sur un bouton il devient actif avec une surbrillance. Mais lorsque l'on passe à la rockstar suivante, le bouton actif soit réinitialisé.

mcampourcy commented 5 years ago

@patou j'ai bien compris pour la barre de progression, le truc c'est qu'on utilise un élément HTML natif qui ne prend pas en compte ce mode de fonctionnement inverse. Je peux tout à fait faire une autre barre de progression avec du CSS et un morceau de JS, ça va juste demander un tout petit peu de temps de le faire puisqu'il faut le reprendre de zéro.

Ok pour le bouton, c'est le focus qui ne s'en va pas.

@nlepage Le rendu est cool ! C'est pris sur Chrome ? Tu as moyen de savoir si c'est la toute dernière version ? Tu connais la résolution exacte ? (https://www.mydevice.io si tu as un doute)

Du coup, en fix, je note :

[x] La progress bar qui flotte au milieu des scores
[x] Le bouton qui garde le focus
[ ] Regarder le temps que prendrait une nouvelle progress bar // en cours de dev
[x] Les boutons sont différents en mode Hard

Vous voyez autre chose ?

pyaillet commented 5 years ago

En difficulty hard, le texte changeant fait que les boutons n'ont pas la même taille.