revoir l'esthétique du site

sam7 · Le 07/09/2009, à 21:24

vraiement très bon comme travail luk !
ça vallait le coup d'attendre un peu...

merci

Mpok · Le 08/09/2009, à 02:00

Bien sûr, le zoom doit être "limité" dans l'implémentation. Deux ou trois niveaux en plus ou en moins sont la norme. Au-delà, c'est chercher la petite bête pour pas grand-chose..

Note @luk : j'ai pas bien compris ton explication sur les tailles des images. Lors d'un redimensionnement des polices, les images ne SONT PAS redimensionnées (je ne parle pas de la fonction "zoom" de Firefox, mais bien du choix par défaut des polices sur TOUS les navigateurs). A mon avis, la taille (et la résolution originale) des images n'a rien à faire dans ce débat.
D'autre part, ma remarque initiale n'était pas uniquement liée au redimensionnement : même sans redimensionnement des polices, il y a chevauchement (du texte sur l'image). Alors tu vas me dire "fond transparent". Ok. Mais certains navigateurs gèrent assez mal la transparence, donc pbms à prévoir...
(Note : je n'ai jamais dit que c'était infaisable, je donne juste quelques pistes sur les problèmes "qu'il faudra gérer").

sam7 · Le 08/09/2009, à 21:20

réunion ce soir sur IRC (dans le canal habituel, en ce moment même) avec des nouveaux venus qui vont "coder" ce qui a été freezé...

@ luk, il serait souhaitable, si tu le peux, d'avancer dans les mockups un peu plus rapidement,
& éventuellement, de commencer également une ébauche du planet (pour les nouveaux contributeurs / codeurs que l'on remercie d'avance)
en cas de difficultés, fait le nous savoir ici, peut-être the bootroo ou quelqu'un d'autre pourra t'il également proposer des mockups...

merci à vous

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

sam7 · Le 09/09/2009, à 20:30

bonsoir à tous...
suite à la réunion d'hier soir, il a été décidé un certain nombre de choses...

sur la page d'accueil qui a été freezée il y a un moment déjà, il nous faut rajouter ceci :

« Par où commencer », « L'association », « contribuer à Ubuntu-fr »

j'ai 2 ou 3 idées, je vais donc vous les poster tout à l'heure...

Dernière modification par sam7 (Le 09/09/2009, à 21:37)

sam7 · Le 09/09/2009, à 21:28

après avoir regardé de prêt la version freezée en fonction de ce qui nous a été demandé... je me rends compte qu'il ne reste qu'une seule solution possible selon moi...

actuellement, de prévu dans le bandeau inférieur de la future page d'accueil,
http://doc.ubuntu-fr.org/_detail/projets/freeze_accueilv4.png?id=projets%3Adesign2009

nous avons 3 colonnes...

>> dans la première intitulée "SUPPORT" nous avons :

* documentation
* forum
* support interactif

>> dans la seconde intitulée "PUBLICATIONS" nous avons :

* planet
* la boutique
* lettre habdomadaire
* interviews

>> dans la troisième intitulée "RESEAU" nous avons :

* contribuer à ubuntu
* soutenir ubuntu-fr
* liens
* partenaires & revendeurs

>> et nous devons réussir à "caser" :

1 « Par où commencer »,
2 « L'association »,
3 « contribuer à Ubuntu-fr » ... or, nous l'avons déjà !

selon moi, la "solution" est alors toute trouvée, nous devrons donc avoir ceci à la place :

>> dans la première intitulée "SUPPORT" nous devrions avoir :

* par où commencer
* documentation
* forum
* support interactif

>> dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :

* planet
* la boutique
* lettre habdomadaire
* interviews

>> dans la troisième intitulée "RESEAU" nous devrions avoir :

* contribuer & soutenir la distribution ubuntu
* contribuer & soutenir l'association ubuntu-fr
* partenaires & revendeurs
* liens

qu'en dites vous ?

Dernière modification par sam7 (Le 09/09/2009, à 21:40)

fabien961 · Le 09/09/2009, à 22:16

Salut à tous
Pour ceux qui n'étaient pas à la réunion IRC hier, je suis un des codeurs volontaires.
J'ai repris le mockup HTML de AlexandreP là : http://dev.ubuntu-fr-secours.org/alexandrep/ufr-mockup/
Je voudrais savoir où je peux uploader mes modifs pour avoir votre avis ?

@sam7 : ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...

Levi59 · Le 10/09/2009, à 01:23

fabien961 a écrit :

ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...

Pourquoi pas mettre "contribution et soutient" puis dans un petit sous menu qui ne s'ouvrirait que lors du clic, mettre "à la distribution" et en dessous "à l'association"?

Dernière modification par Levi59 (Le 10/09/2009, à 01:25)

YannUbuntu · Le 10/09/2009, à 13:44

@sam7: tres bien, sauf qu'a mon avis on n'a pas besoin de mettre "contribuer & soutenir la distribution ubuntu" car c'est deja inclus dans "contribuer & soutenir l'association ubuntu-fr" ( http://www.ubuntu-fr.org/contribuer-ubuntu-fr )

Julientroploin · Le 10/09/2009, à 16:41

Levi59 a écrit :

fabien961 a écrit :
ça me parait très bien ces menus, sauf peut-être "contribuer & soutenir la distribution ubuntu" qui est un peu long ...
Pourquoi pas mettre "contribution et soutient" puis dans un petit sous menu qui ne s'ouvrirait que lors du clic, mettre "à la distribution" et en dessous "à l'association"?

Autre solution pour raccourcir l'intitulé : on n'est pas obliger de préciser "ubuntu" et "ubuntu-fr". C'est marqué partout et ça peut être relegué sur la page liée.
Ce qui donne :
* contribuer & soutenir la distribution
* contribuer & soutenir l'association

Je serais même pour supprimer soit "contribuer &" soit "& soutenir" de l'intitulé, je trouve ça redondent même si c'est vrai qu'il y a une légère nuance.

Sinon, j'aime moins, mais vous avez pensé qu'il pourrait y avoir des infos supplémentaires dans des "étiquettes" qui apparaissent au survol? C'est courant donc je pense pas que ce soit difficile à coder...

Par exemple :
* intitulé : "Contribuer à l'association"
* étiquette : "Les différentes façons de soutenir l'association Ubuntu-fr"

Ner0lph · Le 10/09/2009, à 18:15

luK a écrit :

- citations: http://lukdesigner.free.fr/Ubuntu/v4/docV4_Quote.png

Ok pour moi.

luK a écrit :

- tableaux: http://lukdesigner.free.fr/Ubuntu/v4/docV4_Array.png

Pas mal, mais le ruban rend le tableau trop lourd. Il vaut mieux ne pas en mettre. Et de toutes façons, on ne pourra pas le mettre en CSS.

Dernière modification par Ner0lph (Le 10/09/2009, à 18:31)

YoBoY · Le 10/09/2009, à 18:43

Il me faudrait un visuel sans entête et également un visuel avec des cases en-tête en plein dans le tableau pour la doc.

Les tableaux dans la doc sont simple, une case en-tête est définie par des ^ ^ et une case simple par des | | ce qui fait qu'on peux avoir plein de combinaisons

Tes exemples se traduiraient par :

Au final on a 2 types de cases, une case "entête" et une case "contenu" ces deux cases pouvant être librement utilisées. Le design des tableaux doit donc suivre cette contrainte, sauf si en CSS on peux aussi définir un genre de 1ère ligne et 1ère colonne, ce qui lèverait cette contrainte.

Merci encore pour cet excellent travail dans tous les cas.

Ner0lph · Le 10/09/2009, à 19:47

YoBoY a écrit :

Le design des tableaux doit donc suivre cette contrainte, sauf si en CSS on peux aussi définir un genre de 1ère ligne et 1ère colonne, ce qui lèverait cette contrainte.

Je pense que c'est possible grâce à la pseudo-classe « :first-child » ou « :first-line ». Mais il vaut mieux prévoir le cas où cela serait difficile.

YoBoY a écrit :

Merci encore pour cet excellent travail dans tous les cas.

Oui, tout fait, on ne le dit pas assez !

Dernière modification par Ner0lph (Le 10/09/2009, à 20:12)

sam7 · Le 10/09/2009, à 22:03

très bien Levi59
j'y pensais également...
et effectivement, un "truc" au survol pourrait être sympa !

fabien961 · Le 11/09/2009, à 17:35

effectivement, un "truc" au survol pourrait être sympa !

Bien d'accord avec toi sam7, et pourquoi ne pas prendre exemple sur ça :
http://meyerweb.com/eric/css/edge/popups/demo.html
chaque menu a droit à son complément en dessous quand on fait un rollover, et tout ça en pure CSS !

Levi59 · Le 11/09/2009, à 18:31

fabien961 a écrit :

effectivement, un "truc" au survol pourrait être sympa !
Bien d'accord avec toi sam7, et pourquoi ne pas prendre exemple sur ça :
http://meyerweb.com/eric/css/edge/popups/demo.html
chaque menu a droit à son complément en dessous quand on fait un rollover, et tout ça en pure CSS !

Pas mal! et ca reste apparemment assez léger. Maintenant est-ce que ca s'intègrerait dans le thème actuel?

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

j'aime bien, effectivement... mais pour l'intégration avec le thème,
je ne suis pas sûr que ça puisse le faire...
ce qui est dommage
... il faudrait trouver autre chose,
peut être une sorte d'infobulle qui s'afficherais au dessus ?

Julientroploin · Le 12/09/2009, à 09:34

sam7 a écrit :

peut être une sorte d'infobulle qui s'afficherais au dessus ?

C'est a ça que je pensait quand j'ai émis l'idée... comme ça se fait dans wikipédia.

sam7 · Le 12/09/2009, à 15:41

ça me va bien...
il ne reste plus qu'à mettre en "image"...
(avant la réunion de mardi soir si possible)
qui est volontaire ?

fabien961 · Le 12/09/2009, à 18:36

Moi, j'ai commencé à faire des essais, mais je ne sais pas où je peux mettre ça pour vous les montrer. Je vais voir si je peux créer un compte free avec un espace FTP, mais si je peux avoir un espace comme celui-là, ce sera peut-être mieux.
Quelqu'un sait comment faire ?

Julientroploin · Le 12/09/2009, à 18:57

Moi aussi, j'avais un moment cet après-midi donc j'ai tenté un truc :

Modifs :
- colonne "Support"
- "étiquette" au survol

Mais bon j'avais pas les sources, c'est de la bidouille à partir du .png...
En tout cas, c'est comme ça que je voyais les choses.

@Fabien : sur http://pix.toile-libre.org/ pas besoin d'une quelconque inscription et ça va vite.

Dernière modification par Julientroploin (Le 12/09/2009, à 18:58)

sam7 · Le 12/09/2009, à 20:11

c'est sympa... mais pas tout à fait au point... (colonne "Réseau"... permuter p&r avec liens)
& "la carte des utilisateurs" que quelqu'un avait glissé ici serait à replacer (ailleurs...?)
peut-être alors passer à 5 par colonne en trouvant un 5è pour "Publication" ?

fabien961 · Le 12/09/2009, à 21:27

Je rajouterai une autre remarque : le texte de l'infobulle en blanc avec la même police que "Contribuer à Ubuntu", ce serait mieux, non ?

@Julientroploin : Pour l'hébergement, il me faut un vrai serveur car c'est le code html et non l'image sur lequel je travaille. Mais ça va aller, il faut 2 jours à free pour créer un compte et j'ai commencé le processus jeudi soir, donc demain matin ça devrait être bon.
Mais voilà déjà un screenshot :

Je suis parti de la version d'AlexandreP

@sam7 :

"la carte des utilisateurs" que quelqu'un avait glissé ici serait à replacer (ailleurs...?)

Tu veux dire qu'il faut mettre "la carte des utilisateurs" dans le menu ou l'enlever ?

Julientroploin · Le 12/09/2009, à 22:33

@Fabien : effectivement j'avais pas compris que tu bossait sur le code.

Je pense que Sam voulait la rajouter puisqu'il parlait de paser à 5/colonne, mais comme tu l'a placé et en fusionnant les 2 contributions, c'est bien équilibré. Et puis je trouve ça bien dans "Réseau".

sam7 · Le 13/09/2009, à 12:03

effectivement, c'était à rajouter...

je verrais bien ainsi :

>> dans la première intitulée "SUPPORT" nous devrions avoir :

* par où commencer
* documentation
* forum
* support interactif
* la carte des utilisateurs

>> dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :

* planet
* la boutique
* lettre habdomadaire
* interviews
* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux
http://fullcircle-mag.fr/index.php?pages/publications http://www.generation-linux.fr/index.php? http://www.breizh-ardente.fr/article/installer-ubuntu http://www.ed-diamond.com/ http://www.linuxmag-france.org/ voire même éventuellement http://www.magazine-avosmac.com/opensource/
et bien d'autres encore ... )

>> dans la troisième intitulée "RESEAU" nous devrions avoir :

* contribuer & soutenir
- la distribution ubuntu
- l'association ubuntu-fr
* partenaires & revendeurs
* liens (mais que veulent-ils y mettre exactement ?)

(en rajoutant des infobulles pour chacun des 15 liens ci-dessus)

Dernière modification par sam7 (Le 13/09/2009, à 12:10)

poupoul2 · Le 13/09/2009, à 12:06

sam7 a écrit :

>> dans la seconde intitulée "PUBLICATIONS" nous devrions avoir :
* planet
* la boutique
* lettre habdomadaire
* interviews
* (un 5è à trouver... par exemple une page donnant des liens vers tous les sites parlant d'ubuntu & de linux)

Nous avons initialement positionné la boutique dans les publications, ce qui ne semble pas très logique. Elle aurait sans doute plus sa place dans la section réseau.

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#801 Le 07/09/2009, à 21:24

Re : revoir l'esthétique du site

#802 Le 08/09/2009, à 02:00

Re : revoir l'esthétique du site

#803 Le 08/09/2009, à 21:20

Re : revoir l'esthétique du site

#804 Le 09/09/2009, à 20:30

Re : revoir l'esthétique du site

#805 Le 09/09/2009, à 21:28

Re : revoir l'esthétique du site

#806 Le 09/09/2009, à 22:16

Re : revoir l'esthétique du site

#807 Le 10/09/2009, à 01:23

Re : revoir l'esthétique du site

#808 Le 10/09/2009, à 13:44

Re : revoir l'esthétique du site

#809 Le 10/09/2009, à 16:41

Re : revoir l'esthétique du site

#810 Le 10/09/2009, à 18:15

Re : revoir l'esthétique du site

#811 Le 10/09/2009, à 18:43

Re : revoir l'esthétique du site

#812 Le 10/09/2009, à 19:47

Re : revoir l'esthétique du site

#813 Le 10/09/2009, à 22:03

Re : revoir l'esthétique du site

#814 Le 11/09/2009, à 17:35

Re : revoir l'esthétique du site

#815 Le 11/09/2009, à 18:31

Re : revoir l'esthétique du site

#816 Le 11/09/2009, à 21:24

Re : revoir l'esthétique du site

#817 Le 12/09/2009, à 09:34

Re : revoir l'esthétique du site

#818 Le 12/09/2009, à 15:41

Re : revoir l'esthétique du site

#819 Le 12/09/2009, à 18:36

Re : revoir l'esthétique du site

#820 Le 12/09/2009, à 18:57

Re : revoir l'esthétique du site

#821 Le 12/09/2009, à 20:11

Re : revoir l'esthétique du site

#822 Le 12/09/2009, à 21:27

Re : revoir l'esthétique du site

#823 Le 12/09/2009, à 22:33

Re : revoir l'esthétique du site

#824 Le 13/09/2009, à 12:03

Re : revoir l'esthétique du site

#825 Le 13/09/2009, à 12:06

Re : revoir l'esthétique du site

Pied de page des forums