SUPER initiative,
c’est encore plus beau que le précédent.
Seul petit bug, vu de chez moi,
les flèches pour faire défiler les photos de droite à gauche (après avoir cliqué la première)
sont petites et « collent » au bord de la page…alors qu’il y a largement la place de les mettres en + gros
et moins collées. (écran 15 pouces et zoom pour afficher de « petits » caractère")
continue en ce sens, c’est très chouette !
Projet UI - Ergonomie
Bravo pour la nouvelle livraison !
Quand on passera au design je reviendrai sans doute avec la propal de mettre le dénivelé des diffs juste à côté des autres cotations techniques (idéalement juste après, un peu comme l’ordre des colonnes d’une L ).
Dans un itinéraire, on n’a pas accès au détail des cotations (intitulé de chaque cotation), et il n’y a pas d’info bulle sur les cotations (qui serait de toute façon inaccessible sur mobile il me semble).
On pourrait ajouter une boite dépliable avec le détail des cotations. Ca permettrait aussi d’ajouter l’aide contextuelle (qui n’existe pas en consultation mais il faudra la mettre un jour).
Par défaut, la boite serait repliée, avec juste une flèche à droite de la ligne des cotations.
J’ai les infos bulles moi : 
Tu regardes ou ?
Ah oui elles y sont bien, mais le temps de réaction est plus long que sur la V6, du coup je les avait pas vu.
En fait on pourrait avoir un temps de réaction nulle étant donné que la surface active est très faible.
Merci. Effectivement. Message supprimé:
C’est mon caillou dans la godasse : je n’ai pas réussi à trouver une lib satisfaisante qui permette de faire cela. Bon, pour être honnete, j’ai pas bcp cherché non plus 
Du coup, en solution temporaire, j’ai utilisé le fonctionnalité de l’HTML: l’attribut title. Il a l’avantage de marcher partout, sans aucun bug, et de ne pas nécessiter de bidouille CSS/JS. Mais le delai est en effet un peu lent, et pas paramétrable 
Je garde ca dans un coin de ma tête, dès que j’ai un peu de temps pour farfouiller dans les outils qui permettent de faire cela.
@BorutK, je pens que Bubu parle de l’affichage pour un itinéraire, pas la page qui liste les documents.
La différence d’échelle de la carte des itinéraires, c’est plutôt design ?
Maquette : Camptocamp.org developement builds
V6 : Camptocamp.org
non, c’est normal, le zoom va s’adapter en fonction des elements present sur la carte. D’ailleurs, c’est un peu buggé, cf le message de bubu juste au dessus. (réponse à coté de la plaque)
Le niveau de zoom minimum est différend, c’est un peu volontaire de ma part. Je trouve le niveau de la V6 trop petit, car en première approche, tu as besoin d’avoir un peu plus de hauteur de vue pour situer l’endroit. tu as toujours possibilités de zoomer plus à la demande. Choix arbitraire de ma part, hésitez pas à ne pas être d’accord.
Un plantage sur l’affichage d’une image : Camptocamp.org developement builds
En fait je voulais donner un exemple avec le champ texte « Auteur » renseigné, car j’ai vu ce matin qu’il n’est pas affiché (il y a l’intitulé mais le contenu est vide).
En cours de livraison, je n’avais pas pris en compte le fait qu’une image pouvait ne pas avoir d’activitées
C’est le cas pour les images enregistrées sur un WP.
D’ailleurs, author et creator sont traduit pareil dans transifex
https://www.camptocamp.org/waypoints/582075/fr/robanov-kot
https://c2corg.github.io/c2c_ui/#/waypoints/582075/fr/robanov-kot
1 Like
- pour une liste de sortie, l’activité peut être utile surtout pour la liste de sorties associées à un point de passage (mais aussi pour un doc « itinéraire » adns le cas d’iti multiactivité, mais c’est très marginal)
- pour la liste d’itinéraire, l’affichage actuel de la longueur des difficulté n’est pas satisfaisant car on peut la confondre avec le dénivelé.
- on peut éventuellement ajouter une icone devant ?
- le dénivelé positif est aussi une info importante (au moins pour le ski, l’alpi, la rando, le vtt) une autre proposition : "xxxx, +1500 m (250 m), xxxx " pour un dénivelé de 1500m avec la longueur des difficulté de 250m (c’était comme ça sur la V5 non?)
- coté design, je trouve que ça fait un gros bloc indigeste de sigles et chiffres , qqs idées en vrac :
- mettre une mini rose des vents pour l’orientation ? ou alors des pastilles (ie. abréviation N, NW sur fond sombre)
- identifier le bloc des cotations (fond sombre ? couleurs? cadre arrondi façon tag ? police en gras ?)
Ayé.
L’ergo cé fini, non ? (hormis sujets dédiés)
BRAVO CHARLES !
J’imagine que tu vas prendre ton weekend, et qu’on continuera ensuite avé le design.
Tu es pardonné si tu rentres ta sortie en rentrant. 
C’est top les raccourcis titre et balise L# dans les champ d’édition. Pour les raccourcis usuels, il manque celui pour les liens url.
Livraison
Un premier jet de l’ergonomie globale des pages d’éditions. On parle ici de la façon dont sont affichés les onglets, pas de leur nombre, leur nom, ni de la répartition des champs en leur sein.
Vous pouvez tester sur les points de passages : la création, ainsi que la modification.
En résumé, cela reste des onglets, mais placés les un au dessus des autres. Cette disposition présente quelques avantages ergonomiques par rapport à la solution V6/maquette :
- Sur la V6/maquette, les nom des onglets étant placés sur la même ligne, on est limité à 3/4 onglets pour éviter un scroll horizontal.
- on peut si l’on souhaite avoir plusieurs onglet ouverts.
- sur la future présentation, n’étant plus limité en largeur, on peut rajouter un petit texte explicatif sur le contenu de l’onglet. J’en ai mis un pour le premier onglet des points de passages
- et on conserve la meme logique d’affichage (défilement vertical) quelque soit le support (mobile, PC), ce qui est plus confortable pour les personnes utilisant les deux supports, et moins compliqué à réaliser pour les devs.
A noter qu’il y a un petit effet de transition à l’ouverture/fermeture d’un onglet. Ce effet est un peu délicat à réaliser, et il présente encore quelques défaut sur Firefox. J’y travaille.
Nice ! Rapide test : pourquoi ne pas l’avoir étendu d’entrée ? (ça rajoute un clic (inutile ?) )
Sinon en 3 minutes le piont de passage est créé. Parfait !
Edition rien vu de spécial
(sur la base demo)
1 Like