Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Style des widgets et UI #17

Closed
SimonSAMPERE opened this issue Jun 16, 2020 · 8 comments
Closed

Style des widgets et UI #17

SimonSAMPERE opened this issue Jun 16, 2020 · 8 comments
Assignees
Labels
Milestone

Comments

@SimonSAMPERE
Copy link

Je crée un ticket pour regrouper différentes remarques d'ordre esthétique portant sur l'interface graphique. Il ne s'agit pas de signaler des bugs mais de faire des propositions pour améliorer l'expérience utilisateur.

  1. Le nom des onglets de la fenêtre d'affichage de la fiche de métadonnées n'est pas très lisible en blanc sur gris clair :

    image

    Choisir une couleur de police plus foncée en améliorerait la lisibilité

  2. Les widgets cliquables du tableau des résultats ne sont pas "animés". Les widgets concernés sont :

    • les cases du tableau sur lesquelles on appuie pour afficher la fiche de métadonnées
    • le bouton image d'ajout de la couche à la carte
    • le bouton image de réinitialisation de la recherche

    Au moment du clique, aucune animation du type "changement d'orientation de l'ombre portée" ou "assombrissement de la couleur de fond" n'indique que le widget est effectivement "cliqué".
    Ce comportement est peut-être lié au framework UI utilisé et cette remarque peu sembler futile mais je pense que la prise en compte de ces détails améliorerait l'expérience utilisateur. Principalement concernant le bouton de réinitialisation de la recherche qu'il est difficile de distingait d'une simple image étant donné que ni son style, ni le curseur ne sont modifiés au survol de la souris.

@SimonSAMPERE SimonSAMPERE changed the title Style des widgets et de l'UI Style des widgets et UI Jun 16, 2020
@VianneyDoleans
Copy link
Collaborator

VianneyDoleans commented Jun 16, 2020

  1. Corrigé sur la version 0.3 qui va sortir dans la journée, je suis en train de m'assurer qu'il n'y ait pas de problèmes avec les éléments ajoutées.
    1.1 Raison : Le problème était lié à des erreurs de binding de couleurs (sur le thème dark, les erreurs de binding n'étaient pas apparentes).
  2. Le bouton + à le même template style que celui créé pour le bouton "save", càd : à une animation de "IsMouseOver"
    2.1 Je vais voir ce que je peux faire pour ce bouton
  3. le Reset bouton est spécial : contrairement aux autres, il n'a pas de bordure (cela ne rendait pas bien)
    3.1 Je ne pense pas pouvoir appliquer de modification visuelle uniquement sur l'image, je vais essayer de trouver quelque chose, je te tiens au courant

@VianneyDoleans
Copy link
Collaborator

VianneyDoleans commented Jun 16, 2020

Non non cela n'est pas dû au Framework, ni le SDK, j'ai override ces deux éléments sur une bonne partie du design, on peut améliorer sans souci les erreurs de design (tant que ça reste dans le faisable sans un designer ^^)

@VianneyDoleans
Copy link
Collaborator

VianneyDoleans commented Jun 16, 2020

Au passage, si Isogeo a les icônes dans d'autres couleurs pour le thème dark, je peux les changer pour celui-ci.

Pour le bouton reset, il faudrait deux images supplémentaires identiques de la flèche, mais en 2 coloris différentes (isMouseOver et isSelected), pour donner la sensation de bouton

@SimonSAMPERE
Copy link
Author

  1. Super :)

  2. Je vois pas où est le bouton "Save" mais si ça peut ressembler au comportement des boutons de l'onglet "Settings" c'est top.

  3. Quoiqu'il en soit c'est peut-être pas prioritaire, par rapport à d'autres fonctionnalités comme l'ajout de couche et d'autres éventuel retour de @leodarengosse. Enfin de manière générale il faut avant tous que ça fonctionne, si tu vois ce que je veux dire.

  4. Je vais regarder pour les icônes "dark" mais au pire c'est pas grave.

@SimonSAMPERE
Copy link
Author

SimonSAMPERE commented Jun 16, 2020

Sinon, pour le bouton "Rafraichir", tu peux pas juste changer la couleur du fond sans toucher à l'icône ? Peut-être que ça pourrait marcher si tu utilises des fichiers .svg pour les icônes mais si c'est du .png c'est sûr que non.

@VianneyDoleans VianneyDoleans added this to the ArcGisProV1.0 milestone Jun 16, 2020
@VianneyDoleans
Copy link
Collaborator

1. Super :)

2. Je vois pas où est le bouton "Save" mais si ça peut ressembler au comportement des boutons de l'onglet "Settings" c'est top.

3. Quoiqu'il en soit c'est peut-être pas prioritaire, par rapport à d'autres fonctionnalités comme l'ajout de couche et d'autres éventuel retour de @leodarengosse. Enfin de manière générale il faut avant tous que ça fonctionne, si tu vois ce que je veux dire.

4. Je vais regarder pour les icônes "dark" mais au pire c'est pas grave.

Je parlais du bouton save de la page de connexion, quand tu ajoutes un fichier (bouton bleu).
Les boutons blancs en settings ont le style du SDK Esri. Le problème avec ces boutons, c'est qu'ils ont une taille minimum importante (surtout en width).

La barre d'actions étant déjà très chargée (résultat, reset, tri, etc.), le style Esri n'est pas compatible à cet endroit (Ça et le fait que ça tranche trop avec le reste de la barre d'actions).

Évidemment, le design n'est pas la priorité, c'est pourquoi je le fais progressivement par petite dose dans chaque version.

@SimonSAMPERE
Copy link
Author

Super explication je te fais confiance sur tout ça.

@VianneyDoleans
Copy link
Collaborator

Done. Ajout à la version 0.7.2

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants