Architecture
de l’information
pour
2
L'architecture de l'information
(AI) est l'art d'exprimer un
modèle ou un concept
d'information utilisé dans des
activités exigeant des détails
explicites dans des systèmes
complexes.
3
Mark A Coleman
4
Organiser vos contenus
5
Organiser vos contenus
pour que l’utilisateur trouve ce
qu’il cherche
6
Organiser vos contenus
pour que l’utilisateur trouve ce
que voudriez qu’il trouve
7
Organiser vos contenus
pour que vous puissiez créer et
classer vos contenus
efficacement
8
Organiser vos contenus
pour que vos contenus soient
pérennes et évolutifs
9
Les symptômes
souvent on se lance rapidement dans :
• une arborescence
• la définition des onglets de navigation,
du fil d’Ariane…
Tout est simple… au début
12
Et puis…
• On découvre des défauts de conception
au moment de la saisie
• On a du mal à choisir les modes de
navigation ou ils ne fonctionnent pas
• On est bloqué au moment d’ajouter
une rubrique
13
WordPress offre un cadre riche et
efficace à l’architecture de
l’information.
L’idée est d’en tirer le maximum.
14
Systèmes de navigation
Classer les contenus
Structurer les contenus
15
Systèmes de navigation
Classer les contenus
Structurer les contenus
Structurer vos
contenus
16
17
Le plus souvent, le format est
défini par les champs qui
décrivent le contenu
• Titre
• Extrait
• Texte
• Auteur
• Image à la une
Je suis un article
18
Le plus souvent, le format est
défini par les champs qui
décrivent le contenu
• Titre
• Extrait
• Texte
• Auteur
• Image à la une
Champs par défaut
19
? ?
?
Image à la une
Texte
Titre
Extrait
20
?
?
Image à la une
• La taille peut être
intégrée au texte
• Elle peut être dans
un champ à part
• Elle peut être dans
2 champs
(longueur et
largeur)
21
?
?
Image à la une
En créant 2 champs,
on se donne la
possibilité de laisser
l’utilisateur afficher
toutes les tables
d’une certaine
largeur (par
exemple).
22
Dans WordPress, on utilise les
champs personnalisés pour
ajouter des champs à un type
contenu
23
On peut ajouter des champs
personnalisés :
• à la main
• avec une extension maison
• en utilisant des extensions spécialisées
comme Advanced Custom Fields
24
Clé
Valeur
25
Advanced Custom Fields
26
27
{Bonus} N’ajoutez pas vos champs
personnalisés avec un thème.
Vos contenus doivent être
indépendants de l’apparence du
site. Vous me remercierez à la
prochaine refonte ;-)
28
{Bonus} N’abusez pas des champs
personnalisés, ils alourdissent la
saisie. Si c’est juste une question
d’affichage, basez-vous sur un
code HTML bien structuré et
éventuellement des shortcodes.
Identifier vos
contenus
29
30
Faire la liste de chaque type de
contenu
• Article d’actualité
• Fiche métier
• Fiche beauté
• Recette de cuisine
• 10 conseils santé
• Tutoriel
• Biographie auteur
• Conférence
• Offre d’emploi
31
{Bonus} contenu = article.
Une offre d’emploi est un
contenu. C’est aussi le cas des
fiches produits, de la bio d’un
conférencier…
32
Bien identifier un type de
contenu
• Article d’actualité politique
• Article d’actualité culturelle
• Article d’actualité économique
Un type de contenu se
distingue par son format
33
Par défaut, WordPress met à
disposition 2 types de contenus :
les articles et les pages.
Les articles s’empilent par ordre de
publication.
34
Par défaut, WordPress met à
disposition 2 types de contenus :
les articles et les pages.
Les pages sont liées les unes aux autres et
forment une arborescence.
35
Les articles et les pages sont un
héritage des débuts de
WordPress.
Articles de blog et pages statiques
comme la page à propos.
36
Les articles et les pages sont un
héritage des débuts de
WordPress.
Aucun problème pour les utiliser tels
quels. Mais vous pouvez aussi décider de
les détourner.
37
Les articles et les pages peuvent
être étendus avec des champs
personnalisés.
38
On peut ajouter d’autres types de
contenus
Les types de contenu
personnalisés.
39
Les types de contenu
personnalisés peuvent eux aussi
être étendus avec des champs
personnalisés.
On peut donc avoir un format de contenu
pour chaque type de contenu
personnalisé.
40
Ex. de type de contenu personnalisé
41
42
{Bonus} Lorsque vous ajoutez un
type de contenu personnalisé,
WordPress crée tous les écrans
d’administration nécessaires
automatiquement o/.
43
Comment faire ?
• Une liste de tous les types de contenu
précisant comment le réaliser dans
WordPress
• Pour chaque type de contenu, la liste
de ses champs (avec éventuellement
ses contraintes)
44
Comment faire ?
• Une ou plusieurs extensions en charge
d’ajouter les types de contenus
personnalisés et les champs
personnalisés
Classer vos contenus
45
46
On utilise des taxonomies
47
Mark A Coleman
48
On utilise des taxonomies des
plans de classement.
Par défaut, WordPress fournit les
taxonomies Catégories et Étiquettes pour
les articles.
49
On utilise des taxonomies des
plans de classement.
Les Catégories forment une arborescence
et les Étiquettes sont des mots-clés.
50
Les taxonomies par défaut
de WordPress
51
L’écran d’administration
des catégories
52
A l’origine,
Catégories = navigation principale
Étiquettes = navigation secondaire
accessible depuis les articles
53
{Bonus} Taxonomie = navigation
Un système de navigation peut
combiner plusieurs taxonomies.
54
Systèmes de navigation
Taxonomies
Types de contenu
55
C’est à vous de décider du rôle
que jouera chaque taxonomie.
56
Pour chaque élément d’une
taxonomie, vous pouvez afficher
les contenus qui lui sont
rattachés.
Ex. Afficher les contenus de la Catégorie
Actualité.
57
On peut ajouter des taxonomies
personnalisées
• Métiers
• Pays
• Matériaux
• Familles d’animaux
• Âges
• Villes
• Peintures
• Types de cuisine
• Tailles de bateaux
58
Ex. de taxonomie personnalisée
59
Les taxonomies peuvent être
partagées entre plusieurs types
de contenu.
Ex. les Catégories peuvent être partagées
entre les Articles et les Événements.
60
Partager une taxonomie
61
Les taxonomies sont des
formidables outils pour
regrouper les contenus quel que
soient leur types.
62
Ça permet d’avoir des listes
mélangeant plusieurs types de
contenu.
Ex. On pourra afficher les Articles et les
Événements pour une Catégorie donnée.
63
{Bonus} Lorsque vous ajoutez une
taxonomie personnalisée,
WordPress crée tous les écrans
d’administration nécessaires
automatiquement o/.
64
Comment faire ?
• Listez les taxonomies disponibles pour
chaque type de contenu
• Définissez comment chaque système de
navigation exploite vos taxonomies et
vos types de contenu.
Quelques pièges
65
66
• Évitez les recouvrements entre les
champs personnalisés, les types de
contenu et les taxonomies.
67
• Ne confondez pas taxonomie et
navigation.
Une navigation peut exploiter plusieurs
taxonomies et avoir des libellés
différents.
68
• Ne confondez pas taxonomie et
navigation.
Les navigations sont destinées aux
utilisateurs. Les taxonomies servent à
organiser vos contenus de manière
pérenne.
69
• Prenez l’habitude d’avoir une
taxonomie principale sans multi-
indexation – pratique pour l’analytics
notamment.
70
• Chaque élément d’une taxonomie doit
être utile.
Évitez les redondances et les éléments
auxquels aucun contenu n’est rattaché –
essentiel pour le SEO !
71
Il est courant que certaines
parties de contenu soient
partagées par plusieurs
contenus.
Ex. la définition d’un mot, l’étape d’une
recette de cuisine…
72
• Évitez de répéter un même contenu à
plusieurs endroits
Vous pouvez imbriquer vos contenus ou
les lier les uns aux autres (ex. en utilisant
un shortcode).
Aller plus loin
73
74
Les évolutions de WordPress
• Ex. Depuis WordPress 4.4 on peut
ajouter des champs personnalisés pour
les taxonomies o/.
>>> 16:30 Taxonomy Term Meta par Matt Perry
75
Les méthodes pour :
• créer des systèmes de navigation
efficaces
• hiérarchiser ces moyens de navigation
• trouver les termes que vont
comprendre vos utilisateurs
76
77
Le suivi statistique de l’audience
et de la production de contenu
pour vérifier :
• que l’organisation des contenus est bien
exploitée
• que les systèmes de navigation
remplissent leur rôle
78
Benjamin LUPU
Directeur digital Jeune Afrique
@benjaminlupu
Mobile (WP-AppKit)
Analytics
UX
Développement
UX
Marketing
Projets
79
Mark A Coleman
Merci

