Projet UI - Vos retours sur le design

#155

Le problème est que :

  • l’image est floue
  • s’il y avait 2 images de cette taillle à droite au lieu d’une, ça ferait un grand vide à gauche , alors que sur un écran plus petit il n’'y aurait pas de vide.

En gros, sur la v6 une photo insérée a une taille fixe, alors que sur la maquette la taille est proportionnelle à la largeur de l’écran.
Les 2 ont des défauts, l’idée est de faire un compromis.

#156

Sur la page d’accueil, les proportions des images sont respectées. Philo similaire.

#158

Hello,
Quand on est dans la page sorties en mode liste et qu’on cache la carte, la liste ne bouge pas (= les colonnes ne se réajustent pas en largeur).
Et justement, le bouton de réglage carte/carte+resultats est en anglais et surtout pas très accessible à la souris (le menu deroulant saute facilement quand le pointeur de la souris s’écarte un peu).
Munch

#160

Je pense que c’est indépendant du navigateur et du type de recherche (sorties, iti…).
En fait, quand on est en mode liste avec la carte affichée, on voit un certain nombre de colonnes avec scroll horizontal si on veut voir les colonnes cachées. Quand on enlève la carte, si l’écran est suffisamment large, plus besoin de scroll horizontal pour voir toutes les colonnes. Ça c’est le fonctionnement actuel de la maquette.
En revanche, la largeur des colonnes n’est pas réadaptée à la largeur disponible quand il n’y a plus de carte. Alors qu’on pourrait augmenter la largeur de la colonne Titre par exemple.

image.jpg1859×857 420 KB

image.png1878×858 158 KB

#161

… Et diminuer la taille des autres colonnes (Activités, Orientation, Altitude max)

#163

C’est un peu ça. Mais pour chipoter, on pourrait rajouter :

  • fond légèrement gris sur les vues des documents => pourquoi ne pas reprendre la couleur de fond du forum = #fbfaf6 ? Ca homogénéise et elle est un poil plus chaude.
  • Pas mal de tests sur la page topoguide => globalement pas mal, peut-être augmenter la hauteur de la ligne des titres pour que les lettres « pendantes » soient bien visibles (actuellement le « p » et le « g » de point de passage sont tronqués) et ajouter un peu de rondeur dans les angles.

Je peux m’en occuper, ça me permettra de tester le processus jusqu’au bout…

2 Likes
#164

j’aime bien, à généraliser à mon avis

super !
faudrait ajouter un petit espace vertical entre l’itinéraire et les participants

avis neutre sur les autres points…

pour les documents « sortie » :

image.png1667×82 7.14 KB

pour la date des sorties, je trouve que le chengement de taille des polices n’est aps très hormonieux. > essayer
d’alligner la date à droite ?

#165

Chrome Version 72.0.3626.119 (Build officiel) (64 bits)

#168

Ou sous le titre ?

#169

Et en style tag ? comme un bouton mais avec seulement le contour en noir et le fond transparent

#170

Exactement ça.

#173

oui je vois

https://www.camptocamp.org/routes/1090173/fr/collias-grande-paroi-ecliptique
https://c2corg.github.io/c2c_ui/#/routes/1090173/fr/collias-grande-paroi-ecliptique

#174

J’ai remonté l’image pour qu’il y ait moins de vide.
Mais bon, je n’aime pas cet agrandissement : c’est bien trop agrandie, l’image est floue, ça n’apporte rien.

#175

J’ai rajouté un paragraphe [p] - ça joue mieux, mais ça reste un compromis.

EDIT : restauration à la version précédente.

#176

Je ne sais pas si le [p] était nécessaire, car sans le [p] le tableau des longueurs était quand même mis sous l’image sur petit écran, et sur grand écran il y a la place pour l’image à droite des longueurs : Camptocamp.org developement builds
Tu peux tester en réduisant la largeur de la fenêtre.

#177

Eh bien je me suis permis de restaurer. Finalement, c’est bien un site collaboratif. :grinning:

#178

Je remarque qu’il n’y a plus de page rigolote pour l’erreur 404 : Camptocamp.org developement builds

1 Like
#179

Pourtant, elle existe (https://github.com/c2corg/c2c_ui/blob/master/src/views/static-views/NotFoundView.vue). Peut-être un problème de redirection ?

Edit : je l’ai vue « en action » la semaine dernière, ou celle d’encore avant.

#180

ça c’est une grosse régression. Inadmissible !!! Je refuse la nouvelle UI. Scandaleux.

#182

Je ne sais pas trop si c’est plutôt du design ou autre :
Sur Firefox, qu’il y ait 0 ou plusieurs commentaires, le bouton qui renvoie vers le forum affiche toujours « Publier le premier commentaire ». En revanche, sur Chrome, on a bien « Continuer la discussion » si un commentaire (autre que system) est déjà posté.
Exemple : Camptocamp.org developement builds

Projet UI - Fonctionnalités