Proposition de refonte de la page d'accueil ubuntu-fr.org

fabux · Le 14/03/2019, à 14:30

pas de souci de couleur chez moi. Le seul truc c'est que le menu est ouvert dès le départ.

Toulibre · Le 14/03/2019, à 14:45

@lynn , ta page n'est peut être pas au zoom 100% , dès qu'elle est diminuée à 90% le menu burger redevient blanc (..?..) à voir donc ..

@fabux , ce menu est rempli de très bonnes informations qui renvoient à beaucoup de liens utiles à mon avis , j'imagine que pour un débutant cela doit être très utile .

lynn · Le 14/03/2019, à 14:54

Toulibre a écrit :

@lynn , ta page n'est peut être pas au zoom 100% , dès qu'elle est diminuée à 90% le menu burger redevient blanc (..?..) à voir donc ..

Si si, je suis en plein écran. Je poste ma page telle quelle est en plein écran après appui sur la touche F11.

Toulibre · Le 14/03/2019, à 15:06

@lynn , je viens d'ajuster deux trois trucs à ce sujet , peux tu regarder encore s'il te plaît car chez moi tout est ok sur FF et sur Chrome ?

lynn · Le 14/03/2019, à 15:35

Le menu apparaît un peu mieux mais ce n'est pas encore ça... À la base, quelle couleur est censée s'afficher ?

Toulibre · Le 14/03/2019, à 15:48

Orange comme ceci :

Quel navigateur utilises tu ?

lynn · Le 14/03/2019, à 15:53

J'utilise Firefox 65.0.2 (64 bits).

lynn · Le 14/03/2019, à 16:29

Ben en fait, c'était l'extension µblock origin qui était en cause... Je l'ai désactivée puis réactivée et maintenant ça fonctionne; Le menu est bien de couleur orange.

Désolée du dérangement...

Dernière modification par lynn (Le 14/03/2019, à 16:50)

Toulibre · Le 14/03/2019, à 16:38

alalalala

Si c'est bon alors tant mieux , de mon côté j'ai encore à revoir quelques erreurs dans le html ( qui sont apparues grâce à moi ) puis essayer d'optimiser tout ça

fabux · Le 14/03/2019, à 20:37

Sur pc windows / Firefox 65.0.2 c'est vraiment pas mal.
Toujours cette histoire de taille de police du texte (elle semble à 10 faudrait 11 ou 12 je penses) et d'image centrée mais je pinaille et de toute façon peu de chance que j'y retourne à cette page accueil
Le menu qui ne défile plus par contre en zoom < 100% ça peut-être un peu plus génant.

Sur smartphone rien à dire (à part la taille police là aussi) : c'est nickel... Bon pour pinailler là aussi tu peux rendre un chouille encore plus transparent le noir du burger.
Il faudrait qu'on voit si sur la doc on peut pas le déplacer à gauche pour être homogène et pareil en fond noir. Tu as mis quoi dans le css pour ça ?

edit : ici sur pc le menu ne s'est pas ouvert automatiquement. Je préfère ce comportement moins invasif. Il y a trop d'info entre le menu et la présentation d'ubuntu. Mais évidemment le menu est plus qu'utile pour aller plus loin. D'ailleurs sur phone le menu ne s'ouvre pas automatiquement non plus

edit bis : marrant à 90% la taille de la police est plus grande qu'à 100. Et dans ce cas ça l'ensemble me va (sauf le menu non scrollable).

Dernière modification par fabux (Le 14/03/2019, à 20:47)

Toulibre · Le 14/03/2019, à 22:27

@fabux , tu as dû visiter lorsque je faisais des essais en live , je fais ça parfois pour tester des petits bouts de codes , une erreur a pu y rester aussi , j'étais en train de voir le scrolling du menu justement et oublier de remettre le bon attribut à un moment donné .
Je vais rajouter un poil de transparence au burger , il est à 0.8 je passerais à 0.5 .
Pour la couleur du burger avant-après , supposant que le nom de l'élément burger est navbar chercher s'il a les valeurs toggle before et toggle after ou l'ajouter et leur assigner une ligne color:#000000; et color:ffffff; par exemple pour un effet noir/blanc .
Puis il faut jouer avec opacity: 1; égal aucune à remplacer avec 0.5 par exemple , si la valeur n'existe pas il faut ajouter une ligne aussi dans l'élément concerné .

Je dois dire malgré tout que je dois revoir depuis le début tout le chantier et mettre ça vraiment au propre , ça va prendre un petit moment en local mais je vois ce qu'il reste à parfaire .

