Projet UI - Vos retours sur le design

Magnifique oubli de ma part :smiley:

Ne faudrait-il pas mettre l’onglet en orange ? Sur mobile, ca aide.

L’onglet? c’est à dire ?

PI, le orange de la bordure gauche des cards n’est pas le bon, un petit bug de CSS. Je corrige pour la prochaine.

Hello,
Pourquoi l’en-tête grise apparait deux fois en haut de la liste ?

C’est du au fait qu’il y a des colonnes « repliées » : altitude et cotations

On ne pourrait pas utiliser uniquement les repliables ?

  • edit : je me rends compte que non en fait, car ça ferait trop peu d’info par défaut

Edit :

Par ailleurs, je note que sur la carte (sur un document), je ne peux souvent (pas toujours) agrandir que jusqu’à l’échelle 500 m.

  • encore edit : en fait, pour la carte, ça doit venir du serveur (service).

(Bon, ben voilà un message qui s’est résolu par soi même. Tant mieux.

Je reviens sur les icones pour l’activité : est-ce que la taille n’est pas un peu trop faible, ce ne serait pas mieux de reprendre la taille de la V6 ?
sinon ok pour privilégier le contraste.

pour l’affichage en liste. Il n’y aurait pas moyen de faire en sorte d’ajuster les largeur des colonnes pour éviter que les dernières soit masquées (en tout cas sur les écrans larges) ?

concernant les documents, je n’aime pas trop le style des titres de sections, je trouve qu’il faudrait réduire la taille sensiblement… Par contre il faudrait un peu de design pour mieux identifier les sections (léger cadre pour chaque section)
NB. par section, je veux parler de "Description ", « Remarques » etc
Je trouve aussi qu’il y a confusion entre les titres de section et les titre des champs textuels
De toute façon il faudra aussi réduire en proportion les titres des champs textuels

Sur les pages sorties, je trouve que le ou les itinéraires associés pourrait être un peu plus visible. -> Ligne en gras ? cadre spécifique ?

1 Like

C’est l’UI qui doit s’adapter

La solution 2 me va bien. Mais je mettrais le logo en entier.

+1. De manière générale, je préfère qu’on remplace le bleu par du orange (couleur des boutons, des sections, des pictos…)

Je préfère la version proposée ici Projet UI - Vos retours sur le design

D’accord avec toutes les remarques de Jose : Projet UI - Vos retours sur le design et en particulier :

2 Likes

typo ?


Sur la page du Topoguide, le trait orange fait un peu bizarre, AMA, le trait serait meilleur en bleu (ou noir ?). D’ailleurs, l’horizon n’en ressortirait que mieux.

Je pense que @joseP parlait des pictos V6 (d’où la correction faite dans sa citation).

Je ferais l’inverse : tout en orange (sections, pictos) sauf les boutons +

Ah d’accord.[quote=« Loic_P, post:96, topic:237297 »]

Je ferais l’inverse : tout en orange (sections, pictos) sauf les boutons +
[/quote] L’image aussi ? :slight_smile:

Par contre ici Camptocamp.org developement builds je trouve le trait orange très bien.

Moi aussi.

1 Like

Je préfère les pictos d’activité en bleu ou noir pour plus de contraste.
Les autres pictos des cards ou listes en noir ou gris, sauf le picto condition.

L’idée est d’éviter un design sapin de noël (pictos de différentes couleurs un peu partout) ou Fisher price (boutons et arrière plan multi color).

1 Like

L’orange pour les boutons est à éviter d’un point de vue ergonomique : c’est une couleur qui porte du sens (warning).

1 Like

Je vais homégénéiser cela

Le dessus, il y a un choix ergonomique à poser : actuellement, cela est fait pour donner une apparence document continu aux champs textuels : les différentes sections n’étant qu’une facilité d’édition, le texte document étant rendu comme étant un bloc.

J’avais essayé les alternatives plus proches V6 :

  • un cadre par section dans un gros cadre
    • cadre dans cadre, beark, ca faisait des bordure partout. Et quand il y a un bandeau, ca faisait poupée russe…
  • successions de cadre
    • bcp de place perdu, surtout que la majorité des documents ont des section très courtes (résumé, matériel, remarque).

C’est pour cela que je m’étais finalement arrêté sur cette présentation. Je vais essayer de trouver un peu de temps pour faire des screenshot pour illustrer cela

Ah, désolé, petit veto technique : on conserve le même design du header quelque soit la page. Trop complexe à gerer sinon.