Objectifs :
Associer les ressources liées à la compréhension des enjeux de communication et à l'ergonomie pour auditer un site web, un produit ou une marque ;
Sensibiliser à la nécessité de prendre en compte les attentes des utilisateurs et de comprendre la situation de communication ;
Découvrir les méthodes et outils pour mener ces audits de manière professionnelle et apprendre à rédiger des rapports d'audit.
Ce travail a été réalisé en groupes de 2. J'ai tout d'abord choisi un graphiste sur le site Behance, un site qui permet aux artistes, graphistes et développeurs UI/UX de partager leurs travaux sous forme de portfolio. Ensuite, nous avons réalisé deux audits sur Behance : un audit du contexte présentant l'histoire de l'entreprise ainsi que la concurrence, et un audit économique présentant le chiffre d'affaires, proposition de valeur et écosystème technologique. Ce travail est aussi accompagné de la réalisation de trois audits: audit de stratégie de communication, audit d'accessibilité et d'ergonomie et audit sémoiotique. Sur Figma j'ai réalisé une version prototype du profil du graphiste choisi en créant tout d'abord un kit d'interface ainsi qu'un wireframe et un zoning, permettant de déterminer les zones de chaque composant sur le futur site à réaliser.
Audit ergonomique
La réalisation d'un audit ergonomique m'a appris à mieux connâitre le contexte et l'histoire du sit Behance. J'ai rédigé trois audits :
Stratégies de communication : déterminer les stratégies d'énonciation ainsi que les modes d'organisation et le zoning à reproduire
Accessibilité & ergonomie : déterminer le ou les types de sites
Sémiotique : connaître le style graphique du site à réaliser
Pour réaliser cette partie de la SAE, les ressources R103 et R105 ont été une grande aide car elles m'ont permis d'apporter des connaissances utiles pour réaliser mes audits et éventuellement mon wireframe et ma zoning. J'ai également travaillé les compétences AC11.01 et AC11.05.
Zoning et Wireframe
Tout d'abord, en prenant compte des techniques réalisées dans la ressource R203, j'ai réalisé un zoning permettant d'identifier le type de contenu qui va être présent dans mon prototype. En haut il y a deux zone identitaires (logos) avec une zone de navigation à côté (boutons de navigation). La zone de personnalisation contient les boutons permettant de se connecter au site. La boîte à outils est celle qui contient la barre de recherches. Juste en dessous, il y a la présence de deux zones d'actualités et tout en bas une zone utilitaire (footer du site).
Le wireframe permet de déterminer quelles tailles les éléments vont prendre et où chaque élément sera placé sur la page. Cependant, il n'y a pas de couleurs et les images sont représentées par des croix. Ce travail facilite la mise en forme du prototype final car il suffira tout simplement de reprendre la même mise en forme et de remplacer chaque élément du wireframe par des boutons colorisés et des vraies images, reprises dans un kit d'utilisateur que je vais montrer dans la deuxième partie.
La ressource R1.03 m'a aidé à accomplir les audits ergonomiques en mettant particulièrement l'accent sur la création de wireframes et de zones fonctionnelles. De plus, elle a été précieuse pour m'aider à élaborer des méthodes d'analyse de l'accessibilité d'un site web, permettant ainsi aux utilisateurs, tels que les malvoyants ou ceux ayant besoin de changer la langue, de personnaliser l'interface selon leurs exigences. J'ai également travaillé les compétences AC11.02, AC11.03, AC11.04, AC11.05.
Réalisation du prototype
Ce projet a renforcé ma capacité à collaborer de manière efficace au sein d'une équipe, tout en approfondissant ma compréhension des principes ergonomiques essentiels à la conception d'un site web. Il m'a également permis d'acquérir une meilleure compréhension de l'importance de l'accessibilité pour permettre à tous les utilisateurs de naviguer sur le site en fonction de leurs besoins spécifiques. Dans l'ensemble, je pense avoir validé les compétences liées à cette SAE sans difficultés majeures.
J'ai travaillé les compétences suivantes :
AC11.01 | Présenter une organisation, ses activités et son environnement (économique, sociologique, culturel, juridique, technologique, communicationnel et médiatique)
AC11.02 | Évaluer un site web, un produit multimédia ou un dispositif interactif existant en s’appuyant sur des guides de bonnes pratiques
AC11.03 | Produire des analyses statistiques descriptives et les interpréter pour évaluer un contexte socio-économique
AC11.04 | Analyser des formes médiatiques et leur sémiotique
AC11.05 | Identifier les cibles (critères socio-économiques, démographiques, géographiques, culturels...)