revoir l'esthétique du site

Julientroploin · Le 18/11/2009, à 19:45

Dert Ung a écrit :

et les balises html<>video? comment ça se passe?

On ne discute que du design dans ce topic (on a déjà dévié sur le codage, mais c'était hors sujet), mais il me semble avoir vu passé il y a qq mois un topic sur l'intégration des balises dans le forum. Je n'ai pas suivi les réponses.

Mais c'est vrai qu'il faudra que l'on pense à préparer un bouton si l'idée est retenue.

sam7 · Le 18/11/2009, à 22:44

+100 Julientroploin ! merci
désolé Smon ton http://baconnais.simon.free.fr/maquette.png est trop fade, tu ne mets pas en valeur le forum ... & tu arrive 9 mois après la bataille !

j'adore ce que nous a préparé luk ici...
http://lukdesigner.free.fr/Ubuntu/v4/forumV4.png
http://lukdesigner.free.fr/Ubuntu/v4/forumV4_connecte.png
... il n'y aurait que moi, je freeze celà tout de suite et je le mettrais sur le ftp !

mais ça sera voté lors de la réunion IRC de lundi prochain ...
(approximativement entre 21h15 & 23h15 sur #ubuntu-fr-devweb )
... avant de passer à l'étude des propositions concernant la documentation
(et éventuellement à un "pré-freeze"... sachant que l'on freezera avec le bon modèle de page d'accueil "en tableau"...
... et qu'il y aura également à proposer & à freezer une "page type" en exemple, en plus de l'acceuil ... afin de se faire une idée du "nouveau look ... le tout en mode non connecté & en mode connecté, bien sûr...

... on en a donc pour quelques semaines pendant lesquelles les codeurs travaillerons sur l'acceuil du site qui a déjà été freezé, puis sur l'accueil du forum qui le sera très vraissemblablement lundi prochain...
... il y a donc du boulot pour tout le monde...

ensuite, ça sera le tour du planet, Poupoul2 est en train de nous préparer quelque chose... ça devrait aller très vite,
il faudrait que tout celà soit terminé pour les fêtes de fin d'année... pour laisser le temps ensuite aux codeurs de travailler jusqu'à la mise en ligne du site entièrement relooké qui devra impérativement "sortir" avant Lucid Linx !
c'est l'objectif... (maintenant, que ça soit 1 semaine ou 3 mois avant, il ne tiens qu'à nous !)

***
(NB :Message "perso" : Une fois tout ceci terminé si le coeur vous en dit (ou avant), et si le projet vous intéresse, je serais ravi que vous veniez vous joindre à mon projet "Sweetux" (voir lien dans ma signature), d'avance, merci... je m'y sent un peu seul... >>> ceci est un "appel à volontaires")

Dernière modification par sam7 (Le 18/11/2009, à 22:57)

sam7 · Le 19/11/2009, à 23:09

dites moi, je viens d'avoir une bonne idée que j'aurais du avoir plus tôt !
au lieu de chercher à caser la page http://doc.ubuntu-fr.org/portail qui bug et qui n'est pas très belle ...
autant mettre en page d'accueil alternative la page http://doc.ubuntu-fr.org/thesaurus

qu'en dites-vous ?

ainsi, l'utilisateur pourrait avoir, au choix :

http://doc.ubuntu-fr.org/thesaurus
ou
http://doc.ubuntu-fr.org/utilisateurs/yannubuntu/proposition_accueil11

portail N°1 "par défaut" en mode non connecté
portail N°2 "par défaut" en mode connecté ... une personne connecté pouvant choisir dans ses préférence son portail préféré et le mettre par défaut...
.. et avec en bas de page de ces 2 portails un lien pour passer de l'un à l'autre.

Resterait à choisir lequel serait le N°1 & lequel serait le N°2...

Il resterait juste à habiller ces pages (comme toutes les autres d'ailleurs, avec le nouveau look...

par exemple, pour les titres "Matériels" / "Système" / "Multimédia" / "Applications" / "Réseau" / "Programmation" / "Communauté" / "entreprise" ...
... on pourrait reprendre l'idée des bandeaux horizontaux avec le ruban à gauche... idem pour le ruban de la table des matières...

Qu'en dites vous ?

Qui veut bien se lancer pour réaliser ces 2 mokups ?

je pense que après avoir fait les mockups de l'équivallent de
http://forum.ubuntu-fr.org/index.php
luk se fera un plaisir de continuer avec l'équivalent de
http://forum.ubuntu-fr.org/viewforum.php?id=9
& de
http://forum.ubuntu-fr.org/viewtopic.php?id=359964
(j'ai pris les premiers du moment...)

si quelqu'un d'autre pouvait se lancer ?
avec The Gimp si possible... d'avance, merci.

Julientroploin · Le 20/11/2009, à 16:50

Bonne idée de mettre en avant le thésorus : je suis un comtributeur occasionnel (et débutant) de la doc et je ne connaissais même pas cette page!
La possibilité de pouvoir choisir entre plusieurs accueils pour la doc est alléchante, mais comparé au travail que demandera le remaniement ET l'entretient de 2 accueils au lieu d'un, je me demande si ça vaut le coup et si c'est viable. Attendons d'autres avis avant de s'emballer... et puis c'est peut être une question qui devrait être soulevé dans l'autre fils, celuis sur le contenu.

Pour ce qui est des mockups de la doc, je pense vraiment qu'il ne faut pas travailler par page (même si il faudra à un moment donné vérifier la cohérence...) mais par élément.
Par exemple se demander si on doit garder des titres très simples comme actuellement ou s'il faut mieux mettre en évidence les "grands titres" (je rappelle qu'il y à actuellement 5 niveaux de titre)?
Se demander à quoi ressemblera chaque type de note, etc...

Investir du temps dans des mockups d'ensemble avant d'avoir valider ces éléments me semble du gaspillage.
D'autres avis sur la démarche à adopter?

Ner0lph · Le 20/11/2009, à 17:12

Julientroploin a écrit :

Pour ce qui est des mockups de la doc, je pense vraiment qu'il ne faut pas travailler par page (même si il faudra à un moment donné vérifier la cohérence...) mais par élément.
Par exemple se demander si on doit garder des titres très simples comme actuellement ou s'il faut mieux mettre en évidence les "grands titres" (je rappelle qu'il y à actuellement 5 niveaux de titre)?
Se demander à quoi ressemblera chaque type de note, etc...
Investir du temps dans des mockups d'ensemble avant d'avoir valider ces éléments me semble du gaspillage.
D'autres avis sur la démarche à adopter?

Moi, je suis tout à fait d'accord avec toi, c'est sam7 qui mélange tout (et qui écrit la même choses dans les 2 fils)... Bouh, pas bien !

sam7 · Le 21/11/2009, à 00:09

tu as raison Julientroploin ... il faut effectivement sans doute commencer par regarder comment présenter les titres, et le reste...
mais si on prends une page comme http://doc.ubuntu-fr.org/thesaurus comme page d'accueil,
personnellement, je trouve que ça serait bien d'avoir les bandeaux pour les titres, pour harmooniser la présentation avec celle du forum...
donc, quel est le niveau de ces titres (sur les 5 ?) et que donnerait toutes les pages de la doc avec des bandeaux pour les titres de même niveau... faut il changer le niveau de ces titres afin que celà ailles mieux dans les autres pages...
ça peut être des questions pertinentes
fatalement, je me doute bien que pouravoir ces bandeaux, il faut des titres de "haut niveau"...
par exemple :
NIVEAU 1 = TITRE DE PAGE (grosse police grasse : texte de la couleur du "-FR")
NIVEAU 2 = TITRE AVEC BANDEAU & RUBAN
NIVEAU 3 = SOUS-TITRE (Police gras moyenne : texte de la couleur du "-FR")
NIVEAU 4 = sous-sous titre (police gras normale : texte de couleur à déterminer)
NIVEAU 5 = sous-sous-sous titre (police gras italique : texte de couleur à déterminer)

... ou un équivalent du même genre... vous voyez l'idée... qu'en dites-vous ?

Bouh ! j'ai fait le lien entre les 2 fils avec un copier coller... c'était plus facile pour moi... car je pense que pour l'esthétique, le choix du contenu de la page est important et je voulais préciser les choix possible proposés sur le fil dédié au "fond" pour informer ceux qui s'occupent de la "forme"...

YannUbuntu · Le 21/11/2009, à 04:15

les titres actuels de la Doc ne permettent pas bien de differencier les niveaux. C'est un point a ameliorer je pense.

sam7 a écrit :

par exemple :
NIVEAU 1 = TITRE DE PAGE (grosse police grasse : texte de la couleur du "-FR")
NIVEAU 2 = TITRE AVEC BANDEAU & RUBAN
NIVEAU 3 = SOUS-TITRE (Police gras moyenne : texte de la couleur du "-FR")
NIVEAU 4 = sous-sous titre (police gras normale : texte de couleur a determiner)
NIVEAU 5 = sous-sous-sous titre (police gras italique : texte de couleur a determiner)

pourquoi pas ! il faudrait un petit mockup pour visualiser tout ca

Autre point a travailler : l'esthetique des tableaux.

L'esthetique des notes a ete amelioree il y a peu, donc c'est moins urgent AMHA, il faut juste s'assurer qu'elles restent coherentes avec le reste.

Julientroploin · Le 21/11/2009, à 08:45

YannUbuntu a écrit :

les titres actuels de la Doc ne permettent pas bien de differencier les niveaux. C'est un point a ameliorer je pense.

Tout à fait d'accord! les niveaux 2&3 sont tellement proches qu'il est dur de les différencier...
J'aime bien la proposition de sam7... mais j'ai une question (que j'ai déjà posé il y a qq mois sans réponse) : quelle est la police "ubuntu"? ou la trouver?

si je participe aux mockups, j'aurais besoin de le savoir.

Autre point a travailler : l'esthetique des tableaux.

oui, surtout avec une page d'accueil basée sur des tableaux....

sam7 · Le 21/11/2009, à 09:32

effectivement, vous avez raison...
pour l'esthétique des tableaux, il faudrait par exemple que :
- la couleur du "bandeau titre de colonne" soit de la couleur des bandeaux que l'on trouve par exemple sur le rpojet de page d'accueil du forum dérivée de la couleur dominante du site
- la couleur du cadre des tableaux soit de la couleur du "-fr"

tout ça me fait penser que l'on a pas procédé aux déclinaisons kubuntu/xubuntu/edubuntu de la page d'accueil du forum qui est quazi freezée...
... et qui le sera avec 99 chances sur 100 dès lundi lors de la réunion IRC...
... mais c'est sans doute préférable

> dans les 4 semaines qui viennent (avant les fêtes)
- les graphistes se concentre au niveau mockups "images" :
de la documentation (qui est volontaire ?) et du planet (poupoul2, où en es-tu ?)
- et en parallèle, les codeurs peuvent nous proposer leur travail :
de la page d'accueil du site puis du forum (dès qu'il sera validé)

> à partir de janvier (après les fêtes)
- les graphistes déclinerons des variantes pour :
le forum, la documentation et le planet,
- pendant que les codeurs s'attaquerons :
à la documentation et au planet, dès qu'ils en auront terminé de la page d'accueil du site & du forum...
(il serait souhaitable que la nouvelle page d'accueil du site soit entièrement terminée avant les fêtes... au moins dans la déclinaison "ubuntu")

... jusqu'à mise en ligne du site relooké : date butoire : 7 jours avant la sortie de la prochaine LTS...

que dites-vous de ce programme ?
ces délais vous semblent-ils à tous raisonnable ?
(éventuellement, on avisera lundi lors de la réunion)

Dernière modification par sam7 (Le 23/11/2009, à 21:34)

TheBootroo · Le 21/11/2009, à 10:44

mouais fin a la base ca devait pas etre pour intrepid , puis pour jaunty, enfin karmic ....

ca ce trouve a la prochaine LTS ubuntu va changer de couleur et faudra tout refaire

sam7 · Le 21/11/2009, à 12:30

concernant l'éventuelle nouvelle couleur des futures versions d'ubuntu... on s'adaptera le moment venu, et puis c'est tout...
justement, depuis le temps que l'on est sur ce projet de refonte de l'esthétique du site, je crois que le moment est venu de vraimenbt se caller impérativement pour la sortie de Lucid Linx ... sinon, dans 10 ans, on en sera encore à envisager l'éventualité d'espérer un petit lifting...

je crois que maintenant le temps presse !

nous sommes presque biens calés... et si par exemple on arrive pas à ce décider par exemple pour les diverses icônes et autres "bricoles" de la documentation... il n'y aura qu'à garder les actuelles, et puis c'est tout... avec le nouveau look (en particulier du bandeau latéral gauche) ça sera déjà un grand changement, et c'est ça le principal...

breakolami · Le 21/11/2009, à 13:53

Je vais mettre mon grain de sel

OCportal est fabuleux vous devriez l'essayer, on peut tout faire avec il contient vraiment toutes les fonctions pour faire un site terrible

YannUbuntu · Le 21/11/2009, à 16:00

@julientroploin: la police est dans les depots il me semble. EDIT: paquet ttf-ubuntu-title

Dernière modification par YannUbuntu (Le 21/11/2009, à 16:25)

Ner0lph · Le 21/11/2009, à 18:46

YannUbuntu a écrit :

@julientroploin: la police est dans les depots il me semble. EDIT: paquet ttf-ubuntu-title

Je confirme : ttf-ubuntu-title

sam7 · Le 21/11/2009, à 23:44

petite mise à jour (pour info) : l'accueil de la documentation revu & corrigé est maintenant celui-ci :
http://doc.ubuntu-fr.org/utilisateurs/yannubuntu/proposition_accueil12
(viendra peut-être une "petite" retouche prochainement)

... pour "mise en image" par un "gimpiste" volontaire pour avant la réunion de lundi soir si possible ?
d'avance, merci.

Dernière modification par sam7 (Le 21/11/2009, à 23:46)

Ner0lph · Le 22/11/2009, à 01:46

Petite remarque : l'exemple de la future page d'accueil de la doc est un exemple de tableau moyennement complexe (des lignes d'entêtes de colonnes sont présentes dans le corps du tableau). C'est un cas à gérer dans le cas général.

sam7 · Le 22/11/2009, à 11:35

tout à fait d'accord avec toi...
& dans le cadre générale, autant débuter par les "soucis" rencontrés sur la page d'accueil !

sam7 · Le 23/11/2009, à 21:43

Réunion IRC en cours depuis une demi-heure ... canal #ubuntu-fr-devweb
venez nous rejoindre

à l'ordre du jour ce soir :

1) le planning proposé ici
http://forum.ubuntu-fr.org/viewtopic.php?pid=3084368#p3084368
... il semble convenir à tous...

sam7 a écrit :

> dans les 4 semaines qui viennent (avant les fêtes)
- les graphistes se concentre au niveau mockups "images" :
de la documentation (qui est volontaire ?) et du planet (poupoul2, où en es-tu ?)
- et en parallèle, les codeurs peuvent nous proposer leur travail :
de la page d'accueil du site puis du forum (dès qu'il sera validé)
> à partir de janvier (après les fêtes)
- les graphistes déclinerons des variantes pour :
le forum, la documentation et le planet,
- pendant que les codeurs s'attaquerons :
à la documentation et au planet, dès qu'ils en auront terminé de la page d'accueil du site & du forum...
(il serait souhaitable que la nouvelle page d'accueil du site soit entièrement terminée avant les fêtes... au moins dans la déclinaison "ubuntu")

... jusqu'à mise en ligne du site relooké : date butoire : 7 jours avant la sortie de la prochaine LTS...

poupoul2 : peux-tu mettres à jour la timeline avec ces éléments ? merci
http://doc.ubuntu-fr.org/projets/design2009
& il faudrait remettre également les mockups freezés à jour... McPeter ? Juluientroploin ?

2) le freeze du travail de luk
http://lukdesigner.free.fr/Ubuntu/v4/forumV4.png
http://lukdesigner.free.fr/Ubuntu/v4/forumV4_connecte.png
... c'est tout bon : on garde ...
julientroploin mets les images sur le serveur...
luk , peux-tu fournir les découpes svp merci ?

3) codage en cours par McPeter de l'accueil du site
http://www.ubuntu-fr.homelinux.org/dev/SITE/HTML/accueil_new.html
il a énormément bossé dessus ...

McPeter a écrit :

sachez que ça passe sans soucis sous :
FF
Opera
Epiphany
Galeon
Konqueror
Chromium
pas encore testé aucun IE ni Safari
1: j'ai reprit 100 % du css depuis zero
2: reprise de 99 % des images (découpe) et plus tard optimisation
3: refais 2 fois le css complet :\
4: petites modifs du html
y'a une surprise
a : annulation du div conteneur du formulaire de recherche (il sert à rien)
b : modification du code pour le screenshoot :
il y avait : <img ../><ul>...précédent / suivant
j'ai fait : précédent - img - suivant
tout en <a>
c : modification des titres H2
passé de <h2> texte </h2> à <div class="title-block"><h2><span> texte </span></h2></div>
d : modification légère du code du block #nav
les <li> /n présentent des bugs
transformé en <li>..</li><li.. (donc sans retour chariot)
voilà pour le HTML
maintenant le CSS :
1 : un code de base général à tout le site .. celui que vous voyez à présent
c'est base.css
c'est un style : neutre
maintenant , petite magie pour ceux qui connaissent pas :
sous Firefox (IE aussi . .si si) y'a possibilité de désactiver les style .. mais cette possibilité permet aussi de choisir d'autres styles présent ;o)
donc maintenant faites un : Affichage -> Style de la page -> Ubuntu
**magie**

bravo ! il reste encore pas mal de choses à faire (& des petits soucis à régler)... mais c'est un bon début ...

4) on parlera ensuite de la documentation...
pour mémo : http://doc.ubuntu-fr.org/wiki/syntaxe

en prenant cette page pour accueil principale
http://doc.ubuntu-fr.org/utilisateurs/yannubuntu/proposition_accueil12
& celle-ci en "secondaire"
http://doc.ubuntu-fr.org/thesaurus

à voir pour les polices, les tableaux & pour les bandeaux avec rubans...
... qui peut mettre en images rapidement ces 2 pages pour se faire une idée ?

on y réfléchit ici (éditer si nécessaire) en plus du forum :
http://doc.ubuntu-fr.org/utilisateurs/julientroploin/test_doc

affaire à suivre... il y a un timing à respecter !
d'avance, merci

5) pour finir ... ceci : http://www.toutestgratuit.org/
Les copieurs ... ils n'ont pas le droit de faire ça ! c'est LAMENTABLE...

