17.1 NGO : un template pour ONG

L’acronyme ONG se dit en anglais NGO (Non Governmental Organization) et désigne les organisations
non gouvernementales, c’est-à-dire des entités réunissant des individus dans le cadre d’une
action humanitaire ou culturelle à but non lucratif. Au sens large, les syndicats, les associations
sportives ou culturelles sont également des ONG. Une association conforme à la loi 1901 à but non
lucratif entre dans ce périmètre.

Le designer Tom Bohacek a comme mission de proposer à d’autres professionnels et à des entreprises
de les aider à résoudre des problèmes de communication au moyen des technologies modernes.
Il a décidé d’utiliser Joomla! pour une raison très simple, comme il le dit lui-même :
« Parce que c’est avec cet outil que j’ai le plus de liberté pour concrétiser mes idées. »
Laissons donc Tom nous présenter son template.

17.1.1 Un template de « connaissance mondiale »

« Au départ, j’ai eu l’idée de concevoir un template capable de s’adapter aux fréquentes évolutions
des contenus et aux nombreuses sources d’information que doit souvent gérer une ONG.

Figure 17.1 Le modèle NGO.

C’est ainsi que j’ai imaginé le concept de connaissances du monde ONG. J’ai cherché à trouver
comment gérer et valoriser des trésors de connaissances culturelles.

17.1.2 Approche visuelle

Me remémorant la phrase de Goethe comme quoi « Ce qui est gris n’est que de la théorie », j’ai
choisi un assortiment de couleurs agréables rappelant le parchemin et les bibliothèques, c’est-à-dire
la connaissance. J’ai mis en valeur les éléments importants et les aides à la navigation en bleu
turquoise. Cette couleur contrastante incarne bien le concept de connaissances. La même teinte est
reprise pour la couverture du livre de la demoiselle en haut à droite.

De nombreuses ONG étant actives dans des contextes multiculturels, j’ai pris soin de ne pas
charger la présentation pour donner plus de chances à des individus de cultures différentes de s’y
retrouver vite.

Au niveau des textes, j’ai opté pour la famille de polices Helvetica. Elle revient à la mode, non seulement
suite à la vague d’enthousiasme pour le Web 2.0, mais aussi parce que c’est une police lisible
qui inspire le sérieux. De plus, elle est disponible sur quasiment toutes les machines.

17.1.3 Approche structurelle

La mise en page du site présente quatre parties. La partie d’en-tête, la barre de navigation et les deux
sections de contenu. Dans ces dernières aboutissent les articles, une section destinée à recevoir les
images, des informations et des liens appropriés au contexte courant.

Il n’y a pas de sous-niveaux dans les menus de la colonne gauche. Il est cependant possible d’y
insérer plusieurs sections de navigation (par exemple Présent et Futur). Pour bien transmettre l’esprit
de l’association concernée, nous proposons un accès direct à une page qui en présente les détails au
format d’un article ou d’un blog. Tous les niveaux inférieurs d’informations sont rendus accessibles
par des liens contextuels, soit à côté du corps des articles, soit directement dans l’article. Cela garantit
une structure de navigation cohérente, tout en permettant d’offrir une bonne dynamique d’affichage
des articles individuels. »

Tom Bohacek (http://www.bohacek.de)