coulondre.net » freelance business club

Mon départ de Freelance Business Club

arno — Wed, 28 Jan 2009 17:55:52 +0000

Depuis la fin de l’année 2008, je n’occupe plus de fonctions opérationnelles au sein de Freelance Business Club.
En Novembre 2008 lors de la dernière assemblée générale, nous avons décidé de donner la main à Florent mon associé, avec qui j’ai fondé Freelance Business Club il y a un an déja.

En effet, une fois le produit lancé en fin d’année dernière, nous avons eu plusieurs points de désaccord graves sur la suite à donner à Freelance Business Club. Dans une telle situation, la présence des deux fondateurs à la tête de la société était devenue impossible. Pour débloquer la situation et permettre à la société de continuer à avancer, j’ai préféré me retirer.

A présent Florent a le lead complet sur Freelance Business Club et toute latitude pour mettre en oeuvre sa vision et sa stratégie. J’espère sincèrement qu’elles mèneront Freelance Business Club à la réussite !

Pour finir, je voulais simplement souligner que Freelance Business Club a été pour moi une formidable aventure, riche en expériences, rencontres et satisfactions.
Je suis très fier du travail réalisé. Je tiens à remercier tout particulièrement l’équipe technique pour son implication, son commitment et la qualité de ses développements.

Bon et puis vu que l’entrepreneuriat c’est fait pour moi, depuis le début de l’année je suis sur un nouveau projet que je vous présenterai très bientôt…Stay tuned !

Conception Web – Etape 2 – Le système de navigation (2/2)

arno — Sat, 10 Jan 2009 18:38:14 +0000

Dans le post précédent, nous avons vu les premiers éléments du système de navigation,

Le logo
Les sections
Et les sous sections

Nous allons voir maintenant les autres éléments de base du système de navigation.

Le nom des pages

J’aime quand une page est clairement identifiée, bien mise en valeur et sans ambiguité. Pour cela chaque page doit avoir :

Un nom
Généralement je place le nom en haut à gauche dans un format bien identifiable (plus gros et en couleur par exemple)
Le nom doit être explicite et correspondre au contenu

Le système de navigation local

C’est le système de navigation propre à une page. Il est contextuel et regroupe les liens permettant de naviguer et les actions apropriées.
Dans une architecture comme FBC avec une barre d’onglet et une barre de navigation verticale, le système de navigation local peut venir à droite comme ceci :

Le système de repérage

Il permet à l’utilisateur de savoir où il est dans le site. Généralement, il est matérialisé par une flèche, une police en gras, une couleur différente sur les éléments du système de navigation.
Sur la version actuelle de FBC, nous n’avons pas insisté sur le repérage.

Le fil d’ariane

Le fil d’ariane permet à l’utilisateur de visualiser le chemin parcouru et éventuellement de le remonter.
Le fil d’ariane n’est pas forcément nécessaire, pour ma part je trouve qu’il a un intérêt mais il doit être intégré de façon discrète (par exemple dans le header avec une couleur neutre).

Les utilitaires

Ce sont des éléments qui peuvent aider, informer l’utilisateur ou lui permettre d’effectuer des actions.
Pour ma part j’aime bien avoir tous les utilitaires d’information en bas de page (”A propos”, “nous contacter”, “Espace presse”, etc.), si nécessaire je donnerais une place dans le header pour les utilitaires d’actions (3 / 4 maximum, “recommander”, “inviter”, “s’abonner”, etc.).

Le moteur de recherche

La recherche est un système de navigation à elle toute seule. C’est pour ainsi dire, l’autre façon de naviguer dans un site Web. La recherche est un point crucial, souvent négligé par les concepteurs, elle fera l’objet d’un prochain article.

Le système de navigation est une brique fondamentale de l’architecture fonctionnelle d’un site web.
L’application de ses principes devrait vous permettre d’en développer un simple et efficace.

Conception Web – Etape 2 – Le système de navigation (1/2)

arno — Tue, 30 Dec 2008 20:02:49 +0000

Le système de navigation EST votre site Web

Le système de navigation est la pierre angulaire de votre site Web, sans système de navigation efficace point de salut ! Tous vos efforts sur le contenu, le SEO, les performances seront vains, vos utilisateurs déserteront votre site dès la première visite et n’y reviendront plus !

Il est donc essentiel de concevoir et de développer un système de navigation simple et efficace, le plus utilisable possible.

Comme le précise Steve Krug dans son ouvrage de référence Don’t make me think, les objectifs du système de navigation sont multiples :

Nous aider à trouver ce que nous cherchons,
Nous indiquer où nous sommes,
Nous donner un repère sur lequel nous appuyer,
Nous renseigner sur le contenu,
Nous indiquer comment utiliser le site (sans instruction),
Mettre en confiance par rapport aux concepteurs du site.

Un bon système de navigation doit remplir tous ces objectifs.

Voyons maintenant (toujours en accord avec Steve Krug) les éléments clés pour un système de navigation réussi.

Le logo du site

En haut à gauche, de façon conventionnelle, il permet aux utilisateurs de savoir trés vite sur quel site ils se trouvent. D’autre part c’est un moyen trés pratique pour revenir sur la page d’accueil depuis n’ importe quel endroit du site.

Les sections et sous sections

Une façon trés satisfaisante de représenter les sections sont les onglets mais sont-ils suffisants ? En effet, plus le site grossit, plus le nombre d’onglets augmente et moins la barre d’onglet devient lisible. Pour parer à ce problème plusieurs solutions : système d’onglets sur plusieurs niveaux, navigation horizontale et verticale.
Chez FBC nous avons opté pour cette approche. Personnellement je n’aime pas les barres d’onglets trop chargées. Elles en annulent les bénéfices : simplicité, efficacité, rapidité.

Pour illustrer les différences entre une approche “onglet seule” vs une approche “2 dimensions” vous pouvez comparer les 2 réseaux sociaux Viadeo et LinkIn.
Je préfère trés nettement la conception de LinkIn avec sur la barre verticale tous les élements propres à l’utilisateur (son profil, ses contacts, etc…) et sur la barre d’onglet horizontale les intéractions avec le reste du site (les autres membres, les jobs, etc.)

Sur FBC nous avons repris ce mécanisme et les retours de nos utilisateurs sont excellents.

Pour les sous sections, on peut choisir le classique sous onglet comme ici ou, comme nous l’avons réalisé sur FBC, par une barre de sous onglet en dessous du titre de la page.
Je trouve cette seconde solution plus esthétique et au moins aussi fonctionnelle que la première.

Nous verrons dans un prochain post les autres éléments essentiels du système de navigation :

Le nom des pages,
Le système de navigation local,
Le système de repérage,
Le fil d’ariane,
Les utilitaires.