Le laboratoire Viabloga

Expériences pour un ViaBloga Nouvelle Formule

 Ebauche de la navigation

Jesabeth
Lundi 21/11/2005
19:21 - son site

mots-clés :

 

Voilà les exemples de présentation que je vous propose.

(catégorie : thèmes) :
on retrouve les cas d'utilisation, les fonctions, les outils, et les sites exemples.

(catégorie : cas d'utilisation) :
on retrouve les thèmes, les fonctions, les outils et les sites exemples.

(catégorie : fonction du moteur Viabloga) :
on trouve les thèmes, les cas d'utilisation, les outils et une url menant à un exemple

(catégorie : outils) :
on retrouve les thèmes, les cas d'utilisation... et là changement puisqu'on est au plus bas de la hierarchie des outils, 'interface d'administration'. Autrement dit, à terme, on tombe sur la doc, ou le tuto "filmé" pour voir comme qu'on fait.
J'ai inclus également les outils connexes.

Donc voilà, si ça vous convient, on peut démarrer le remplissage.

P.S : le tableau est brut exprès, la présentation peut être ensuite définie dans la CSS et s'accorder avec les modèles.


Commenter l'article



Commentaires

 

Merci Jesabeth !

J'aimerais proposer un truc un peu différent, inspiré par ce que fait Wikipédia. J'ai mis un exemple sur .

J'ai pas eu le temps de faire ça très bien, c'est très moche et tout, mais voici les idées :

  1. les gens normaux n'aiment pas trop les tableaux. si on met un tableau sur chaque type de page, vers les autres types de page, avec quasiment les memes tableaux, les utilisateurs vont croire qu'ils tournent en rond. je propose qu'on n'utilise les tableaux que dans un seul sens : celui qui "remonte". (mettons de coté les themes pour commencer, ca complique tout, on les remettra apres). donc on aurait des tableaux, plutot vers la fin de la page, pour dire "cet outil permet de faire ces fonctions", "cette fonction s'applique pour ces cas d'utilisations".
  2. on ne fait pas une reference, il faut mettre du blabla explicatif. j'aime beaucoup la facon dont sont structurees la quasi totalite des pages de wikipedia : il y a un titre, une ligne, deux maxi, pour dire de quoi il s'agit, puis un sommaire qui renvoit vers les sections qui sont plus bas sur la page.
  3. Pour descendre le sens "normal" : cas d'utilisation vers fonction, puis fonction vers outils (mais pas cas d'utilisation vers outils, c'est trop tot), il faut donc du blabla. d'ou l'idée d'une section "Comment faire ?", apres la section "Exemples" des cas d'utilisation. Et la, on prend l'internaute par la main : on lui dit par quoi commencer, quelle fonction utiliser et dans quel ordre, et pourquoi. Pas juste une liste intimidante de fonctions. Suivant les cas, "Comment faire ?" peut etre sous-divise en sous section. Par exemple "Créer son weblog", "Personnaliser son weblog", et "Pour aller plus loin".
  4. il faut qu'on réfléchisse aux sections. sur Wikipedia, chaque type de page a des sections communes, adaptées suivant les cas. Toutes les descriptions de personnes commencent par une section "Biographie" par exemple. C'est ca qui est bien sur Wikipedia : on n'est pas perdu d'une page a l'autre, c'est toujours tres clair. Pour les fonctions par exemple, on aura surement une section "Voir aussi", une section "Tutoriel vidéo" etc.
  5. Pour le sommaire, je ferais bien un sommaire automatique, qui fasse automatiquement le sommaire en fonction des balises H1 etc.
Qu'est ce que vous en pensez ?

Jesabeth
Mardi 22/11/2005
07:47 - son site
 

Euh... moi je suis toujours dans la navigation, et pas dans le contenu. Donc le remplissage des pages, je m'en suis pas soucié. le tableau vient en bas d'une page qui doit être remplie d'écrits destinés à susciter l'envie (mélange de marketing et d'informations). Le reste c'est une navigation croisée destinée à rappeller la richesse du concept.

Pour le coup de rappeller toutes les catégories, j'étais partie sur votre concept.

Pour le format tableau, je l'ai précisé, il est brut... je n'aime pas les tableaux et tu penses bien que je ne laisserai pas un truc avec des border, des mots sans margin, pas de background, etc.

Jesabeth
Mardi 22/11/2005
08:05 - son site
 

Enfin là on regresse au niveau ergonomie alors qu'on avait le doigt sur un truc hyper puissant.
Je crois que tu as fait un blocage sur la présentation sans voir les fontionnalités. Ce qui ne veut pas dire que ça ne peut pas être amélioré.

Le truc, à la base, c'était bien de faire en sorte qu'un utilisateur puisse englober non seulement ce qu'il voudrait faire mais également ce qu'il peut faire. On a assez discuté du problème des fonctionnalités Viabloga non exploitées.
Le lien avec l'interface est aussi important. Même si on fait en sorte de faire une interface assez intuitive pour se passer d'une doc, il faut que l'utilisateur puisse rapidement faire le lien entre le texte et son interface d'administration.
Le tableau il va en prendre rapidement l'habitude.
Tout ce qui est dedans seront évidemment des liens, compris "cas d'utilisation", "outils"... qui amèneront à la liste complète. N'oublie pas la finalité : s'y retrouver rapidement, passer d'un cas à un autre, explorer, enrichir ses connaissances, bref apprendre à maîtriser graduellement la bête.

Nos deux exemples peuvent être combinés. Avec des liens simples en haut et un tableau complet en bas.

Pour le contenu, il faut définir une ligne éditoriale et (tu connais mon sens de la progression), je n'en étais pas là encore.

edit : pour la navigation en entonnoir je suis d'accord, mais j'étais restée sur votre idée (catégorie : thèmes > cas d'utilisation > fonctions > outils)

Stephane
Mardi 22/11/2005
10:49 - son site
 

> Nos deux exemples peuvent être combinés. Avec des liens simples en haut et un tableau complet en bas.

Très bien. :-)

En fait j'ai eu un peu peur en voyant ces gros tableaux qui prenaient toute la page et qui menaient vers d'autres tableaux menant vers encore d'autres tableaux. Je me demandais quand l'utilisateur allait accèder au contenu en lui même. Il faut qu'on essaie de limiter le nombre de liens dans ces tableaux, par exemple avec l'entonnoir comme tu dis : enlever cas d'utilisation -> outils, et cas d'utilisation -> thèmes par exemple.

Jesabeth
Mardi 22/11/2005
14:05 - son site
 

Oui en fait c'est ce que tu disais aussi, pour la combinaison.

J'avions point bien lu mon bon seigneur.

Ecoute là je travaille sur le modèle, arrivés au stade où nous en sommes, ça me paraît important qu'on est quelque chose d'adapté (et d'adaptable) pour continuer.

Stephane
Mardi 22/11/2005
15:17 - son site
 

Super ! Merci pour tout. :-)

DelphineD
Vendredi 25/11/2005
00:27 - son site
 

Ok, j'essaie de rattraper mon retard de lecture et de cogitation sur votre travail (bravo!), et je dois dire que si au premier abord le tableau peut sembler impressionant, ça sera probablement différent avec le contenu sur la page.

Jesabeth
Vendredi 25/11/2005
08:05 - son site
 

Bonjour et bienvenue Delphine :o)

On fait de la conduite de projet mêlée à du brainstormming, exercice un peu périlleux, mais comme je le disais à labosonic, dans le contexte difficile d'oeuvrer autrement. Sans compter qu'on est tous bénévoles, et ça; ça change aussi considérablement la donne par rapport à une équipe de salariés.

Contente de te voir parmi nous, n'hésites pas à donner ton avis et à émettre des critiques sur ce qui a déjà été cogité. Tu as un oeil neuf et et tu connais Viabloga. Tes remarques ne peuvent que nous être utiles.

jlb
Jeudi 24/11/2005
11:54 - son site
 

Pour le sommaire, je ferais bien un sommaire automatique, qui fasse automatiquement le sommaire en fonction des balises H1 etc.

Oui, bien sûr ! Et là c'est toi qui le propose, on peut donc espérer une mise en oeuvre "proche". Ici, ce serait particulièrement bien venu. Il faut effectivement réfléchir aux sections par catégories de pages. L'option serait proposée pour chaque page-texte ou au niveau du menu d'administration (comme sur MediaWiki où on peut l'activer par défaut pour tout le site - à partir d'un certain nombre de sections - et le désactiver ponctuellement pour une page) ?

Je n'ai pas eu l'occasion d'intervenir cette semaine mais j'apprécie le rapprochement qui est fait avec MediaWiki. C'est évidemment l'exemple à observer : des pages structurées avec un menu de sections en tête pour naviguer dans la page, des liens dans le texte et un cartouche en fin de page pour synthétiser et enrichir l'expérience...

Je suis suspendu à la découverte du modèle que nous prépare Jesabeth. Je pense aussi, comme Jesabeth, qu'il faut commencer par la navigation pour "fixer" un dispositif fonctionnel, ne serait-ce qu'au niveau des intitulés de pages et en particulier pour le lien avec l'interface d'administration. Jesabeth, tu as fait un super boulot ! Ensuite, il sera plus facile de rédiger le texte avec un cartouche qui a pré-défini le contenu et les liens. Il ne nous manque que les sections. A définir, encore.

Stephane
Jeudi 24/11/2005
15:33 - son site
 

En fait j'avais pensé faire un bouton "Insérer sommaire" pour te permettre de le mettre n'importe où. Du genre le %TOC% de Twiki. Ca marcherait aussi bien dans les articles, que les textes et les commentaires.

jlb
Jeudi 24/11/2005
15:53 - son site
 

et les balises seraient constituées comment, des sections html ou d'un code spécifique ?

Ce ne serait pas mal de pouvoir l'activer par défaut, dans le menu d'administration du Site. Si on prend le soin de mettre des sections html - ce qui ne doit pas être courant - c'est qu'on veut a priori bénéficier de la ressource. Sinon on aurait la possibilité, comme sur MediaWiki, d'insérer un noTOC dans une page spécifique...

Stephane
Jeudi 24/11/2005
16:04 - son site
 

Ca me parait bien. Les sections seront identifiées par les balises h1, h2 etc. (qui peuvent etre insérées dans l'éditeur visuel avec Titre 1 etc.

Jesabeth
Vendredi 25/11/2005
08:21 - son site
 

Mon modèle n'est pas non plus extraordinaire, et il met l'accent sur une forme de présentation plutôt que sur le graphisme. Tu es en train de me mettre la pression là :o)

Je n'ai pas eu le temps de me consacrer beaucoup au labo ces deux derniers jours. Pour tout dire, je cherche du boulot, ce qui monopolise de la matière grise aussi bien en négatif qu'en positif d'ailleurs.

Jesabeth
Mercredi 07/12/2005
12:35 - son site
 

Je remonte cet article maintenant que l'ébauche d'un modèle est en place.

Effectivement, il faut réfléchir à une structure commune pour les différents sections.
Effectivement il faut mettre du texte court et le plus concis possible.
Et surtout il faut éviter d'éparpiller l'information.

Nous sommes dans le cadre de la section "Documentation", qui comporte les sous-sections :

  • Cas d'utilisation
  • Fonctions
  • Outils
  • Thèmes
  • Interface d'administration du site (avec tutos en images ou filmés essentiellement)

Je vais commencer par le bas, parce que ça me paraît le plus sensé :

Interface d'administration
A mon avis, la sous-section interface d'administration doit développer précisemment la manière de faire quelque chose. Afin d'éviter d'avoir à reprendre plusieurs textes le jour où une manipulation est modifiée.
Elle est aussi le lien direct et compréhensible avec ce que l'utilisateur aura sous les yeux pour gérer son site. C'est le niveau le plus bas de la hierarchie, il ne devrait pas (à mon avis) y avoir de cartouches de références vers d'autres textes sauf pour remonter dans l'arborescence du sommaire.
Delphine a déjà fait pas mal de choses pour ce contenu, si vous avez un logiciel pour la présentation "filmée". Je veux bien commencer à créer les tutos simples.

Les outils
Les outils sont importants car ils permettent de créer un lien entre diverses pages de l'interface d'administration se rapportant à l'un d'eux et de créer un lien entre eux. Ils constituent aussi la seconde section où seront développés des tutos.
L'outil mot-clé/textes est un bon exemple, sa gestion passe par :
--> l'onglet site
--> l'onglet texte
--> l'onglet permissions
--> l'outil éditeur HTML

Un outil devra donc avoir, comme tu le dis, sa structure précise, mais en gardant en tête la structure globale de la documentation. Et c'est là tout la difficulté.

  • Définition
  • Pourquoi faire ?
    Fatalement on retrouvera là des liens vers des cas d'utilisation et des fonctions à l'intérieur du texte succinct (wiki de gestion de projet, site de documentation, site thématique...création de navigation hierarchique, création de navigation thématique). Des liens vers des sites d'exemple aussi selon l'outil.
  • Comment faire ?
    Une phrase simple et un lien vers > l'outil éditeur HTML > création d'un mot clé (ton beau tuto + d'autres éventuellement pour les textes "imbriqués")
  • Comment gérer les mots-clés ?
    Une phrase simple expliquant les possibilités et intégrant les liens vers les "onglets" site, textes et permissions.
  • Ils utilisent les mots-clés
    Et là, une liste de sites Viabloga (choisis ou en lien avec des mots-clé des textes "recommandation"... à voir)

Et ensuite faut trouver la structure des sous-sections de la section Documentation au-dessus comme tu l'as suggéré (et celles des autres catégories de textes aussi).


Conclusion :
J'en reviens à mon idée première. Il faut éviter les cartouches et se limiter à une navigation en arborescence (verticale grâce au sommaire automatique et horizontale en bas pour revenir à la racine des textes).
Et comme tu l'as si bien mis "mettre des liens vers les fonctions directement dans le blabla" (en bas du ), pour le reste.


jlb
Mercredi 07/12/2005
14:21 - son site
 

Ou "Pour faire quoi ?", si tu préfères - plutôt que "Pourquoi faire ?" qui est plus métaphysique...

Donc, en résumé : exit les cartouches mais des textes structurés avec les liens qu'il faut dans le texte lui-même.

Je crois qu'il faut se lancer pour voir. Personnellement j'ai encore un peu de mal à distinguer les catégories et leurs structures mais c'est mon problème : je ne suis pas structuré (ou je ne suis pas structuré comme vous, mais je ne suis pas représentatif non plus). Pour m'y retrouver parmi les éléments, je me baserai sur le et pour la structure des différents éléments j'observerai ce que vous ferai. Je pense d'ailleurs que j'interviendrai plus en complément, ou précision. Le problème, c'est la concicion - ce qui n'est pas non plus ma spécialité ! D'où l'intérêt de la collaboration.

Et j'en reviens à ma suggestion d'associer systématiquement un article à un texte. Dans la rubrique 'Contenu' pour le coup. Dans cet article, qui pourrait avoir le même titre que le texte, on ne placerait que le mot-clé correspondant au texte (à moins que la transclusion du contenu d'un texte dans un article soit possible ?). Cela permettrait à tous de participer car il va falloir du renfort pour réaliser tout cela : pour rédiger, pour lier, pour produire des vidéocasts, construire des scenari, faire des captures d'écran, tester les tutoriaux, les liens, etc. La rubrique 'Contenu' sera le lieu de ces échanges et permettra à chacun de contribuer, à son niveau.

L'équipe est là surtout pour coordonner et s'assurer de la cohérence de l'ensemble. Il faut à mon avis renforcer cette équipe de quelques rédacteurs et producteurs de contenus (multimédia). Et c'est sur Vie de ViaBloga que nous pouvons trouver toutes ces ressources, non seulement la matière à traiter mais les utilisateurs motivés pour le faire car les principaux bénéficiaires aussi bien de ce qui sera réalisé...

Jesabeth
Mercredi 07/12/2005
14:51 - son site
 

Pour quoi faire, c'est populaire :o)
pour faire quoi c'est sûr que c'est plus français.


Donc, en résumé : exit les cartouches mais des textes structurés avec les liens qu'il faut dans le texte lui-même.

Oui, enfin c'est ma suggestion et elle rejoint celle de Stéphane. Surtout que le travail sur m'a permis de cerner les limites des modèles. Je pense qu'il faut absolument limiter les mises en page laborieuses (dans l'éditeur HTML) afin que le passage d'un modèle à un autre se fasse sans heurt au niveau des textes. Or les tableaux et les div imbriquées seront générateurs de problèmes.
Le sommaire automatique nous offre une solution propre, à nous de faire les liens d'arborescence.
Au passage, j'aimerais bien que le sommaire automatique soit dans une div pour pouvoir inclure un js qui permettra de le masquer et aussi pour lui afffecter un style différent dans les pages "wiki".


Et j'en reviens à ma suggestion d'associer systématiquement un article à un texte. Dans la rubrique 'Contenu' pour le coup. Dans cet article, qui pourrait avoir le même titre que le texte, on ne placerait que le mot-clé correspondant au texte (à moins que la transclusion du contenu d'un texte dans un article soit possible ?). Cela permettrait à tous de participer car il va falloir du renfort pour réaliser tout cela : pour rédiger, pour lier, pour produire des vidéocasts, construire des scenari, faire des captures d'écran, tester les tutoriaux, les liens, etc. La rubrique 'Contenu' sera le lieu de ces échanges et permettra à chacun de contribuer, à son niveau.

Je pense que c'est une excellente idée dans le contexte de fonctionnement du site des utilisateurs, le problème des textes c'est qu'ils peuvent en plus se retrouver plus ou moins orphelins.
Je propose pour ça la rubrique "contenu". Il faudra faire migrer les textes actuels qui ne sont pas en lien direct avec un texte. Je regardais justement tout à l'heure pour remanier le découpage du laboratoire.


L'équipe est là surtout pour coordonner et s'assurer de la cohérence de l'ensemble. Il faut à mon avis renforcer cette équipe de quelques rédacteurs et producteurs de contenus (multimédia). Et c'est sur Vie de ViaBloga que nous pouvons trouver toutes ces ressources, non seulement la matière à traiter mais les utilisateurs motivés pour le faire car les principaux bénéficiaires aussi bien de ce qui sera réalisé...

C'est sûr qu'on va avoir besoin de bonnes volontés là. Il faut aussi commencer à reprendre les textes de Delphine pour l'interface d'administration.

Jesabeth
Mercredi 07/12/2005
15:01 - son site
 

Mais pour les tutos et tout ça, faut attendre encore un peu vu qu'on va modifier l'interface.
Profitons des textes destinés (onglets et compagnie) via l'article lié pour discuter de ce qui nous semble pertinent de changer d'ailleurs.

jlb
Mercredi 07/12/2005
15:27 - son site
 

Et je pense que Stéphane aussi. Yapluka ! Je te laisse la main car tu es plus aux manettes à ce stade...

Stephane
Mercredi 07/12/2005
15:48 - son site
 

Au passage, j'aimerais bien que le sommaire automatique soit dans une div.

Voilà :
<div class="table_of_contents">

jlb
Mercredi 07/12/2005
15:53 - son site
 

C'est vrai que ça ressemblait plus à une injonction qu'à une supplique !
(Je devrais cesser de lire leblase...)

Jesabeth
Mercredi 07/12/2005
18:53 - son site
 

Tu as ton sommaire avec une largeur en fonction du contenu :o)

Par contre, pour le masquage, je ne peux pas le faire moi même. Il faut un lien "Afficher/Masquer" intégré dans le sommaire.

jlb
Mercredi 07/12/2005
19:10 - son site
 

Je n'ai même pas le temps d'exprimer mon souhait qu'il se réalise ! Par contre, je crains d'avoir mis la pagaille dans les couleurs...

jlb
Mercredi 07/12/2005
19:14 - son site
 

Et je n'ai même pas le temps de réparer...
Tu avais donc bien compris ! Qu'en penses-tu ?

jlb
Mercredi 07/12/2005
19:18 - son site
 

Question : cela s'applique à tous les textes du modèle, c'est bien cela ?

Jesabeth
Mercredi 07/12/2005
19:23 - son site
 

Oui, et juste aux sommaires automatiques des textes, pas celui des articles et des commentaires.
Je l'ai mis à droite, ça fait moins cul-cul je trouve.

Quelle pagaille dans les couleurs ? Je vois rien.

jlb
Mercredi 07/12/2005
19:44 - son site
 

Tu oublies que nous avons l'historique des modifications pour reconstituer l'histoire...
C'est vrai que c'est bien mieux comme cela : on en a plus dès l'arrivée sur la page. Il faudra seulement veiller à choisir des titres de sections aussi courts.
En attendant un sommaire qui reste toujours visible (flottant) sur la page, est-ce que l'on pourrait transformer les titres en liens pour revenir en haut de la page, et donc au sommaire ? Au niveau du modèle, s'entend.

Jesabeth
Mercredi 07/12/2005
15:56 - son site
 

Merci Stéphane :o)

jlb
Dimanche 11/12/2005
23:53 - son site
 

Et j'en reviens à ma suggestion d'associer systématiquement un article à un texte. Dans la rubrique 'Contenu' pour le coup. Dans cet article, qui pourrait avoir le même titre que le texte, on ne placerait que le mot-clé correspondant au texte (à moins que la transclusion du contenu d'un texte dans un article soit possible ?). Cela permettrait à tous de participer car il va falloir du renfort pour réaliser tout cela : pour rédiger, pour lier, pour produire des vidéocasts, construire des scenari, faire des captures d'écran, tester les tutoriaux, les liens, etc. La rubrique 'Contenu' sera le lieu de ces échanges et permettra à chacun de contribuer, à son niveau.


J'ai pris l'initiative.
Pour éviter que tous ces articles-liens (des discussions) n'apparaissent en page principale, j'ai désactivé l'option correspondante pour la rubrique. Sinon choisir une autre rubrique de publication, puis l'affecter ensuite à 'Contenu'. Mais là a priori ce sont les commentaires qui importent.