J'ai repris de 0 la conception de la maquette pour la partie portail.
Il valait mieux reprendre une base saine pour conserver les idées claires au lieu de s'embrouiller dans de la retouche et du bricolage suite aux multiples changements demandés, notemment de structure de mise en page.

Bref, résumons les axiomes conceptuels :
- une mise en page 3 colonnes, plus précisément 1 marge à droite (de nav) et une zone centrale de contenu à gauche pouvant accueillir 2 colonnes de taille identique.
- toutes les colonnes doivent faire 300px de large mini pour accueillir une pub 300x250.
- la mise-en-page doit se rapprocher de celle d'un portail classique d'information, la partie 'administration' du site pourra être plus 'funky'

D'où les axiomes graphiques :
COULEURS :
- Gris Sombre : Action
- Beige : Navigation
- Blanc : Contenu
- Orange : Blog / Compte Utilisateur
- Bleu : Liens / Contenu highlighté
FORMES :
- Arrondis (10px): Action
- Arrondis serrés (5px et -): Navigation
- Carré : Contenu
TRAITEMENT :
- Relief / Gadget : Action
- Aplat & dégradés légers : Nav & reste

De là découle un premier jet :
http://www.bwoup.com/taf/ob/maquette_graphique/actualitenew.html
*reload le cache*
(j'ai tout cassé dans les css, donc les autres pages sont moches)

Pourquoi quoi comment :
1) Header :
- juste le logo et la boite de login à droite avec du blanc autour du logo pour le laisser respirer
- une fois loggué, on peut avoir 2-3 gros boutons à la place de la boite de login dont Publier et Configurer
2) Zone promo :
- re-maquettage à venir
- je tiens à garder cette zone ici pour plusieurs raisons notemment :
* la mettre à droite du logo étouffe ce dernier et pose des problèmes ergonomiquement
* cette place 'centrale' lui donne une bonne visibilité pour la présentation du produit over-blog, vecteur de ce qui est votre but : obtenir de nouveaux utilisateurs.
* bien sur elle est censée toujours fonctionner en 2 modes, full et réduit.
3) Navbar :
- exit les couleurs différentes par rubrique par soucis de simplification/sobriété, hormis myob qui doit être bien visible
- searchbox compatible avec les axiomes de la charte graphique; de plus elle s'intègre mieux avec la marge de droite
- contient discrètement l'arrondi miroir de celui du bas de la bulle du footer, pour fermer la zone de contenu
4) Zone de contenu :
- marge de droite plus homogène et discrète, néanmoins lisible quand on y cherche une information; l'habillage de la boite de pub est à revoir
- contenu principal :
* boite "highlight" pour mettre en avant un contenu intéressant (ici les dernières news; sur d'autres pages celà pourra être par exemple la description de la communauté en question pour la page d'une communauté)
* les boites de contenu de sont plus vraiment des boites mais de simples paragraphes, plus clairs/moins lourds
5) Footer :
- bulle refaite, elle prend moins de place en hauteur maintenant
- arrondis plus discrèts, en adéquation avec la charte

Voilà, dans l'ensemble ça fait plus sérieux, plus standard.
La navbar et le footer sont les éléments les plus aboutis actuellement, le reste est plus ou moins en chantier.
Si le logo est retenu, j'appliquerais une répétition du motif de spirale et/ou de la bulle sur certains éléments graphiques pour plus d'homogénéité et d'attrait graphique.

J'attends avidement vos commentaires !

http://www.bwoup.com/taf/ob/maquette_graphique/actualite.html
*reload*

J'ai donc commencé mettre en place la nouvelle page d'accueil de rubrique "actualités".
C'est pas terminé mais j'ai bien avancé sur les articles en dropdown.
Reste un petit bug d'algo à résoudre (parfois il faut double-cliquer et le hover buggue) et à réadapter les titres d'articles et de sujets d'actualité.
Je finis tout ça ce mardi et j'enchaine sur le reste.

Pour la navbar principale, je vais sans doute éclaircir le fond quasi-noir pour que les onglets se détachent mieux.

http://www.bwoup.com/taf/ob/maquette_graphique/myob.html

