Le laboratoire Viabloga

Expériences pour un ViaBloga Nouvelle Formule

Modèle Portail

Jesabeth: Jeudi 05/01/2006; 17:29 - son site

mots-clés :

Bonjour tout le monde,

Je mets cet article ici et aussi sur vie de Viabloga, comme ça tout le monde sera au courant et pourra en discuter.

J'ai commencé à travailler sur une nouvelle présentation du portail de Viabloga.

Voilà le modèle avec de légères variations :
Blanc
Gris

Tout compte fait, j'ai trouvé intéressant de rester sur les mêmes couleurs, une sorte de challenge.

A vos claviers pour vos impressions et critiques :o)

19 commentaires

Charte graphique - Permalien

Commenter l'article

Commentaires

stephane: Jeudi 05/01/2006; 23:16 - son site

Super ! :-)

J'aime beaucoup l'impression d'ensemble de la version blanche. (vu de 2 metres de loin)
J'aime aussi :

La forme arrondie rouge en haut à gauche
Le texte " public, privé, communautaire, intime, d'association, d'entreprise, de gestion de projet, de documentation, thématique, culturel"
Les liens "ils utilisent ViaBloga"
Le bouton Créer rouge

Quelques idées qui me sont venues, surtout en lisant les articles du blog de fred cavazza aujourd'hui :

Il y a trop de choses qui empechent le but premier : faire en sorte que le visiteur créé un blog. En particulier, tout ce qui est en fait destiné aux personnes qui sont déjà des utilisateurs. Tout ce qu'il y a dans la colonne de droite par exemple.

