revoir l'esthétique du site

andso · Le 09/04/2009, à 23:10

j' avais posté, en dehors de la plaque, un look ultime, je récidive:
http://gnome-look.org/CONTENT/content-pre1/101442-1.jpg
http://www.xfce-look.org/content/show.php/UbuntWood?content=100599
oups, mais ça a une gueule,trop ultime
je me demande, et à vous, le besoin d' une identité forte, pas forcément celle la?
c' est pour ça que j' aime ce qu' a proposé incoming.
Il ne faut pas tomber dans le consensus mou.
Le marron, bof, mais allons y(chaque numéro ouvre un fil de discussion):
0 proposer pour avoir des avis
1 appel aux graphistes
2 ergonomie du site: process reflexions
3 réalisation: codeurs htlm
4 timing: pb de lead (j' ai lu que ça devait sortir pour intrépid, et jack arrive...)
le libre c' est bien joli

http://lukdesigner.free.fr/Ubuntu/v3/mockUpUbuntu.png
http://lukdesigner.free.fr/Ubuntu/v3/mockUpUbuntu2.png
y' a pas d'identité là dedans, sorry, mais je le pense

je sens que va pas y avoir d' amis

Edit les liens d'incoming cherchesà me faire une rencontre sympa, fais chier ces merdes qui t' obligent
http://imagik.fr/view-rl/156726

Dernière modification par andso (Le 09/04/2009, à 23:43)

Smon · Le 09/04/2009, à 23:21

Je comprend l'importance d'avoir une identité, mais il ne faut pas aussi oublier que la distribution Ubuntu s'adresse à un public trèèès large, et à plus forte raison notre site Web qui doit toucher tout le monde, en passant pas les windowsiens et les macqueux.

Sans compter qu'il faut éviter de péter la pupille de papy, et rester assez simple pour Kevin ...

Dans cette perspective, je pense que nous avons su garder une certaine identité, tout en nous adaptant.

Ceci dis, toutes les propositions concrètes seront les bienvenues

andso · Le 09/04/2009, à 23:47

ouai, mais il faut une réflexion / à l' identité
perso les propositions de luk, ça ne me fait pas vibrer
alors que celles de incoming, il y avait un truc,
c' est pourquoi je proposais de subdiviser

et d' avancer

Dernière modification par andso (Le 09/04/2009, à 23:48)

Smon · Le 09/04/2009, à 23:58

Oui mais tu comprends bien que le projet est déjà très avancé, et que sans proposition solide et concrète, on ne peut pas se permettre de tout remettre en question

andso · Le 10/04/2009, à 00:11

je comprends,
et je n'ai pas, encore, les moyens techniques pour apporter ma pierre, mais je crois qu'il faut dissocier la démarche look de la faisabilité technique, voilà pourquoi je voulais recentrer l' histoire.
Et celà me parait important: si chacun code dans son coin, aucun intérêt, tout le monde avancera à côté.
et je persiste: bof
ces liens d' incoming qui ne s' ouvrent pas chez moi
http://pix.nofrag.com/b/4/a/d791f74a5c10eb204710895fc0a5a.html
http://pix.nofrag.com/3/f/e/bea0e3bd04801623182c1e9e377e2.html

Dernière modification par andso (Le 10/04/2009, à 00:24)

AlexandreP · Le 10/04/2009, à 04:15

pix.nofrag.org est mort, alors les images qui ont été postées là-bas ne sont plus visibles.

Sinon : les propositions de LuK que tu remontes sont d'anciennes propositions qui ont été délaissées. Actuellement, on planche sur quelque chose d'autre, inspiré en partie des travaux de Incoming :
- Essai en XHTML de la page d'accueil
- Mockup v4 en image du forum

luK a écrit :

@syubuntu2: Pour les vaguelettes, la question actuelle est plutot:
est ce qu'on les gardes? ( voir la nouvelle proposition forumV4_1.png )
Si oui, est ce qu'on travaille sur la nouvelle proposition ou non?

Avis personnel : j'ai l'impression que c'est un design de Noël. Je ne suis pas fan des banderoles rouges. Je trouve qu'elles ressortent bien trop, qu'elles attirent beaucoup trop le regard. Et je n'aime pas non plus les vaguelettes.

Et c'est une question d'uniformisation avec le reste du site : à quel autre endroit (accueil, page de téléchargement, documentation...) retrouvons-nous ces banderoles ? ces vaguelettes ? Si, par exemple, tous les titres étaient soulignés de vaguelettes, il aurait été logique de retrouver ces mêmes vaguelettes dans les titres du forum. Là, ce n'est pas le cas, et on se demande d'où sortent les vaguelettes. Quant aux banderoles en coin, c'est un concept à garder pour des annonces périodiques, à mon avis. (Ex : annoncer la sortie d'une nouvelle version d'Ubuntu, annoncer une install-party, etc.)

J'aime beaucoup ce brun brossé sur la longueur complète du titre, je trouve que ça fait classe.

Je commence à travailler sur le design du forum. Lâchez vos comm' sur la page d'accueil.

Ce qui me fait rappeler que j'ai une question à vous poser : design à largeur fluide ou design à largeur fixe ?
Un design à largeur fluide (c'est ce que j'ai fait dans ce modèle HTML) s'adapte à la largeur de l'écran sur lequel il est affiché. Par exemple, sur un écran panoramique 1600x1050 dans un navigateur maximisé, il occupera la plus grande largeur disponible, mais se réduira au fur et à mesure qu'on réduit l'espace d'affichage. Le design à largeur fluide est intéressant pour s'adapter aux supports sur lesquels il est affiché, mais est plus difficile (selon moi) à mettre en oeuvre en ce qui a trait aux divers effets d'ombrage.

De son côté, le design à largeur fixe conserve une largeur fixe, peu importe le support sur lequel il est affiché. Si on impose une taille de 900px au cadre central, par exemple, il mesurera 900px autant sur un écran 1600x1500 que sur un écran 800x600 (ce qui implique un défilement horizontal de la page). Par contre, le positionnement d'objets est certainement plus aisé, car on peut spécifier au pixel près l'emplacement d'un élément.

Personnellement, je me suis orienté vers un design fluide. Par contre, dans son essai, Smon a opté pour un design fixe. Mon design ne peut pas respecter totalement ce que fait LuK (ou je n'en ai pas les capacités). Donc, vos avis ?

Dernière modification par AlexandreP (Le 10/04/2009, à 04:38)

kimented · Le 10/04/2009, à 10:03

http://baconnais.simon.free.fr/mockup/html/
J'aime aussi ce style, mais le problème c'est que ça passe très mal sous ie6:
http://img299.imageshack.us/img299/8325/capturex.png
Je sais qu'ie6 est un navigateur obsolète, mais il faudrait une compatibilité minimale (que ça ne soit pas trop moche...). Par exemple, les png transparents ne sont pas obligatoires.

luK · Le 10/04/2009, à 10:03

@AlexandreP: Je suis d'accord avec toi, mise à part le design de Noël mais je comprend.
J'essaye juste d'intégrer les couleurs définies pour les différentes distributions ( Ubuntu=>rouge, Kubuntu=>Bleu,... ).

Un marron vous paraîtrez plus judicieux? Sur les bandeaux ou sur autres choses?

Sinon, pour le code HTML, je penche plus sur une largeur fluide même si pour la page d'accueil, une largeur fixe serait le plus appropriée. Cependant dans un soucis d'homogénéité du site, il vaut mieux une largeur fluide ( afin d'avoir un forum/doc/planet plus large tout en gardant une taille qui concorde avec toutes les sections du site ).
D'ailleurs, la largeur que tu as choisis me parait un bon compromis. Après il reste pas mal de travail au niveau du code.

Au passage, la section "En ce moment" n'est pas la bonne, il devrais plutôt y avoir l'image "BLACK OUT", ce que tu y as mis doit être dans la section "Actualités".
D'ailleurs, afin d'avoir une section "Actualités" la plus complète possible, il serait peut être mieux de virer le dessin de la distribution courante ( Ibex/Jaunty ) et de le garder uniquement pour la section "En ce moment". Ainsi on a un espace dynamique et optimisé, non?

@andso: Nous avons directement repris les travaux d'Incoming. Malheureusement ils se sont limités à la page d'accueil.
Je te conseille de suivre cette page de documentation qui réfère à ce topic. Ça évite de se perdre dans ces 22 pages .

Pour ce qui est de tes ouvertures à un fil de discussion, tous ceci à déjà était fait et est toujours fait à chaque fois que nous avançons d'un pas d'ailleurs.

Enfin, sur ta vision du travail dans le domaine du libre, c'est pas encore ça. Souvent les développements sont lancés par une personne qui a le droit d'imposer le "dernier mot". Pour ce qui est des contributeurs, ils travaillent tous dans leurs coins, développent des petites parties de codes et les proposent à la communauté. C'est ensuite que la communauté choisie ou non d'intégrer ces parties de code. Ainsi petit à petit, le développement se construit.
Malheureusement, ici on travail sur du web design et les goûts et les couleurs...bref nous sommes pas souvent d'accord mais on avance par compromis.

@kimented: Pour le moment, nous avons décidé de ne pas se pencher sur les problèmes de compatibilités avec IE. Ce sera fait plus tard .

Dernière modification par luK (Le 10/04/2009, à 10:06)

Smon · Le 10/04/2009, à 11:44

Puisque la discussion est lancée, IE6 on s'en occupe ou on les envoie balader sur une page qui leur explique que leur navigateur, c'est de la merde et que si ils veulent voir le site tel qu'il est vraiment il doivent installer IE7 ou Firefox ?

Kanor · Le 10/04/2009, à 18:19

IE6 c'est de la merde et donc il se bouge pour changer de navigateur . Sinon le pauvre type qui va faire le site va péter un cable .

lykhead · Le 10/04/2009, à 18:45

pour ce qui est d'ie6 l'ideal serais de proposer une liste de navigateur open source
et le gars choisirais

Julientroploin · Le 10/04/2009, à 18:56

Je trouverais plus "pédagogique" de les envoyer vers une page qui explique que IE6 est trop vieux et de proposer x navigateurs dont des libres en les conseillant fortement, mais de façon argumentée (plus respestueux des standards, etc...)
Le libèrté c'est aussi d'avoir la possibilité de choisir du proprio, mais en connaissance de cause...

Dernière modification par Julientroploin (Le 10/04/2009, à 18:57)

Kanor · Le 10/04/2009, à 19:10

Oui je suis d'accord mais on ne se limite pas à cause de IE6

Кຼزດ · Le 10/04/2009, à 19:22

Kanor a écrit :

Oui je suis d'accord mais on ne se limite pas à cause de IE6

Encore heureux

PPdM · Le 10/04/2009, à 20:16

Kanor a écrit :

IE6 c'est de la merde et donc il se bouge pour changer de navigateur . Sinon le pauvre type qui va faire le site va péter un cable .

gaffe, avec ce genre de remarque (justifiée) tu vas exciter manini et l'autre fondu au pianno et il vont nous pourrir le topic

kimented · Le 11/04/2009, à 11:30

Pour ma remarque, je voulais juste vous le signaler avant que tout le boulot soit fait et que vous remarquiez "ah merde ça passe pas sous ie".

Julientroploin a écrit :

Je trouverais plus "pédagogique" de les envoyer vers une page qui explique que IE6 est trop vieux et de proposer x navigateurs dont des libres en les conseillant fortement, mais de façon argumentée (plus respestueux des standards, etc...)
Le libèrté c'est aussi d'avoir la possibilité de choisir du proprio, mais en connaissance de cause...

Je suis d'accord, et je rajouterai que une fois qu'il ai vu cette page, il devrait pouvoir continuer sa visite sur le site malgré tout. On n'est pas toujours le propriétaire de sa machine. A mon boulot y'a ie6 sur toutes les machines (mais j'ai enfin trouvé le proxy a utiliser avec firefox portable ^^), des gens n'ont accès au net qu'à partir de cyber-café, du lycée...

sam7 · Le 11/04/2009, à 17:27

Ah, enfin, le forum revit...

les modifications effectuées part Luk avec les rubans couleur du "-Fr" : c'est une très bonne idée : j'adore le principe... & sans les vaguelettes, c'est très bien comme celà finalement... à conserver

Dans le bandeau oblique du gagnant... il serait à mon sens souhaitable d'y inscrire "Gagnant de l'abonnement"... et de remettre le Tux en fond dans l'encart dans lequel on supprimerais le "Gagnant de l'abonnement" puisqu'il serait sur le rubant... & que Linux Pratique pointe sur le site : http://www.ed-diamond.com/

je pense qu'on peut freezer mardi après prise en compte de mes observations...
qu'en dites-vous ?

j'espère que le concours à Linux Pratique reprendra bien vite : je suis un lecteur assidu de cette revue depuis un bon moment... (ainsi que Linux Pratique Essentiel ... et leurs Hors Séries)...

Pour répondre à andso
autant j'aime bien le look http://gnome-look.org/CONTENT/content-pre1/101442-1.jpg
autant je n'aime pas du tout
http://lukdesigner.free.fr/Ubuntu/v3/mockUpUbuntu.png
http://lukdesigner.free.fr/Ubuntu/v3/mockUpUbuntu2.png

car, que je sache, le marron va prochainement disparaitre d'ubuntu, dixit Mark S...

je trouve ici http://dev.ubuntu-fr-secours.org/alexandrep/ufr-mockup/ que AlexandreP a bien avancé...
et je pense qu'il faudrait ajouter au moins une ou deux "banderoles" comme les a appelées AlexandreP sur la page d'accueil (mais je ne vois pas encore où ni comment... sans doute dans la partie "en ce moment"

Pour le desing, je pense qu'il est préférable qu'il soit à largeur "fluide"...

Luk a raison je pense quand il aborde le sujet des rubriques "actualités" & "en ce moment" en créant un espace dynamique et optimisé

concernant IE6, lykhead & julientroploin ont raisons...

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

Concernant la page d'accueil du Forum,
et en particulier les concernant les "cadres" du bandeau latéral, ils ne sont pas assez marqués / visibles / nombreux...
voici quelques précisions complémentaires déjà évoquées sur IRC avec Luk, ou Poupoul2 (entres autres) sur IRC dernièrement :
il serait souhaitable
- d'encadrer les rubriques du menu latéral d'un fin liseret de la couleur du "-Fr"
- que la position de ce menu soit "figée" sur l'écrant, quelque soit la position dans la page (en haut, au milieu, ou en bas...)
& j'ajouterais, que ce manu latéral comporte les 4 "grosses" rubriques suivantes (au moins) qui peuvent s'ouvrir en "tiroir" au survol... avec surlignage stabiloté de la couleur du "-Fr" (bien sûr) :
- Accueil (En ce moment / Activités récentes / ...)
- Documentation (Installation / Comprendre / Logiciels / Communauté / ...
- Forum (Liste des forums / Règles / Messages récents / Messages sans réponses / Mes messages / Mes sujets / sujets suivis / ...)
- Planet ( Accueil / actualité / évènement / ...)
- ...
( les "..." valent pour toutes les autres sous rubriques existantent que je n'ai pas mentionnées (y compris celles du bandeau inférieur en 3 colonnes de la page d'accueil principale du site))

voilà, je suis sûr que maintenant, qu'avec tout ça, c'est bon pour le freeze ...
... mardi soir j'espère ? à l'horaire habituel ? sur IRC (je serais présent, sauf imprévu de dernière minute)

TheBootroo · Le 12/04/2009, à 08:39

je suis d'accord avec sam7 : menu fixe à tiroir ++++++

sam7 · Le 12/04/2009, à 08:51

merci...

poupoul2 · Le 13/04/2009, à 23:56

Smon a écrit :

Puisque la discussion est lancée, IE6 on s'en occupe ou on les envoie balader sur une page qui leur explique que leur navigateur, c'est de la merde et que si ils veulent voir le site tel qu'il est vraiment il doivent installer IE7 ou Firefox ?

Un rapide passage : La décision a été prise de ne pas faire pour IE6. Donc on ne fait pas

PS : Désolé pour mon peu d'implication actuelle, mais mon job ne m'en laisse vraiment pas le temps actuellement (pu...tain de boulot de mer...de). On essaie de maintenir le meeting IRC demain soir ? Je ferai mon possible pour y être

Dernière modification par poupoul2 (Le 13/04/2009, à 23:59)

nandayo · Le 14/04/2009, à 00:40

Je trouve le look de Fedora-fr vraiment sympa, avec les derniers messages de forum et tout, c'est vraiment bien foutu, y'a beaucoup d'idées à piquer à ce site je trouve ! C'est clair que le look de ubuntu-fr laisse vraiment à désirer, il faut lui donner un coup de jeune, ça correspond pas du tout à l'esprit hyper actif de cette communauté !

J'ajoute, comme précisé dans un topic que j'ai créé à ce sujet, qu'il manque un encadré, voir un lien vers une page, qui explique ce qu'est ubuntu en termes pipos grand public, avec des captures des applications phare, que les gens voient qu'on peut faire du multimédia, du internet, du mail, de la gravure, et tout ça, c'est vraiment important !

Pis franchement, un menu "sources.list", c'est un peu n'importe quoi, va savoir ce que ça veut dire un truc comme ça !

Dernière modification par nandayo (Le 14/04/2009, à 00:56)

Julientroploin · Le 14/04/2009, à 06:52

J'avais jamais mis les pieds sur leur site, c'est vrai que c'est pas mal : tout à porté de clic ou de coup d'oeil, un site avec une belle identité, qui prend toute la largeur de l'écran (chez moi en 1024*764, je sais pas chez les autres...) le tout sans faire page de pub.
Plein de bonnes choses, juste un ou deux trucs qui me gènent : le manque de contraste texte/fond, ça facilite pas la lecture et puis rien n'attire vraiement l'oeil contrairement à ce que vous avez réalisé.

Voilà, je sais que la page d'accueil est déjà freezée et elle me plait beaucoup mais il y a peut être des idées à reprendre pour les sous parties ou bien pour créer une page sur laquelle on arrive quand on est déjà inscrit, un peu dans le style d'un agrégateur de flux.

J'ai jamais testé fédora, là ils m'ont donné envie... vivement cet été que j'ai plein de temps à moi.

nandayo · Le 14/04/2009, à 10:31

Oui, Fedora-fr pourrait servir de source d'inspiration pour deux trois trucs, le coup des derniers posts (hors café ) du forum c'est un gros plus, ça montre à quel point la communauté est active, et ça très important car c'est ce qui a déterminé mon choix sur ubuntu à l'origine...

Concernant ce que j'ai vu de la nouvelle page d'accueil Ubuntu, il manque toujours la clarté sur ce qu'est ubuntu réellement, avec quelques mots sur ce que les gens recherchent avant tout : multimédia, chat, messagerie, internet, suite bureautique, c'est ça que les personnes recherchent avant tout ! Personne n'a relevé, je trouve pourtant ça super important, pour ne pas dire essentiel !

J'ajouterai que les captures d'écran aléatoires actuelles sont vraiment... nulles ! Elles ne représentent rien de spécial, genre un bureau vide sans aucun fond d'écran, sans aucune icone, avec just un pauvre menu ouvert, sans déc' ça sonne vraiment miséreux quand même, perso je me serais jamais lancé sous ubuntu en voyant des captures aussi vilaines, on dirait que l'OS débute à peine ! A la limite faire des captures zoomées (pas tout l'écran quoi), je sais pas moi, mais là elles sont vraiment moches et contreproductives...

Bon courage ! Moi je critique beaucoup, mais c'est pour la bonne cause

Dernière modification par nandayo (Le 14/04/2009, à 10:59)

luK · Le 14/04/2009, à 12:05

Certes Fedora-fr est intéressant mais pas très adaptable au thème en cours de développement.
Certaines fonctionnalités peuvent être reprises. Pour celles que vous énoncez c'est déjà le cas:
on projette d'intégrer les nouveaux messages,...
Pour la page d'accueil, euh, la présentation d'Ubuntu, est déjà faites et présente.
On peut à la limite rajouter un lien "plus d'info" en bas de la présentation.
Pour les screens c'est toujours le même problème, il faut des personnes qui s'occupent de mettre à jour les images tous les 6 mois.

[EDIT]
PS: je ne serai pas sur IRC ce soir, problème de connection internet

Dernière modification par luK (Le 14/04/2009, à 15:44)

Ubuntu-fr

Navigation

Liens de recherche

Annonce

#526 Le 09/04/2009, à 23:10

Re : revoir l'esthétique du site

#527 Le 09/04/2009, à 23:21

Re : revoir l'esthétique du site

#528 Le 09/04/2009, à 23:47

Re : revoir l'esthétique du site

#529 Le 09/04/2009, à 23:58

Re : revoir l'esthétique du site

#530 Le 10/04/2009, à 00:11

Re : revoir l'esthétique du site

#531 Le 10/04/2009, à 04:15

Re : revoir l'esthétique du site

#532 Le 10/04/2009, à 10:03

Re : revoir l'esthétique du site

#533 Le 10/04/2009, à 10:03

Re : revoir l'esthétique du site

#534 Le 10/04/2009, à 11:44

Re : revoir l'esthétique du site

#535 Le 10/04/2009, à 18:19

Re : revoir l'esthétique du site

#536 Le 10/04/2009, à 18:45

Re : revoir l'esthétique du site

#537 Le 10/04/2009, à 18:56

Re : revoir l'esthétique du site

#538 Le 10/04/2009, à 19:10

Re : revoir l'esthétique du site

#539 Le 10/04/2009, à 19:22

Re : revoir l'esthétique du site

#540 Le 10/04/2009, à 20:16

Re : revoir l'esthétique du site

#541 Le 11/04/2009, à 11:30

Re : revoir l'esthétique du site

#542 Le 11/04/2009, à 17:27

Re : revoir l'esthétique du site

#543 Le 11/04/2009, à 22:11

Re : revoir l'esthétique du site

#544 Le 12/04/2009, à 08:39

Re : revoir l'esthétique du site

#545 Le 12/04/2009, à 08:51

Re : revoir l'esthétique du site

#546 Le 13/04/2009, à 23:56

Re : revoir l'esthétique du site

#547 Le 14/04/2009, à 00:40

Re : revoir l'esthétique du site

#548 Le 14/04/2009, à 06:52

Re : revoir l'esthétique du site

#549 Le 14/04/2009, à 10:31

Re : revoir l'esthétique du site

#550 Le 14/04/2009, à 12:05

Re : revoir l'esthétique du site

Pied de page des forums