Dernière modification par sam7 (Le 23/11/2009, à 23:42)

Julientroploin · Le 23/11/2009, à 23:57

sam7 a écrit :

on y réfléchit ici (éditer si nécessaire) en plus du forum :
http://doc.ubuntu-fr.org/utilisateurs/julientroploin/test_doc

j'ai créé la page pour que tout le monde voit bien ce qu'il faut "mockuper" pour la doc et pour qu'on sache comment s'appelle chaque élément.
C'est pour simplifier les discutions qui se déroulent ici, pas sur la page.

Par contre tu as raison : si quelqu'un repère un oublie et sait utiliser la doc, qu'il édite, sinon qu'il le signale ici, je m'en occuperais.

Bonne nuit...

EDIT : quelques remarques pour les titres.
actuellement :
- une seule police
- 3 couleurs
- titres non alignés / non décalés de façons logiques;

on peut / doit jouer sur ces 3 éléments pour améliorer les choses tout en gardant à l'esprit que l'on doit utiliser des polices courantes.

Dernière modification par Julientroploin (Le 24/11/2009, à 00:01)

sam7 · Le 23/11/2009, à 23:59

petit apparté avec ceci (un peu hors sujet, mais c'est pour la bonne cause):
http://forum.ubuntu-fr.org/viewtopic.php?pid=3091317#p3091317
pour actualisation de http://www.ubuntu-fr.org/revendeurs avec http://www.pcubuntoo.fr/
merci d'avance pour lui...

Dernière modification par sam7 (Le 24/11/2009, à 00:01)

YannUbuntu · Le 24/11/2009, à 06:54

salut !

1) mettre à jour la page http://doc.ubuntu-fr.org/projets/design2009 avec les derniers mockups de la page d'accueil :