Il y a beaucoup trop de texte (oui je sais, c'est le mien ;-). Je pense qu'il faut qu'on mette des bullet points, et des liens "En savoir plus" où là, on peut mettre beaucoup plus de détails.

Pour la photo, je vais prendre la même pose et t'envoyer la mienne. Enfin plus sérieusement, je me disais qu'on pourrait mettre des photos d'utilisateurs + leur site, en rotation, avec des témoignages, pour illustrer chacun des cas d'utilisations.

On pourrait mettre le formulaire "Créer votre weblog" en plus "graphique" et gros. (et moins de texte)

Qu'en penses tu ?

Merci beaucoup pour ton travail !

Commenter l'article - [^] - Répondre

Jesabeth: Vendredi 06/01/2006; 12:18 - son site

← Re:

Il y a trop de choses qui empechent le but premier : faire en sorte que le visiteur créé un blog. En particulier, tout ce qui est en fait destiné aux personnes qui sont déjà des utilisateurs. Tout ce qu'il y a dans la colonne de droite par exemple.

Snif, je vois que ma colonne rouge ne fait pas d'émules chez Viabloga (je viens de voir aussi le message de tgtg après avoir apporté des modifications), dommage. Ca faisait partie du tout.
Par contre, il me semble important que le portail de Viabloga mette aussi en avant ses bloggers et leurs activités au quotidien. Surtout que c'est la partie dynamique du portail, celle qui se modifie selon l'actualité, celle qui bouge et dit : "on est vivant"..
A mon avis, on crée rarement un blog par hasard. On recherche avant tout un outil, et quand on achète cet outil, on prend le temps de se balader un peu pour voir ce que ça donne chez les autres.

Pour la photo, je vais prendre la même pose et t'envoyer la mienne. Enfin plus sérieusement, je me disais qu'on pourrait mettre des photos d'utilisateurs + leur site, en rotation, avec des témoignages, pour illustrer chacun des cas d'utilisations.

Je veux bien moi, on en avait parlé déjà.
Mais il faudrait que ça se fasse rapidement, qu'on est au moins deux ou trois photos pour lancer la première rotation. Une déjà ça serait top.
Donc s'il y a la matière pas de souci.

On pourrait mettre le formulaire "Créer votre weblog" en plus "graphique" et gros. (et moins de texte)

Vite fait, pour voir si c'est que tu visualisais et voir si on se comprend --> blanc-V0.2

Pour les textes je regarde.
Ca serait bien qu'on s'entendent rapidement sur le portail (mais si les couleurs vont, c'est top déjà), comme ça je pourrais me lancer sur le site des utilisateurs et sur l'interface d'administration. Le modèle sera tonique comme le portail, tout en reprennant certaines caractéristiques de Lena.
On a commencé les fondations ici, une fois les murs montés sur vie de Viabloga, on pourra commencer à ranger les meubles. Je suis persuadée qu'une fois que l'accès à la structure sera plus compréhensible, les utilisateurs seront plus nombreux à s'impliquer.

Commenter l'article - [^] - Répondre

Jesabeth: Vendredi 06/01/2006; 12:28 - son site

← Re: Re:

Ca pète quand même un peu trop non ?
Avec la police en plus gros et graphique.

à deux mètres de loin, effectivement ça va, mais perso je suis à 60 cm de mon écran... j'ai mesuré.

Commenter l'article - [^] - Répondre

jlb: Vendredi 06/01/2006; 12:47 - son site

← Re: Re: Re:

Je confirme : ça pète un peu trop, là !
Pourquoi avoir retiré les nouvelles ?
Sinon tu peux déjà commencer à te prendre en photo et nous proposer quelque chose avec
Jesabeth - Vous y croyez vous ? : un blog perso personnalisé...
Il faut aussi demander son accord à Labosonic, interroger Caroline, Annie... bref identifier un site représentatif des différents cas d'utilisation.
Pour le coup, je suis pénard (à moins qu'on envisage des photos de groupes).
Si tu arrives à obtenir la photo de leblase, tu gagnes le ponpon ! Il faudrait lui demander, voir ce qu'il nous fournit...

Commenter l'article - [^] - Répondre

Jesabeth: Vendredi 06/01/2006; 13:07 - son site

← Re: Re: Re: Re:

Parce que les nouvelles, je les avais mis parce qu'elles y étaient sur l'autre mise en page. Mais comme Stéphane évoquait le fait que les informations de la colonne droite étaient de trop, j'ai fait sauter ça pour voir. Perso, je n'ai pas vu ce bloc beaucoup changer en 6 mois en plus.

Pour lelablase, à mon avis il faudra faire avec un hérisson :o)

Pour moi... pourquoi ça serait moi qui commencerait d'abord ?;o)
En plus cette mise en avant m'ennuierait puisque je travaille sur le modèle. J'aimerais mieux quelqu'un d'autre pour démarrer.

Tout ça me donne à penser que, outre les cas d'utilisation, ça serait bien que les bloggers puissent "classer" leur site par thèmes par exemple. Enfin refléchir afin d'améliorer la reconnaissance des blogs Viabloga et penser annuaire de blogs (ce qui va avec les recommandations aussi). Surtout qu'avec RSS, il y a de quoi faire maintenant.

Commenter l'article - [^] - Répondre

jlb: Vendredi 06/01/2006; 14:15 - son site

← Re: Re: Re: Re: Re:

Pour les Nouvelles : une par trimestre en moyenne, dont la rétrospective (importante !)...

Tu n'as qu'à utiliser la photo de Jesabeth plutôt que la tienne... Plus sérieusement, il s'agit déjà de définir un module, une matrice avec une charte compatible avec le portail. Qui on met en photo et quel site on référence, c'est secondaire pour l'instant. Par contre comment on la cadre, comment on présente le site, le cas d'utilisation, avec quels liens, c'est ce qu'il faut réaliser maintenant.

Pour ce qui concerne le positionnement des sites par les bloggers eux-mêmes, j'avais déjà soumis l'idée ici. Ce serait peut-être bien de la proposer maintenant. Il faudrait demander en plus des photos, pour ceux qui acceptent (expressément) - mais quel type de photo aussi ?

On pourrait aussi solliciter les experts en formulation pour trouver des accroches (comme celles qu'on trouve dans les sous-titres des sites).

Tout ceci, à mon avis, sur Vie de ViaBloga. Avec une rubrique dédiée peut-être - cf. le Menu onglets mieux exploité...

Commenter l'article - [^] - Répondre

Stephane: Dimanche 08/01/2006; 17:18 - son site

← Re: Re: Re:

Oui effectivement. Pour le coté plus graphique, je pensais surtout au bouton "Créer" : mettre une image à la place du texte.

Une idée : si on fait viabloga.com, l'interface admin, et le site utilisateur sur le meme modele (ce qui serait sans doute moins perturbant), il faudrait faire un modele a largeur variable, qui occupe toute la largeur, a la rdc_large. Du coup, il y a plus de place pour mettre du texte (mais pas trop :-)

Commenter l'article - [^] - Répondre

Jesabeth: Lundi 09/01/2006; 22:01 - son site

← Re: Re: Re: Re:

Le bouton n'est pas une image là, c'est une juste un règle css.

Pour le modèle extensible (pour lequel je suis pas pour, je ne suis pas une femme pour rien donc j'insiste ;o) ), je te propose un compromis : restons en fixe pour le portail qui doit donner une sensation d'équilibre (des textes) et de professionnalisme, chose difficile à obtenir quand on ne maîtrise pas la largeur d'affichage (fais des essais sur le portail actuel). Et partons sur de l'extensible pour le site des utilisateurs.

Je vais ôter le gros texte alors, ça me perturbait un peu le tout (Viabloga moins visible, menu qui ne paraît plus à sa place).

Commenter l'article - [^] - Répondre

tgtg: Vendredi 06/01/2006; 10:40 - son site

et j'ajoute...

Ce qui me "perturbe":

- La colonne en rouge.
Elle attire immédiatement le regard vers elle et ellle fatigue la vision :-)

- Les mots "en rouge" sont des liens, mais … pas toujours :-)

- De manière générale la page n'est pas assez "aérée" pour être vraiment lisible au premier regard.

- Un peu hors sujet : Ils utilisent viabloga : de nombreuses mises en page ont changé; ce serait bien de re-mettre à jour de temps en temps.

Oui! Je sais! Il est facile de critiquer!
Mais, puisqu'on nous le demande... :-)

Commenter l'article - [^] - Répondre

Stephane: Dimanche 08/01/2006; 17:19 - son site

← Re: et j'ajoute...

Ils utilisent viabloga : de nombreuses mises en page ont changé; ce serait bien de re-mettre à jour de temps en temps.

Tres juste, on va s'en occuper.

Commenter l'article - [^] - Répondre

jlb: Vendredi 06/01/2006; 12:01 - son site

A mon tour...

Finalement j'opterais plutôt pour le blanc.

D'accord aussi sur le fait qu'il y a trop de texte. En même temps, je ne vois rien à retirer. Donc, peut-être, proposer effectivement les développés avec une box (pas une page) derrière un lien En savoir plus et ne conserver que les accroches.

D'accord également avec Stéphane sur l'idée de mettre en avant les utilisateurs et les cas d'utilisation, à l'instar de ce que fait Typepad, mais en beaucoup mieux bien sûr ! Plus viablogesque, en tout cas... C'est l'idée avec "Ils utilisent ViaBloga" mais il faut l'exploiter mieux, le décliner sur le principe "des utilisateurs, des sites, des cas d'utilisation" de façon à mettre en évidence la palette des cas d'utilisation, et donc la diversité d'utilisateurs et de sites. Je serais d'avis de le mettre à la place de la photo (que j'aime beaucoup, par ailleurs), comme le principal, et en rotation effectivement. Cela servirait aussi bien à la communication globale de ViaBloga, à proposer sur les Influenceurs...

Concernant la fameuse colonne rouge, qui ne semble pas faire l'unamité, je crois savoir que c'était un des challenge de Jesabeth que de travailler cette couleur et je trouve pour ma part qu'elle s'en est bien sortie, notamment au niveau de l'équilibre. Quant au contenu, je pense qu'il est important de conserver sur un portail de l'actualité, ce qui montre que cette plate-forme vit, en l'occurence des news concernant son évolution et aussi des blogs qui publient. Et Jesabeth est parvenue à le faire tenir sur une colonne particulièrement étroite, mais c'est là et je trouve ça très bien.

Commenter l'article - [^] - Répondre

Jesabeth: Vendredi 06/01/2006; 12:26 - son site

← Re: A mon tour...

Ah je n'avais pas vu ta réponse, comme j'étais restée sur la page de temps de faire quelques modifs :o)

Je vois qu'on est d'accord pour l'aspect "actualités".

J'ai mis les textes en gris au lieu du blanc pour la colonne rouge, un peu moins saute-aux-yeux comme ça.
C'est vrai que je serais déçue de la faire sauter, parce qu'elle fait partie intégralement de la "création", mais bon si vraiment elle ne plait pas à Viabloga (parce que j'ai une majorité d'avis favorables sinon autant côté "pro" qu'internautes lambda), je m'inclinerai sans heurt... la mort dans l'âme ;o)

Commenter l'article - [^] - Répondre

tgtg: Dimanche 08/01/2006; 12:39 - son site

Pour la version

blanche,
pourquoi ne pas mettre les "bandes" grises qui sont à gauche et à droite de la page en gris clair comme pour la version grise?
Ca paraîtrait moins triste!!!
Viabloga fait des mises en page plus gaies que celle-ci :-)

Ou alors, changer la couleur de la colonne rouge et mettre les deux bandes à gauche et à droite en rouge?

(désolée pour le texte - c'est une rectification rapide)

Commenter l'article - [^] - Répondre

Stephane: Dimanche 08/01/2006; 17:24 - son site

Pour la colonne rouge, c'est pas la colonne que je trouve en trop, c'est le texte qu'il y a dedans. C'est a la fois trop vivant et trop peu vivant. En fait a la place des articles de Viabloga.com, on pourrait peut etre mettre ceux de utilisateurs.vb, en tous cas ceux qui seraient dans une rubrique "Annonces".

Commenter l'article - [^] - Répondre

tgtg: Dimanche 08/01/2006; 18:02 - son site

← Re: rouge et gris ; gris et rouge ; gris souri-re :-)

Mais pour les "bandes" grises qui sont à gauche et à droite de la page, je trouve ce gris-ci:

plus agréable à l'oeil que celui-ci:

qui rend la page plus triste!!!

et du coup, j'éclaircirais le gris de Blog dans le mot Viabloga :-)

plus agréable à l'oeil que celui-ci:

qui rend la page plus triste!!! :-)

