include

UI/UX - problème de mise à l'échelle

Related products: Application ordinateur & Site web

Bonjour à tous,

J’utilise Deezer sur navigateur Chrome avec un écran 27” en 1080p.

Le problème est que la barre d’écoute de musique est minuscule. Au milieu on a les boutons flow qui font ~186x~186 pixel (css flex), et des boutons play et pause qui font 32x32pixel (taille fixe). Les boutons Flow sont 6 fois plus gros que les boutons play et pause...

Bien pire encore pour le volume, qui lui est une boite de 32 pixel de haut mais dont la jauge fait seulement 4 pixel de hauteur… sur un écran 1080p c’est petit… très petit. Alors j’ai pas exactement vérifié si c’était pareil sur mon écran 4K mais j’imagine que c’est tout aussi fixe et un enfer pour ceux qui utilisent la 4K nativement.

En plus de ça, vous avez fait des icônes vectorisées et stylisées avec des courbes de Béziers… Très joli sur smartphone. Des subtiles courbes dans un SVG de 32x32 pixels, c’est rarement une bonne idée. Donc on a un set d’icônes dont on présume arrondi parce qu’en vrai, ça ressemble plus à des PNG mal redimensionnées dont on voit clairement les pixels.

En somme, n’utilisez pas les tailles fixe pour un truc aussi important que la barre d’écoute. Avec ce changement, je pourrai dire que votre nouvelle interface s’est améliorée, autrement elle reste bien ancrée dans les années 2000.

salut sur mon pc la barre n’est pas fixe, j’ai essayer avec le navigateur de réduire la fenetre et la barre d’écoute s’est a chaque fois adapter.


Elle fait toujours la même hauteur de mon côté, précisément 80 pixels de hauteur, les boutons, toujours 32x32pixels peu importe comment je redimensionne ma fenêtre. Et même quand la fenêtre est trop petite, le bouton volume et paramètres est caché.

Pour ce qui est du volume, voilà une image représentant le soucis d’échelle, il n’y a qu’à comparer le volume avec les boutons découvrir… une légère différence de taille.

Pour ce qui est des icônes pixelisées, je ne pense pas que ce sera visible sur vos écrans… Mais en gros si l’icône était deux simple barres on ne verrait pas ces pixels déborder de l’icône...


Voilà la version 4K sans upscaling (Sur Linux)