Bibliotheca

Client: Bibliotheca

site internet : www.bibliotheca.com

Stackholder: Vinicius Flores

Mission : Refonte UX de la page d’accueil

Release Date: 2024

 

J’ai eu l’opportunité d’exercer une mission spécifique d’UX/UI design en octobre 2024 Pour l’entreprise Bibliotheca dont le siège se situe au Canada.

Qui est Bibliotheca ?

Bibliotheca est une entreprise internationale spécialisée dans les solutions innovantes pour les bibliothèques publiques et universitaires. Fondée en 1999, elle se consacre à fournir des technologies qui améliorent l’expérience des utilisateurs des bibliothèques tout en soutenant les bibliothécaires dans leur travail quotidien. ainsi que leur sécurité.

L’objectif principal de Bibliotheca est d’aider les bibliothèques à rester pertinentes à l’ère numérique en améliorant leur accessibilité et leur efficacité. L’entreprise vise à connecter les gens aux ressources éducatives et culturelles en combinant solutions physiques et numériques.

Pour ce faire, elle propose des produits et services variés qui modernisent la gestion des bibliothèques et facilitent l’accès à leurs collections.

Les solutions de Bibliotheca couvrent 21 pays à travers le monde pour environ 30.000 bibliothèques

The challenge

L’entreprise m’a confié sa problématique de lisibilité de ses différentes activités auprès d’un public plus néophyte à travers son site internet actuel. Son exigence était de se concentrer uniquement sur une refonte de la page d’accueil du site internet.

 

UX Research

 Analyse heuristique

Après une première analyse, j’ai pu repérer 3 points principaux qui méritaient une amélioration :

• Une meilleure hiérarchisation des informations et spécifiquement dans le menu
• L’amélioration de l’engagement des utilisateurs à travers une interface plus dynamique et intéressante
• Le focus sur les produits et solutions proposés par Bibliotheca et moins sur les contenus de type blogging qui ne permettent pas une impulsion d’achat

Analyse concurrentielle

L’étude de plusieurs de ses concurrents a montré que le site internet de Bibliotheca était plus communautaire et était moins axé sur une politique de conversion de nouveaux clients. La diversité de ses solutions est flou voir peu clair et la recherche d’information passe par une prise de contact automatique qui peut décourager les visiteurs en ligne.

2 points d’améliorations ont été fixés :

• Une section des solutions par catégorie avec la possibilité de les explorer dès la page d’accueil
• Un mega menu afin de retravailler le wording et améliorer la communication et la classification des produits

Users Feedbacks

8 interviews ont été menées auprès de bibliothécaires français et allemand afin d’avoir leur ressenti à propos du site actuel et particulièrement sur la page d’accueil de bibliotheca.com. Les deux citations ci-dessous reflètent l’avis général de nos résultats

“Je ne peux pas dire à quoi est censé servir ce site. Je vois des livres, mais ce n’est pas clair ce qu’ils font.” Jonathan · London

“On ne sait pas vraiment ce qu’ils font, les photos n’aident pas beaucoup, à première vu on dirait que c’est une bibliothèque.” Renata · Berlin

Usability Test – Résultats clé

Objectif flou : Difficultés à comprendre de quoi parle le site.

Nommage incohérent : Les noms des produits et des pages sont incohérents ou peu clairs.

Problème de navigation : Les utilisateurs ont rencontré des difficultés pour rechercher et se repérer sur le site.

Problématique

 

Ideation

Homepage & Navigation Menu

 

 

Prototype moyen-fidélité (Mid-fi)

Mega menu : card sorting

Mega menu : iterations

Usability Tests

Nous avons organisé deux sessions avec deux groupes cibles d’utilisateurs différents :

• Utilisateurs non-ciblés (7)
• Utilisateurs cibles (4)

Résultats :

Les Solution Boxes fonctionnent : Les utilisateurs ont clairement compris ce que fait Bibliotheca, en particulier grâce à la nouvelle section de ces boxes.

Garder les menus fermés : Cacher les éléments de menu dans des menus déroulants a aidé à réduire la surcharge de choix mentionnée par certains utilisateurs.

Garder le carrousel simple : Après avoir itéré sur un carrousel à plusieurs niveaux, les utilisateurs n’interagissaient plus avec celui-ci ou trouvaient les images cassées ou confuses.

Montrer les produits : En mettant en avant les produits clés dès le début, on créé une meilleure première impression et facilite l’exploration pour les utilisateurs.

Prototype haute fidélité (High-Fi)

La présentation de ce prototype animé a été très bien accueilli par les ingénieurs et directeurs commerciaux de Bibliotheca qui représentent les profils qui s’appuient le plus sur le site internet dans leur démarche commerciale et de prospection. De l’autre côté les avis de visiteurs sont tous unanime sur la clarté et la compréhension de la page d’accueil.

Et après ?

Pour aller plus loin dans l’amélioration du site de Bibliotheca, 3 points ont été évoqués lors de la présentation ddu projet.

Une analyse et une refonte de la page produit me semble tout indiqué afin de prolonger l’amélioration du wording et l’accessibilité et la compréhension des informations des différents produits de l’entreprise. Une feature incluant une comparaison de produits sélectionnés semble être une piste intéressante.

L’engagement des utilisateurs peut être augmenté en améliorant le formulaire de contact qui manque de clareté et de dynamisme, grâce à une étude de l’UX writing plus poussée.

Ma mission s’arrêtait à cette refonte UX de la page d’accueil, néanmoins, certains choix de codes couleurs prêtent à confusion et une amélioration de la charte graphique apporterait une meilleure lisibilité et l’usage d’autres couleurs secondaires, une meilleure classification des solutions et produits.