luK a écrit :

- accueil ubuntu: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4.3.png
- accueil kubuntu: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_k.3.png
- accueil xubuntu: http://lukdesigner.free.fr/Ubuntu/v4/accueilV4_x.3.png

2) Au risque de me répéter, remplacer "Lettre Hebdomadaire" par "Le Magazine"

@McPeter: bravo et bon courage pour le codage http://www.ubuntu-fr.homelinux.org/dev/SITE/HTML/accueil_new.html . Voici ce que ca donne chez moi :

Julientroploin · Le 24/11/2009, à 09:04

YannUbuntu a écrit :

1) mettre à jour la page http://doc.ubuntu-fr.org/projets/design2009 avec les derniers mockups de la page d'accueil

McPeter s'est proposé de le faire

[b]Voici ce que ca donne chez moi : http://i48.tinypic.com/15pq52o.png

J'ai ça aussi sur un écran en 1024*768 lorsque je suis en plein écran (F11) mais quand je suis juste en fenêtre maximisée, j'ai encore 2 soucis :
- le halo qui reste sur présentation en permanence
- la flèche suivante qui se balade en dessous de SOUTIEN dans le menu du bas...

sam7 · Le 24/11/2009, à 23:07

Merci à McPeter... car il y a du boulot !

Mpok · Le 26/11/2009, à 06:33