Commenter l'article - [^] - Répondre

Jesabeth: Lundi 09/01/2006; 22:07 - son site

← Re: Re: rouge et gris ; gris et rouge ; gris souri-re :-)

tgtg, je vais mettre en maquettes tes propositions, je mettrais les liens demain.

Commenter l'article - [^] - Répondre

Jesabeth: Lundi 09/01/2006; 22:05 - son site

← Re:

Effectivement on avait parlé de faire un fil RSS avec le site des utilisateurs, ça serait mieux que les nouvelles. Je n'ai pas vraiment travaillé sur les polices de cette colonne, il y a sûrement possibilité de faire mieux. J'ai mis la type en gris sur le second modèle blanc.

Gardons quand même les mises à jour des blogs, en fait j'avais retenu ce style qui fait un peu site "radio" et donc vivant.

Commenter l'article - [^] - Répondre

Stephane: Mardi 10/01/2006; 11:07 - son site

Pour le bouton : je proposais en fait de mettre une image à la place du texte.

OK pour le compromis. :-)

Commenter l'article - [^] - Répondre

DelphineD: Mardi 10/01/2006; 12:46 - son site

my 2 cents

Moi j'aime bien la colonne rouge à droite, qui apporte du volume/dynamisme à la page qui sans ça est trop uniforme en couleur. Ca attire l'oeil, mais par reflexe je regarde pas avant d'avoir vu le reste.