Architecture de l'information pour WordPress

  • 2.
  • 3.
    2 L'architecture de l'information (AI)est l'art d'exprimer un modèle ou un concept d'information utilisé dans des activités exigeant des détails explicites dans des systèmes complexes.
  • 4.
  • 5.
  • 6.
    5 Organiser vos contenus pourque l’utilisateur trouve ce qu’il cherche
  • 7.
    6 Organiser vos contenus pourque l’utilisateur trouve ce que voudriez qu’il trouve
  • 8.
    7 Organiser vos contenus pourque vous puissiez créer et classer vos contenus efficacement
  • 9.
    8 Organiser vos contenus pourque vos contenus soient pérennes et évolutifs
  • 10.
    9 Les symptômes souvent onse lance rapidement dans : • une arborescence • la définition des onglets de navigation, du fil d’Ariane… Tout est simple… au début
  • 13.
    12 Et puis… • Ondécouvre des défauts de conception au moment de la saisie • On a du mal à choisir les modes de navigation ou ils ne fonctionnent pas • On est bloqué au moment d’ajouter une rubrique
  • 14.
    13 WordPress offre uncadre riche et efficace à l’architecture de l’information. L’idée est d’en tirer le maximum.
  • 15.
    14 Systèmes de navigation Classerles contenus Structurer les contenus
  • 16.
    15 Systèmes de navigation Classerles contenus Structurer les contenus
  • 17.
  • 18.
    17 Le plus souvent,le format est défini par les champs qui décrivent le contenu • Titre • Extrait • Texte • Auteur • Image à la une Je suis un article
  • 19.
    18 Le plus souvent,le format est défini par les champs qui décrivent le contenu • Titre • Extrait • Texte • Auteur • Image à la une Champs par défaut
  • 20.
    19 ? ? ? Image àla une Texte Titre Extrait
  • 21.
    20 ? ? Image à laune • La taille peut être intégrée au texte • Elle peut être dans un champ à part • Elle peut être dans 2 champs (longueur et largeur)
  • 22.
    21 ? ? Image à laune En créant 2 champs, on se donne la possibilité de laisser l’utilisateur afficher toutes les tables d’une certaine largeur (par exemple).
  • 23.
    22 Dans WordPress, onutilise les champs personnalisés pour ajouter des champs à un type contenu
  • 24.
    23 On peut ajouterdes champs personnalisés : • à la main • avec une extension maison • en utilisant des extensions spécialisées comme Advanced Custom Fields
  • 25.
  • 26.
  • 27.
  • 28.
    27 {Bonus} N’ajoutez pasvos champs personnalisés avec un thème. Vos contenus doivent être indépendants de l’apparence du site. Vous me remercierez à la prochaine refonte ;-)
  • 29.
    28 {Bonus} N’abusez pasdes champs personnalisés, ils alourdissent la saisie. Si c’est juste une question d’affichage, basez-vous sur un code HTML bien structuré et éventuellement des shortcodes.
  • 30.
  • 31.
    30 Faire la listede chaque type de contenu • Article d’actualité • Fiche métier • Fiche beauté • Recette de cuisine • 10 conseils santé • Tutoriel • Biographie auteur • Conférence • Offre d’emploi
  • 32.
    31 {Bonus} contenu =article. Une offre d’emploi est un contenu. C’est aussi le cas des fiches produits, de la bio d’un conférencier…
  • 33.
    32 Bien identifier untype de contenu • Article d’actualité politique • Article d’actualité culturelle • Article d’actualité économique Un type de contenu se distingue par son format
  • 34.
    33 Par défaut, WordPressmet à disposition 2 types de contenus : les articles et les pages. Les articles s’empilent par ordre de publication.
  • 35.
    34 Par défaut, WordPressmet à disposition 2 types de contenus : les articles et les pages. Les pages sont liées les unes aux autres et forment une arborescence.
  • 36.
    35 Les articles etles pages sont un héritage des débuts de WordPress. Articles de blog et pages statiques comme la page à propos.
  • 37.
    36 Les articles etles pages sont un héritage des débuts de WordPress. Aucun problème pour les utiliser tels quels. Mais vous pouvez aussi décider de les détourner.
  • 38.
    37 Les articles etles pages peuvent être étendus avec des champs personnalisés.
  • 39.
    38 On peut ajouterd’autres types de contenus Les types de contenu personnalisés.
  • 40.
    39 Les types decontenu personnalisés peuvent eux aussi être étendus avec des champs personnalisés. On peut donc avoir un format de contenu pour chaque type de contenu personnalisé.
  • 41.
    40 Ex. de typede contenu personnalisé
  • 42.
  • 43.
    42 {Bonus} Lorsque vousajoutez un type de contenu personnalisé, WordPress crée tous les écrans d’administration nécessaires automatiquement o/.
  • 44.
    43 Comment faire ? •Une liste de tous les types de contenu précisant comment le réaliser dans WordPress • Pour chaque type de contenu, la liste de ses champs (avec éventuellement ses contraintes)
  • 45.
    44 Comment faire ? •Une ou plusieurs extensions en charge d’ajouter les types de contenus personnalisés et les champs personnalisés
  • 46.
  • 47.
  • 48.
  • 49.
    48 On utilise destaxonomies des plans de classement. Par défaut, WordPress fournit les taxonomies Catégories et Étiquettes pour les articles.
  • 50.
    49 On utilise destaxonomies des plans de classement. Les Catégories forment une arborescence et les Étiquettes sont des mots-clés.
  • 51.
    50 Les taxonomies pardéfaut de WordPress
  • 52.
  • 53.
    52 A l’origine, Catégories =navigation principale Étiquettes = navigation secondaire accessible depuis les articles
  • 54.
    53 {Bonus} Taxonomie =navigation Un système de navigation peut combiner plusieurs taxonomies.
  • 55.
  • 56.
    55 C’est à vousde décider du rôle que jouera chaque taxonomie.
  • 57.
    56 Pour chaque élémentd’une taxonomie, vous pouvez afficher les contenus qui lui sont rattachés. Ex. Afficher les contenus de la Catégorie Actualité.
  • 58.
    57 On peut ajouterdes taxonomies personnalisées • Métiers • Pays • Matériaux • Familles d’animaux • Âges • Villes • Peintures • Types de cuisine • Tailles de bateaux
  • 59.
    58 Ex. de taxonomiepersonnalisée
  • 60.
    59 Les taxonomies peuventêtre partagées entre plusieurs types de contenu. Ex. les Catégories peuvent être partagées entre les Articles et les Événements.
  • 61.
  • 62.
    61 Les taxonomies sontdes formidables outils pour regrouper les contenus quel que soient leur types.
  • 63.
    62 Ça permet d’avoirdes listes mélangeant plusieurs types de contenu. Ex. On pourra afficher les Articles et les Événements pour une Catégorie donnée.
  • 64.
    63 {Bonus} Lorsque vousajoutez une taxonomie personnalisée, WordPress crée tous les écrans d’administration nécessaires automatiquement o/.
  • 65.
    64 Comment faire ? •Listez les taxonomies disponibles pour chaque type de contenu • Définissez comment chaque système de navigation exploite vos taxonomies et vos types de contenu.
  • 66.
  • 67.
    66 • Évitez lesrecouvrements entre les champs personnalisés, les types de contenu et les taxonomies.
  • 68.
    67 • Ne confondezpas taxonomie et navigation. Une navigation peut exploiter plusieurs taxonomies et avoir des libellés différents.
  • 69.
    68 • Ne confondezpas taxonomie et navigation. Les navigations sont destinées aux utilisateurs. Les taxonomies servent à organiser vos contenus de manière pérenne.
  • 70.
    69 • Prenez l’habituded’avoir une taxonomie principale sans multi- indexation – pratique pour l’analytics notamment.
  • 71.
    70 • Chaque élémentd’une taxonomie doit être utile. Évitez les redondances et les éléments auxquels aucun contenu n’est rattaché – essentiel pour le SEO !
  • 72.
    71 Il est courantque certaines parties de contenu soient partagées par plusieurs contenus. Ex. la définition d’un mot, l’étape d’une recette de cuisine…
  • 73.
    72 • Évitez derépéter un même contenu à plusieurs endroits Vous pouvez imbriquer vos contenus ou les lier les uns aux autres (ex. en utilisant un shortcode).
  • 74.
  • 75.
    74 Les évolutions deWordPress • Ex. Depuis WordPress 4.4 on peut ajouter des champs personnalisés pour les taxonomies o/. >>> 16:30 Taxonomy Term Meta par Matt Perry
  • 76.
    75 Les méthodes pour: • créer des systèmes de navigation efficaces • hiérarchiser ces moyens de navigation • trouver les termes que vont comprendre vos utilisateurs
  • 77.
  • 78.
    77 Le suivi statistiquede l’audience et de la production de contenu pour vérifier : • que l’organisation des contenus est bien exploitée • que les systèmes de navigation remplissent leur rôle
  • 79.
    78 Benjamin LUPU Directeur digitalJeune Afrique @benjaminlupu Mobile (WP-AppKit) Analytics UX Développement UX Marketing Projets
  • 80.