Les onglets timeline (BU) : la personnalisation

Attention, cet article, publié en 2012, peut en certains points être obsolète.

Dernier billet du cycle consacré aux onglets des pages Fb des BU. La particularité de la nouvelle interface de Facebook, ou Timeline, c’est qu’elle est très visuelle. Nous pouvons personnaliser la couverture, le logo et les onglets par des images, des icônes, ce que l’on veut. En ce qui concerne la couverture et le logo, toutes les bibliothèques ont choisi un visuel, mais les onglets ont souvent été laissés tels quels. Faisons donc un petit tour pour voir ce qui a été tenté ou non niveau design.

– Le cas des onglets par défaut

Les onglets par défauts ne peuvent pas être personnalisés, ils restent donc identiques, de page à page.

L’onglet « Photos » s’actualise à chaque fois qu’une nouvelle photo est postée par l’administrateur sur le mur de la page. On ne peut pas choisir la partie de la photo qui sera mise en avant si la photo est de grande taille. C’est très redondant avec les publications du mur, mais on ne peut rien y changer.

L’onglet « Événements » affiche la photo utilisée pour la création de la publication « Événement » en question. Si on n’en met pas, il prend par défaut l’image du logo qui vous avez choisi pour votre page.

– les onglets personnalisés

Il existe trois catégories pour les onglets qui ont été personnalisés : ceux dont on a laissé l’icône par défaut, ceux qui ont été refaits mais dont le design n’est pas abouti, ceux enfin qui ont utilisés toutes les potentialités de la nouvelle interface.

  • l’icône par défaut

Beaucoup de bibliothèques laissent l’icône par défaut de l’application utilisée. Ce n’est pas du plus bel effet et semble laisser la page dans un état incomplet, non fini.

Exemples :

Parfois, cela ne rend pas si mal, et semble adapté :

Parfois cela rend bien mais paraît incongru :

Pour d’autres, c’est plutôt neutre, sans être non plus au top :

mais la redondance de l’effet passe-partout devient vite lassitude :

  • les personnalisations non abouties

Certaines BU ont pris le temps de créer des design à leur sauce, mais ne sont malheureusement pas allées jusqu’au bout du projet :

– des photos à la mauvaise dimension :

– des photos qui n’ont rien à voir :

(je m’excuse d’avance si cette image a été choisie volontairement, mais je n’arrive pas à voir le lien avec le catalogue…)

– un logo trop petit :

  • les personnalisations maîtrisées

Enfin, d’autres BU ou application ont exploité au mieux ce que la nouvelle interface de Facebook leur proposait :

– les développeurs d’applications font des fois très bien leur job :

quand d’autres pas :

– une photo :

(juste parfaits, dans la personnalisation, et le choix des photos)

(l’équipe a repris les images de fond du portail de la BU, pour la charte graphique)

(Dommage pour les deux photos qui encadrent et ne sont pas à la bonne taille !)

– un logo :

(jolie réalisation, très claire et maîtrisée, dommage que ce soit redondant avec le titre des onglets juste en-dessous (enlever les possessifs ?))

– une icône créée par la BU :

(juste parfait, en plus reprend la couleur d’une partie du logo, rien à dire)

– des fois pas besoin de faire compliqué :

(j’ai cherché à savoir si c’était un logo par défaut, à cause de la couleur du fond qui ressemble beaucoup à celle du fond de Facebook, mais impossible de le reproduire moi-même en utilisant la même application, donc je conclus que c’est une personnalisation, même si d’autres bibliothèques ont mis des icônes semblables (exemple Poitiers avec la clé))

Si vous avez d’autres exemples d’onglets personnalisés de pages Fb de BU, faites m’en part !

Très bientôt : le cycle, plus court, consacré aux onglets des pages de BM (ça commence ici), et des tutoriels vous montrant comment personnaliser ses onglets.

Étiquettes : ,

About Kanum

Analyse, partage, création en lien avec les bibliothèques.

3 responses to “Les onglets timeline (BU) : la personnalisation”

  1. tommygunn01 says :

    Reblogged this on la bibliothèque, et veiller.

  2. BELVEZE says :

    bonjour,
    il me semble que la loupe provient de thenounproject.com (logos transparents) – je l’utilise moi-même pour notre page de ressources http://guides.insa-rennes.fr/ressources

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s