Toulibre · Le 15/03/2019, à 11:40

Bonjour , je ne vois pas l'utilité de la barre de recherche sur cette page , sur le forum ou la doc je comprends bien mais là , pas vraiment .

Toulibre · Le 15/03/2019, à 14:25

En attendant des nouvelles au sujet de cette barre de recherche ..

#Améliorations des visuels dans le menu
#Les polices sont plus grandes dans les paragraphes et leur spécialisation est la même que la Doc dorénavant .
#Diminution de la largeur du menu , pas des caractères .
#Retour des icônes sociaux oranges .
#burger + transparent .
#La 1ère image est en effet zoom .

Apparemment ça fonctionne encore ..

fabux · Le 15/03/2019, à 14:43

sur phone : j'ai l'impression que le carré noir est trop massif par rapport au trois tiret. il y a moyen d'agrandir juste ces 3 traits ?
Mais à part ça : nickel pour moi

sur pc... plus tard

pour la recherche il me semble que j'avais posé la question aussi. Perso ça peut etre virée.

Dernière modification par fabux (Le 15/03/2019, à 14:44)

krodelabestiole · Le 15/03/2019, à 15:33

fabux a écrit :

pour la recherche il me semble que j'avais posé la question aussi. Perso ça peut etre virée.

dans l'idéal je pense qu'il faudrait la laisser.
en fait dans l'idéal il faudrait une ergonomie unifiée que ce soit sur la page d'accueil, sur la doc ou sur le forum.
si on suit le modèle de la doc par ex. il s'agirait principalement de conserver la barre supérieure avec le logo et la navigation entre les sections, éventuellement un champs de recherche unifiée et la gestion de son compte / déconnexion, quelle que soit la section dans laquelle on se trouve.
(après d'un point de vue technique une recherche unifiée ça me semble complexe, alors peut-être laisser la recherche de la doc sur la page d'accueil et la doc et la recherche forum seulement sur le forum, mais avec le champs au même endroit)
à ce sujet il faudrait d'ailleurs extraire les outils spécifique de chaque section (doc, forum) hors de cette zone.
un menu qui change d'emplacement et d'apparence en fonction de la page sur laquelle on est envoyé c'est un exemple type de ce qu'il ne faut pas faire en webdesign...

on peut éventuellement choisir un menu à gauche comme sur la page d'accueil que tu proposes mais dans ce cas il faudra proposer un thème associé pour le forum et pour la doc...
et honnêtement je pense que c'est une très mauvaise idée de le faire défiler avec cette liste d'événements, merch, partenaires etc. pas très importante. le menu doit être toujours visible et toujours au même emplacement (sauf à le réduire pour une meilleure expérience sur mobile).
si on doit le faire défiler même sur un tout petit écran c'est très probablement qu'il est trop long ou mal foutu.

Dernière modification par krodelabestiole (Le 15/03/2019, à 15:46)

Toulibre · Le 15/03/2019, à 17:06