J'ai donc implémenté la page du tableau de bord.
Remarques :
- les petits boutons d'administration directe ne sont pas terminés, ce sont des mock-ups, mais ils illustrent l'intention.
- pour certains contenus de boxes (notemment 'annuaire', 'mes favoris', 'syndication multiple', 'mes messages' et 'mes raccourcis'), j'ai "deviné" un contenu. S'il n'est pas approprié merci de me donner les infos en conséquence. Par exemple pour 'mes raccourcis', faut-il plutôt des boutons graphiques ? De plus, dans quelle mesure l'utilisateur peut-il configurer toute cette page ? S'il le peut faut-il prévoir des boutons de configuration ? Si oui, lesquels ?
- à terme, quand l'utilisateur n'est pas loggué, à la place des boxes oranges de droite, on aura 2 boxes : une au contenu semblable de la zone promo (un habillage attractif, des infos sur l'offre OB et un bouton "créez votre blog") et une boite de login (login, pass, valider, mot de passe oublié).
- faut-il prévoir des pictos pour chaque boite de la page ? Ou pour celles d'admin ? Celà ne risquerait-il pas de trop surcharger une page déjà complexe ?
- j'ai proposé ici un layout avec les boites de couleur correspondant au contenu/à la rubrique s'y rapportant. Celà complexifie un peu la page. Ne vaut-il mieux pas partir sur que des boites bleues et oranges (et peut être juste celle de "mes communautés" en vert) ?
- la boite "mes communautés" ne serait-elle pas plutôt celle des communautés gèrées par l'utilisateur et non pas un simple bookmark ? Dans le cas contraire, ne faudrait-il pas créer une boite "les communautés dont je suis gestionnaire" en conséquence ?
- j'ai testé un autre aspect graphique pour les boites, si celles là vous plaisent mieux, merci de valider ce choix et j'adapterais ainsi les autres boites sur les autres pages sur ce modèle.
- ça ne se voit pas, mais j'ai nettoyé et optimisé une partie des css.

Voilà.
Je compte finaliser cette page ce mardi si j'ai les infos attendues en retour.
Sinon je passe comme prévu à la finalisation de l'habillage de la home et principalement des boites de promo; et si possible sur un peu de r&d sur le logo.

Petit rappel des pages déjà maquettées :
(celles marquées d'une étoile ne sont pas terminées)

* http://www.bwoup.com/taf/ob/maquette_graphique/index.html
http://www.bwoup.com/taf/ob/maquette_graphique/actualite-postmosaique.html
* http://www.bwoup.com/taf/ob/maquette_graphique/communautes-communaute.html
http://www.bwoup.com/taf/ob/maquette_graphique/contact.html
http://www.bwoup.com/taf/ob/maquette_graphique/derniers-articles.html
http://www.bwoup.com/taf/ob/maquette_graphique/faq.html
http://www.bwoup.com/taf/ob/maquette_graphique/faq_questions.html
http://www.bwoup.com/taf/ob/maquette_graphique/faq_questions_question.html
http://www.bwoup.com/taf/ob/maquette_graphique/mot-clef.html
http://www.bwoup.com/taf/ob/maquette_graphique/mot-clef_motclef.html
* http://www.bwoup.com/taf/ob/maquette_graphique/resultatrecherche.html
http://www.bwoup.com/taf/ob/maquette_graphique/top-blogs.html



Je finis communautes-communaute et resultatrecherche ce samedi.



De plus, j'aimerais bien avoir les maquettes des pages d'accueil de rubriques de :
- actualité
- communautés
- annuaire
ainsi qu'une page de contenu-type pour :
- actualité
- annuaire

Merci !

http://www.bwoup.com/taf/ob/maquette_graphique/
*reload* (mais je sais plus trop si j'y ai changé quelque chose aujourd'hui ^^)



http://www.bwoup.com/taf/ob/maquette_graphique/communautes-communaute.html
La page type pour une communauté.
Selon la maquette fournie il y a longtemps déjà.
Je ne pense pas apporter trop de modifs à terme à cette page, peut-être revoir le look des petites box de marge selon la charte générale finale, et égayer l'ensemble d'un picto 'communautés' (qui sera le même que pour la liste "communautés" de la home)



http://www.bwoup.com/taf/ob/maquette_graphique/actualite-postmosaique.html
La page "post-mosaïque" (quand on a cliqué sur une image de la mosaïque de la home).
J'ai bien lu la doc fournie par Yann.

Ok pour l'argument d'avoir la nav (précédent, suivant, article entier) à un endroit fixe.
Après j'ai revu son placement qui permet plusieurs choses :
- ne pas l'avoir 2 fois, ce qui peut être troublant pour l'utilisateur
- l'avoir proche du centre de vision pour la trouver facilement (placée en haut à gauche, elle est un peu perdue)
- la rapprocher inconsciemment des banners de pubs ;)
Par contre, ce positionnement implique de fixer le layout général de la page.

D'où, pour ce qui est du problème de la taille de l'image, j'ai essayé le compromis suivant :
- réserver une zone maximale de 485x525 comme spécifié dans la doc
- centrer l'image dans cette zone quelle que soit sa taille (avec un bon vieux <table> des familles)

Celà permet :
- de promouvoir inconsciemment le fait de proposer des images de plus grande taille de la part des possesseurs de blogs
- d'avoir une mise-en-page un peu plus 'carrée'
- de n'avoir à mettre une moulinette pour resizer les images des utilisateurs qu'en dessous de la taille limite, d'où économie de temps CPU pour le serveur



Voilà, commentaires, critiques et idées bienvenues.
Je souhaiterais également avoir les maquettes pour les pages types d'accueil de rubrique (actualité, communautés, annuaire).
J'aimerais aussi savoir ce que vous voulez avoir pour les petits liens du type "plus de ..." ou "suite ->" ou autres (situés en bas de listes généralement) : juste du texte ? du texte et de l'image ? un bouton ?