Je pense aussi qu'avoir une largeur fixe permet d'être plus sur de la présentation de la page.

C'est vrai que la page est chargée, mais si on ne mets pas les textes là est-ce que les gens iront les lire ? là on est pas sur qu'ils les lisent, mais de temps en temps des utilisateurs nous disent qu'ils ont apprécié notre engagement dans le développement durable, donc de temps en temps il y a des gens qui lisent.

Puisqu'on est d'accord que la fonction de cette page est de faire créer des weblogs, je pense que la photo devrait être cliquable et mener sur un formulaire de création de blog. Enfin moi ça fait trois fois que je regarde la page, et trois fois que je veux cliquer sur la photo pour créer un blog...

Je crois que cette page doit répondre aux questions

à quoi peut me servir un blog ?
pourquoi utiliser viabloga et pas un autre outil ?
hop je crée mon blog

Pour ça le texte "public, privé, communautaire, intime, d'association, d'entreprise, de gestion de projet, de documentation, thématique, culturel" est très bien.

Sous la photo, je mettrais plusieurs paragraphes comme ici, sauf qu'aucun ne dépasserait les trois lignes. Une phrase d'accroche avec un lien pour en savoir plus, et hop on passe à l'argument suivant.

J'avoue que je ne comprend pas bien pourquoi News et FAQ ont droit à une puce ronde et pas Tutos et Doc.

Pour montrer qu'il s'agit de différents textes, pourquoi ne pas les séparer par une ligne, ou encadrer celui du milieu ? Là j'ai peur que personne ne descende jusqu'au descriptif des offres.

Si les articles de News ne sont pas fréquents, c'est parce qu'ils ont été en partie remplacé par l'activité d'utilisateurs.viabloga.com En revanche je ne pense pas que ça soit une bonne idée de mettre les articles de ce blog sur cette page. Ils sont trop "mélangés".
Pour la liste de mise à jour, je suis pas fan de l'heure de publication, même si ça aère et sépare les différents titres de weblogs. (tiens il y a un truc avec le premier item : le tiret est apprès l'heure, alors qu'ensuite le tiret précède l'heure).

Tiens, on pourrait mettre un lien "créer un blog" dans le footer aussi.

(au cas où, je redis que je trouve ça très chouette, même si ensuite je fais plein de remarques)

Commenter l'article - [^] - Répondre