Chez moi, la page http://www.ubuntu-fr.homelinux.org/dev/SITE/HTML/accueil_new.html ne passe pas du tout bien..
(Ubuntu, FF 3.0)
Certains textes se chevauchent... (comme le texte de titre)

Smon · Le 26/11/2009, à 10:46

Et le titre "Soutien" pique les yeux

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#1126 Le 18/11/2009, à 19:45

Re : revoir l'esthétique du site

#1127 Le 18/11/2009, à 22:44

Re : revoir l'esthétique du site

#1128 Le 19/11/2009, à 23:09

Re : revoir l'esthétique du site

#1129 Le 20/11/2009, à 16:50

Re : revoir l'esthétique du site

#1130 Le 20/11/2009, à 17:12

Re : revoir l'esthétique du site

#1131 Le 21/11/2009, à 00:09

Re : revoir l'esthétique du site

#1132 Le 21/11/2009, à 04:15

Re : revoir l'esthétique du site

#1133 Le 21/11/2009, à 08:45

Re : revoir l'esthétique du site

#1134 Le 21/11/2009, à 09:32

Re : revoir l'esthétique du site

#1135 Le 21/11/2009, à 10:44

Re : revoir l'esthétique du site

#1136 Le 21/11/2009, à 12:30

Re : revoir l'esthétique du site

#1137 Le 21/11/2009, à 13:53

Re : revoir l'esthétique du site

#1138 Le 21/11/2009, à 16:00

Re : revoir l'esthétique du site

#1139 Le 21/11/2009, à 18:46

Re : revoir l'esthétique du site

#1140 Le 21/11/2009, à 23:44

Re : revoir l'esthétique du site

#1141 Le 22/11/2009, à 01:46

Re : revoir l'esthétique du site

#1142 Le 22/11/2009, à 11:35

Re : revoir l'esthétique du site

#1143 Le 23/11/2009, à 21:43

Re : revoir l'esthétique du site

#1144 Le 23/11/2009, à 23:57

Re : revoir l'esthétique du site

#1145 Le 23/11/2009, à 23:59

Re : revoir l'esthétique du site

#1146 Le 24/11/2009, à 06:54

Re : revoir l'esthétique du site

#1147 Le 24/11/2009, à 09:04

Re : revoir l'esthétique du site

#1148 Le 24/11/2009, à 23:07

Re : revoir l'esthétique du site

#1149 Le 26/11/2009, à 06:33

Re : revoir l'esthétique du site

#1150 Le 26/11/2009, à 10:46

Re : revoir l'esthétique du site

Pied de page des forums