Bon ben dans les avis persos , la barre de recherche de l'accueil n'a aucun intérêt à rechercher sur la page d'accueil et le forum et la doc pourraient avoir leurs propres barres de recherches dans leurs bases de données respectives plutôt que de passer par un navigateur , à mon avis plus simple pour les utilisateurs et à mettre en place aussi .
Une barre de recherche pointant sur la doc alors qu'il y a un onglet "Documentation" et que tous les liens "plus d'informations" y pointent aussi me semble inutile .
Pour l'unification je suis d'accord en tout cas pour les couleurs unifiées entre l'Accueil , le Forum ( un jour peut être.. ) , et le Wiki . .
Quand à l'ergonomie , l'Accueil se doit de rester accessible , d'un rapide coup d'oeil. , ce qui n'est pas le cas pour les autres parties , les menus sur Accueils se trouvent généralement à gauche comme c'est d'ailleurs le cas sur la page d'Accueil actuelle , question d'habitudes utilisateurs certainement .
Ne pas oublier que dans le menu il y a entre autre des visuels qui permettraient à l'Association de créer des évènements grâce aux ventes , c'est un côté promotionnel qui a son intérêt , même dans le monde du libre , une Association Loi de 1901 doit tenir une caisse et des comptes à rendre sur un cahier fourni chaque année (déjà que c'est pour le bien commun..) pour sa viabilité et c'est du taf .
Les autres liens ont également leurs utilités c'est un choix et il peut être agrémenté ou pas , la plupart ont été copiés collés sur la page actuelle aussi .
Sur pc le côté je n'ai rien à faire pour que le menu suive le défilement je trouve ça pas mal , pas d'usage intempestif de la souris pour aller reprendre un menu fixe , juste un scroll rapide haut , bas .
Après les goûts ... je vois au plus pratique en tant qu'utilisateur nouveau et moyen , la Doc et le Forum sont bien plus spécialisés .

L'Africain · Le 15/03/2019, à 17:07

Très très bon boulot! restera plus qu'à relire le texte, supprimer quelques espaces avant les virgules et ça sera parfait. Après le plus dur... Mettre ça en place. Je te conseille d'aller voir sur irc pour contacter les admins-sys.

michel_04 · Le 15/03/2019, à 17:19

Bonjour,

L'Africain a écrit :

Très très bon boulot!

+1

A+

melixgaro · Le 15/03/2019, à 17:28

Bravo. Je crois qu'on dit « association Loi 1901 » sans le « de » entre loi et 1901.

Toulibre · Le 15/03/2019, à 18:15

@L'Africain , merci ! Trouvé 4 virgules à espacer je regarderais pour les textes en sachant que je les ai traduits des sites officiels pour les variantes ... et j'irais peut être voir sur irc mais j'aimerais avant optimiser un peu , ce que je n'ai pas encore eu le temps de faire vraiment .
@Michel_04 , merci beaucoup
@melixgaro , merci également , je me fie au texte mais dans la façon de le dire sûrement !
@fabux , merci aussi , donc à tester sur pc plus tard alors , sinon ben la barre de recherche a disparue et les traits du burger sont plus grands .

Dernière modification par Toulibre (Le 15/03/2019, à 18:15)

krodelabestiole · Le 15/03/2019, à 18:57

Toulibre a écrit :

Une barre de recherche pointant sur la doc alors qu'il y a un onglet "Documentation" et que tous les liens "plus d'informations" y pointent aussi me semble inutile .

ben pas à moi : un lien à chercher et à cliquer en moins, une page à afficher en moins (l'accueil de la doc), c'est plus rapide.
c'est pour ça que tous les sites de ce type ont un champs de recherche dès l'accueil. on veut une info sur un logiciel dispo sur ubuntu : on va sur le site d'ubuntu et on cherche. beaucoup d'internautes utilisent cette fonctionnalité avant même de lire le menu.

Toulibre a écrit :

Quand à l'ergonomie , l'Accueil se doit de rester accessible , d'un rapide coup d'oeil.

j'insiste mais ce qui reste "accessible" d'un rapide coup d'oeil c'est d'avoir le même menu sur tout le site.
(mais dans ce domaine accessibilité et ergonomie sont 2 choses différentes : pour accessibilité on parle plus de l'accès aux mal voyants / non voyants, aux navigateurs anciens etc.)

Toulibre a écrit :

Ne pas oublier que dans le menu il y a entre autre des visuels qui permettraient à l'Association de créer des évènements grâce aux ventes , c'est un côté promotionnel qui a son intérêt

c'est une info qui a sûrement son intérêt, mais qui n'a rien à faire dans un menu. dans le menu on retrouve le plan du site (donc en particulier télécharger, documentation, forum, à propos par ex.) et chaque "bouton" devrait s'activer en fonction de la section dans laquelle on se trouve (et ça devrait être la seule chose qui change, avec le contenu de la page).
pour le genre d'info dont tu parles on peut par ex. ajouter une section sur le contenu de la page d'accueil si on estime que c'est utile de l'avoir ici.

fabux · Le 15/03/2019, à 19:14

@krodelabestiole : (edit : je viens de voir que tu as répondu, j'ai mis 15 plombes à écrire)
Si je te suis tu proposerais plus une navbar orange comme sur la doc avec une section documentation, forum, téléchargement... et en sous menu de planet (par exemple) les blogs, ubuntu party... un peu comme j'avais proposé là c'est à dire ce mockup :
.
À voir si ce serait compliqué de "juste" sortir du menu [ documentation / forum / télécharger ] pour mettre dans une espèce de navbar et laisser le reste dans un menu à gauche (ou droite pour pas qu'on y touche sur la doc ).
Mais là Toulibre est un peu tout seul aux commandes, je comprendrais qu'il s'arrête à sa proposition. Proposition qui de toute façon peut évoluer avec d'autres personnes

Sinon pour la recherche en accueil, je n'en vois vraiment pas l'intérêt mais c'est plus un débutant qui devrait décider.

@Toulibre:
Sur Phone : Les traits du burger ne sont pas centrés verticalement sur phone... mais c'est vraiment pas dramatique

Sur Pc : à défaut d'un slide, centrer l'image peut-être ? Bon de mon côté je ne vois vraiment pas ce qu'apporte l'espèce de zoom à part cacher la barre de titre et celle des raccourcis, agrandi le ufr...Mais si ça fait plèz de laisser moi ça ne me gène pas

Et honnêtement à part ces bricoles ridicules, laisse comme ça : moi aussi ça me va très bien. Très très bon travail

edit : pour la recherche renvoyer "expression site : ubuntu-fr.org". Par contre, actuellement la doc passe par le forum qui choisit le moteur de recherche. Je ne sais pas trop comment ce serait envisageable depuis l'accueil.

Dernière modification par fabux (Le 15/03/2019, à 19:18)

fabux · Le 15/03/2019, à 19:25

J'arrête d'edit : en fait c'est ce qu'ils font sur https://www.ubuntu.com/

Toulibre · Le 15/03/2019, à 20:12

Les traits du burger sont centrés à présent , pour l'image centrée ou le slider je cherche encore !!! D'autres sont plus calés que moi pour ça , pour référence j'ai ouvert la discussion ici le 26/02/2019 ainsi que le début de mon apprentissage , 3 semaines grosso , alors pour le zoom c'est oui non je sais pas c'est pareil , pas si important .
Je maintiens mon avis qu'une page d'accueil est avant tout une vitrine pour exposer large les possibilités et d'un accès facile avant de rentrer dans le vif de tous les sujets .
Quand à la barre de recherche , la relier à la doc qui est reliée au forum qui ...
Cool de vouloir tout unifier mais mon avis , dès qu'un bug se profile la tâche devient immense aussi petit soit-il et il apparaît dans toutes les parties en même temps ... plutôt difficile à gérer lorsque je lis sans arrêt que pas grand monde trouve le temps d'y remédier .
bon la page d'Accueil ubuntu.com est carrément aléatoire , une présentation différente à chaque visite ...
sinon la barre de recherche est bien axée sur la propre base de donnée , précisant que la mienne n'en a aucune !

krodelabestiole · Le 15/03/2019, à 20:35

Toulibre a écrit :

Cool de vouloir tout unifier mais mon avis , dès qu'un bug se profile la tâche devient immense aussi petit soit-il et il apparaît dans toutes les parties en même temps ...

ça c'est pas vraiment un argument : d'une part un menu / un thème ça fait potentiellement 3x moins de bugs à corriger, d'autre part c'est loin de demander 3x plus de travail si le code est bien organisé.
et ça permet en plus de définir des styles unifiés sur toutes les pages / sections, d'éviter de charger du contenu en triple (si on inclut 3 logos différents ou une typo depuis 3 sources différentes, etc. on peut même réutiliser le css si on fait une feuille de style commune et des feuilles particulières)
ensuite créer une barre de navigation avec un logo et un menu c'est pas la mer à boire. si on fait les choses un poil proprement il devrait pas y avoir de bug à ce niveau.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#251 Le 14/03/2019, à 14:30

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#252 Le 14/03/2019, à 14:45

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#253 Le 14/03/2019, à 14:54

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#254 Le 14/03/2019, à 15:06

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#255 Le 14/03/2019, à 15:35

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#256 Le 14/03/2019, à 15:48

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#257 Le 14/03/2019, à 15:53

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#258 Le 14/03/2019, à 16:29

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#259 Le 14/03/2019, à 16:38

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#260 Le 14/03/2019, à 20:37

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#261 Le 14/03/2019, à 22:27

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#262 Le 15/03/2019, à 11:40

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#263 Le 15/03/2019, à 14:25

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#264 Le 15/03/2019, à 14:43

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#265 Le 15/03/2019, à 15:33

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#266 Le 15/03/2019, à 17:06

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#267 Le 15/03/2019, à 17:07

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#268 Le 15/03/2019, à 17:19

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#269 Le 15/03/2019, à 17:28

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#270 Le 15/03/2019, à 18:15

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#271 Le 15/03/2019, à 18:57

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#272 Le 15/03/2019, à 19:14

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#273 Le 15/03/2019, à 19:25

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#274 Le 15/03/2019, à 20:12

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

#275 Le 15/03/2019, à 20:35

Re : Proposition de refonte de la page d'accueil ubuntu-fr.org

Pied de page des forums