|
|
|
# Bnum : projet amélioration ergonomie
|
|
|
|
|
|
|
|
## Sommaire
|
|
|
|
|
|
|
|
## Principe de base
|
|
|
|
|
|
|
|
* **Travailler 1 seul thème dans deux cas : mode sombre et mode clair** (Possibilité d’ajouter un mode “systeme automatique ? “) en mode gris-clair
|
|
|
|
* **Vérifier le mode responsive pour mobile**
|
|
|
|
* **Travailler des thèmes spécifique a des fonctionnalités utilisateurs (fort contraste bleu-jaune - mode compact par exemple)**
|
|
|
|
|
|
|
|
{width="856" height="409"}
|
|
|
|
|
|
|
|
:information_source: Choix : Utilisation du “Theme 1” par défaut pour ma surcharge CSS
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
:warning: A voir : pre-fixer les CSS pour éviter les effets de bords
|
|
|
|
|
|
|
|
## Mise en page globale
|
|
|
|
|
|
|
|
Changer les fonts par défaut : se reposer sur les fonts system pour plus de rapidité.
|
|
|
|
|
|
|
|
proposition JPP
|
|
|
|
|
|
|
|
`system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI","Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans","Droid Sans", "Helvetica Neue", sans-serif`
|
|
|
|
|
|
|
|
https://github.com/cnumr/best-practices/blob/main/chapters/BP_029_fr.md
|
|
|
|
|
|
|
|
Liste sur https://systemfontstack.com/
|
|
|
|
|
|
|
|
`-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;`
|
|
|
|
|
|
|
|
## Mieux fixer les réglages par défaut de tailles de colonnes.
|
|
|
|
|
|
|
|
Supprimer le 100% quand pas de mails pour qu’il corresponde avec la taille quand on ouvre un email (543 px actuellement en mode desktop large)
|
|
|
|
|
|
|
|
**Proposition d’inverser le contraste de la barre de menu haute et baisser le contraste de la barre de menu gauche**
|
|
|
|
|
|
|
|
{width="748" height="381"}
|
|
|
|
|
|
|
|
sur exemple des autres interfaces :
|
|
|
|
|
|
|
|
## Outlook
|
|
|
|
|
|
|
|
{width="749" height="410"}
|
|
|
|
|
|
|
|
## Gmail
|
|
|
|
|
|
|
|
{width="743" height="481"}
|
|
|
|
|
|
|
|
## Proton mail
|
|
|
|
|
|
|
|
{width="744" height="495"}
|
|
|
|
|
|
|
|
## Apple Mail
|
|
|
|
|
|
|
|
{width="750" height="439"}
|
|
|
|
|
|
|
|
## Page d’accueil
|
|
|
|
|
|
|
|
* Passages des icones en 1 seule couleur avec rollover
|
|
|
|
* réduction du trait des icones
|
|
|
|
* retour a la ligne dans les textes
|
|
|
|
* alignement a gauche des espaces
|
|
|
|
|
|
|
|
{width="733" height="515"}
|
|
|
|
|
|
|
|
{width="727" height="546"}
|
|
|
|
|
|
|
|
## Priorité sur le sujet
|
|
|
|
|
|
|
|
Mettre une priorité sur les sujets de mail dans le listing des emails
|
|
|
|
|
|
|
|
{width="651" height="311"}
|
|
|
|
|
|
|
|
### **Redéfinir les couleurs de base en réutilisant les bleus du DSFR**
|
|
|
|
|
|
|
|
* passer en mode “gris clair” (et eviter les couleurs violettes)
|
|
|
|
* en baissant certains contraste pour faire apparaitre certains boutons
|
|
|
|
* Exemple du bouton Sticky notes : la rendre plus effacée (trop mise en avant et possibilité de suppression de cette fonctionnalité si on ne trouve pas un usage concret.)
|
|
|
|
|
|
|
|
{width="911" height="434"}
|
|
|
|
|
|
|
|
### Barre des menus : pas encore fait
|
|
|
|
|
|
|
|
**Mieux utiliser la barre de menu haut pour les fonctions transverses :**
|
|
|
|
|
|
|
|
Améliorer le bouton nouveau : entre celui qui est en haut et celui de la création de mail
|
|
|
|
|
|
|
|
:question: Possibilité de mettre des boutons dans la barre haute ? : créér un email - un évènement - une webconférence - une document - une tache (je preferrai dans kanban mais bon ... )
|
|
|
|
|
|
|
|
{width="1192" height="569"}
|
|
|
|
|
|
|
|
## Boutons d’action
|
|
|
|
|
|
|
|
Reprise du contraste du DSFR, avec la couleur du hover
|
|
|
|
|
|
|
|
et un bouton “secondary “
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Changer le réglage par défaut
|
|
|
|
|
|
|
|
Est ce que par défaut on peut avoir une recherche qui assure un résultat moyen satisfaisant :
|
|
|
|
|
|
|
|
Objectif : éviter le zero réponse
|
|
|
|
|
|
|
|
**Ma proposition :**
|
|
|
|
|
|
|
|
* Courriel entier
|
|
|
|
* Type : tous (sauf corps)
|
|
|
|
* Date : moins d’une année (pour la performance)
|
|
|
|
* Portée : Tous les dossier
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Questions sur les dossiers :
|
|
|
|
|
|
|
|
a t’on besoin des dossiers synchro mobiles ? (je n’ai jamais compris ce qu’il y a vait dedans)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
**Gestions de notifications a revoir** (les anciennes, les emails déplacées … )
|
|
|
|
|
|
|
|
* Autant l’agenda fonctionne bien, autant le mention nouveau courriel ne sert a rien
|
|
|
|
* Pas de mise a jour de la liste quand on a lu l’email : en fin de journée on peut avoir 50 notifications. du coup on efface tout en permanence
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Application KANBAN
|
|
|
|
|
|
|
|
### Avant
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Apres
|
|
|
|
|
|
|
|
* Mise au couleur de l'espace
|
|
|
|
* Ajout d'une image de remplacement en svg pour correspondre aux autres applis
|
|
|
|
* Reste a faire : mise en place de couleurs en variable pour faire le dark-mode également - verifier si le darkmode du wekan ne supplante pas celui-propose
|
|
|
|
|
|
|
|
### 
|
|
|
|
|
|
|
|
## Bug au clavier :
|
|
|
|
|
|
|
|
on a un champs de gestion d’étiquettes qui apparait des que j’utilise le clavier ?
|
|
|
|
|
|
|
|
 |
|
|
|
\ No newline at end of file |
