UNIVERSITÉ DE FRIBOURG CONCEPT DÉTAILLÉ WEBUNIFR. Version 1.2

Transcription

1 UNIVERSITÉ DE FRIBOURG CONCEPT DÉTAILLÉ WEBUNIFR Version janvier 2015

2 CONTENU 1. Introduction Objet du document Documents de référence Abréviations et définitions Déroulement du projet Analyse des exigences Situation initiale Strtégie de communication en ligne de l Unifr Systèmes d information existants Objectifs du projet de nouvel habillage du site web PERSONAS Besoins des personas Conception des informations Organisation des informations (plan du site) Contenus, termes et stratégie Terminologie Rédaction Image et stratégie Transversalité de l information Sources Exigences d ordre fonctionnel Modules fonctionnels De base Modules Fonctionnels spécifiques Délimitations Concept de wireframes (prototype) Anatomie Outils

3 Bascule des langues Navigation principale locale Navigation transversale : menu global Menu de position Pieds de page Pages d accueil Pages de contenu Variantes adaptatives Test d utilisabilité Informations complémentaires Réception du concept DETAILLE Annexe 28 3

4 INFORMATIONS SUR LE DOCUMENT AUTEUR: Frank Salathé FAIT LE: 28 mai 2014 DERNIÈRE MODIFICATION: Samuel Crausaz MISE À JOUR: 8 janvier 2015 STATUT: En consultation VERSIONS AUTEUR REMARQUE DATE VERSION F. Salathé Création du modèle 28 mai F. Salathé Architecture des données 28 mai F. Salathé Contenus 28 mai F. Salathé Révision / validation interne 29 mai V. Schneider Validation 30 mai DualText Traduction Juillet Partenaires WebUnifr Consultation Août-octobre S. Crausaz / N. Frétigny Corrections Décembre

5 1. INTRODUCTION La conception du nouveau site web de l Université de Fribourg dans le cadre du projet WEBUNIFR 1 a été confiée à Maxomedia. Les exigences relatives au nouveau site web de l Université et à la plate-forme CMS centralisée correspondante doivent être établies au cours d une première phase d analyse et de prototypage et faire l objet de la rédaction d un concept de solution (prototype). Une enquête en ligne et trois ateliers ont été organisés à cet effet par l équipe principale en charge du projet. Sur le plan méthodologique, différentes techniques de conception centrée sur l utilisateur (user centered design) sont mises en œuvre dans le cadre du projet, avec un accent particulier sur les groupes cibles à identifier OBJET DU DOCUMENT Le présent document décrit le concept de nouveau site web de l UNIFR. Il s agit d un document de travail, complété en continu, dont cette version correspond à l état d avancement actuel du projet. Remarques: pour une meilleure lisibilité, seule la forme masculine est utilisée dans le présent document. Les parties signalées en jaune concernent des aspects qui restent à préciser durant la phase de conception DOCUMENTS DE RÉFÉRENCE [1] Résultats de l enquête en ligne, présentation, version 1.0 du 15 mai 2014 [2] Concept d exploitation du site WEBUNIFR, version 1.0 du 30 mai UNIFR dans le reste du document 5

6 1.3. ABRÉVIATIONS ET DÉFINITIONS TERME DÉFINITION ModX CMS Produit CMS mis en œuvre de façon globale au sein de l UNIFR Abréviation de Content Management System; système destiné en premier lieu à la séparation des fonctions et des contenus d un site web. Met également à disposition les fonctionnalités permettant de gérer les contenus d un site web. Tableau 1: Abréviations et définitions (à compléter par l équipe principale en charge du projet WEBUNIFR) 6

7 2. DÉROULEMENT DU PROJET Dans la mesure du possible, les parties prenantes internes et externes (stakeholders) doivent être systématiquement placées au cœur du processus de conception de sites web, quel qu en soit l usage prévu. Dans le cadre du projet WEBUNIFR, l UNIFR applique les principes de la méthode de conception centrée sur l utilisateur (user centered design en anglais) 2. Il s agit donc d établir quels sont les groupes cibles du nouveau site web de l UNIFR et quelles sont les fonctions qu il doit remplir. Cette démarche permettra de garantir que le nouveau site web présente un haut degré de convivialité et réponde à tous les besoins identifiés, mais aussi que les parties prenantes soient impliquées dans le processus de développement. Les objectifs de la première phase d analyse et de prototypage sont donc la définition des exigences à satisfaire en termes de contenus et de fonctionnalités ainsi que l élaboration d une solution adaptée sous la forme d un prototype. Lors de la conception d un site web, le déroulement du projet (fondé sur les connaissances méthodologiques) doit être défini en fonction des conditions-cadres organisationnelles de l établissement concerné. Ce processus a été mené au sein de l UNIFR durant la phase de kick-off du projet. Une procédure comprenant les étapes de travail suivantes a été définie de façon concertée pour le projet : Figure 1: Déroulement du projet WEBUNIFR Grâce à cette démarche centrée sur l utilisateur, l équipe de l UNIFR en charge du projet dispose d un concept de solution complet, qui constitue à son tour une base optimale pour la réalisation consécutive du nouveau site web de l Université. 2 Conception centrée sur l utilisateur, cf. 7

8 3. ANALYSE DES EXIGENCES Les chapitres suivants décrivent les résultats de l analyse menée et des ateliers de travail organisés par l équipe en charge du projet. Ces résultats constituent le point de départ du concept de nouveau site web à élaborer. Ils doivent donc être analysés en détail SITUATION INITIALE Le déclencheur du projet WEBUNIFR est le constat suivant: le site web actuel de l UNIFR n est plus conforme aux attentes des groupes cibles. Ce constat a notamment été étayé par le projet WEBSTUDIES 3, dans le cadre duquel un site web moderne a été réalisé pour présenter l offre d études de l Université. Les sites web actuels de l UNIFR ne répondent plus aux attentes des groupes cibles en termes de design, de contenus et de fonctionnalités, ce pour plusieurs raisons. Les principaux points faibles identifiés sont les suivants:! Manque de clarté des structures des sites web! Manque d homogénéité au niveau de l utilisation des sites web! Présentation plutôt froide et technique, qui ne génère pas assez d émotions! Point de vue interne, pas de centrage sur l utilisateur! Caractère récent des contenus insuffisamment mis en valeur visuellement! Différentes exigences techniques non remplies 4! Manque de modernité de l identité visuelle (conception visuelle, typographie, etc.). A cet égard, il faut préciser que le niveau d information des sites web existants est globalement approprié et suffisant. Du fait de la complexité des structures de ces sites, il est toutefois difficile pour les utilisateurs de trouver rapidement les informations recherchées. Pour résumer, les sites web existants sont peu conviviaux (usability) et ne procure pas une expérience suffisamment attrayante à l utilisateur (user experience). Les résultats détaillés de l enquête réalisée sont présentés dans le document [1] référencé. Les chapitres suivants décrivent de façon détaillée comment la nouvelle mouture du site web permettra d éliminer les points faibles identifiés P. ex. optimisation pour tablettes et smartphones (conception de sites web adaptatifs), compatibilité avec les navigateurs, etc. 8

9 3.2. STRTÉGIE DE COMMUNICATION EN LIGNE DE L UNIFR Le premier atelier de travail organisé dans le cadre du projet a permis de définir les aspects que le nouveau site web allait couvrir. Outre une réalisation à la pointe de la technique, il s agit notamment de transmettre aux visiteurs du site web, via une conception visuelle et une tonalité appropriées, les valeurs de l institution: émotion, chaleur, dynamisme et modernité. Le contenu proposé, très riche, doit être structuré de façon à ce que les groupes cibles trouvent les informations recherchées en quelques clics seulement. Parallèlement, il s agit d harmoniser les concepts d utilisation des différents sites web 5. L enquête menée a permis d établir que l UNIFR ne dispose pour l heure d aucune véritable stratégie de communication en ligne. Une telle stratégie permet notamment de déterminer par quels canaux des fonctions et des contenus donnés doivent être mis à disposition des groupes cibles identifiés. A l heure actuelle, l UNIFR ne dispose pas de véritables canaux de communication. Afin de bien circonscrire les activités de la première phase d analyse et de prototypage du projet WEBUNIFR ainsi que des projets consécutifs, désormais, la stratégie de communication en ligne suivante sera appliquée: Figure 2: Stratégie de communication en ligne WEBUNIFR A l avenir, les groupes cibles hétérogènes de l UNIFR seront desservis par divers canaux numériques. Cela permet de faire en sorte que les interfaces soient axées sur les 5 Facultés, départements, services centralisées, etc. 9

10 fonctionnalités et les contenus, d où une complexité très réduite pour les groupes cibles. Voici une brève description des groupes cibles de l UNIFR identifiés: ID DÉSIGNATION DESCRIPTION 1. Etudiants potentiels Etudiants intéressés par notre université, incluant bachelor, master, doctorat, international (échange) 2. Journalistes, presse, etc. Tous les personnes travaillant au sein de médias ou ayant un besoin similaire. 3. Grand public A proprement parlé, ce n est pas un persona, mais il concerne tout un chacun sans rôle précis. 4. Clients potentiels Par client potentiel, on entend des personnes venant chercher une prestation payante comme : formation continue, partenariat, sponsoring, expertise scientifique Collaborateurs potentiels Inclus les collaborateurs administratifs, mais également académiques tels que les chercheurs, susceptibles de travailler au sein de l Université. 6. Etudiants actuels Etudiants inscrits (principalement extranet) 7. Chercheurs / partenaires Ce persona concerne les doctorants et les professeurs dans leur travail de recherche, incluant les questions liées au financement, à la collaboration, à la promotion et à l application de la recherche. 8. Collaborateurs actuels Collaborateurs administratifs, techniques et académiques (principalement intranet). Tableau 2: Groupes cibles WEBUNIFR La nouvelle plate-forme proposera toutes les informations clés sur l UNIFR au niveau public supérieur (Internet). Il s agit de faire découvrir l établissement et son offre d études aux personnes intéressées, mais aussi ses principes pédagogiques et le corps enseignant ainsi que les compétences requises. Une deuxième partie du site à accès protégé (extranet) encourage notamment les échanges entre les étudiants actuels à propos de l enseignement dispensé. Autrement dit l interaction entre les enseignants, les 10

11 professeurs et les étudiants actuels en dehors des cours passe essentiellement par ce biais. Une troisième partie du site à usage interne (intranet) contient exclusivement les informations relatives au fonctionnement de l établissement. Une source d informations centralisée et homogène doit ainsi être créée pour tous les groupes cibles (en tenant compte du rôle du visiteur). Ces informations sont destinées à appuyer les processus internes de l établissement. Remarque: il convient de souligner que le projet WEBUNIFR ne concerne actuellement que la partie publique du site (Internet). Les autres niveaux numériques de la stratégie seront traités lors des projets ultérieurs. Les grandes orientations doivent cependant être prises en compte dès maintenant. La partie publique du site (niveau Internet) est destiné à présenter brièvement aux différents groupes cibles 6 de l UNIFR toutes les informations importantes sur les différentes offres de l Université. La nouvelle mouture du site web de l UNIFR offrira un accompagnement complet et personnalisé des groupes cibles, du premier intérêt manifesté jusqu à l inscription. A l avenir, Internet constituera une plaque tournante centrale et augmentera l interaction entre les groupes cibles et l organisation interne. La stratégie web de l Université de Fribourg s appuiera sur les éléments stratégiques ci-dessus et sur le concept de communication qui sera délivré au printemps 2015 par le service Unicom SYSTÈMES D INFORMATION EXISTANTS Via la DIT, les services centraux et les facultés, l UNIFR exploite déjà plusieurs systèmes d informations, mis à la disposition des groupes cibles existants. A l avenir, ces systèmes seront remplacés et intégrés dans le projet Campus mangement. Vue d ensemble des principaux systèmes actuels: ID DÉSIGNATION TYPE CANAL EN LIGNE 1. Annuaire Application web Internet 2. Agenda/Memento Application web Internet 3. Alumni BDD Application web Extranet 4. Unigep Application web Intranet 6 Cf. Figure 2: Stratégie de communication en ligne WEBUNIFR 11

12 ID DÉSIGNATION TYPE CANAL EN LIGNE 5. Admins Application web Intranet 6. Formation continue - BDD Application web Internet 7. Gedeo Offre d études - BDD WebService Internet 8. Sports univesitaires - BDD Application web Internet 9. Futura -Recherche - BDD WebService Internet 10. Mobilité SRI - BDD Application web Internet 11. MySes - Intranet 12. Gestens - Intranet 13. Inscruni - Internet 14. MyData - Intranet 15. Programme des cours Application web Internet Tableau 3: Systèmes d information par canal en ligne 3.4. OBJECTIFS DU PROJET DE NOUVEL HABILLAGE DU SITE WEB Sur la base de la vision stratégique formulée pour le projet WEBUNIFR, plusieurs objectifs ont été définis lors du premier atelier de travail. Ils doivent être pris en compte pour la suite du projet:! Le nouveau site web de l UNIFR doit présenter la culture de l établissement à des visiteurs externes et ainsi influencer de façon positive son image de marque.! L interaction entre les personnes intéressées et l organisation doit être encouragée en vue d augmenter le nombre de visiteurs du site.! La nouvelle mouture du site doit offrir un haut degré de convivialité (usability). Une organisation et une segmentation optimale des contenus doivent permettre de trouver les informations importantes en 3 clics au maximum.! Les étudiants potentiels doivent pouvoir trouver sur le site toutes les informations relatives au fonctionnement de l établissement (lieux, plans d études, interlocuteurs, etc.).! Outre l offre d études proprement dite, les personnes intéressées doivent pouvoir obtenir les coordonnées des personnes à contacter afin de pouvoir demander des renseignements complémentaires en cas de besoin.! Une majorité d étudiants potentiels (groupe cible) fréquente assidument les réseaux sociaux. Une stratégie doit être élaborée dans le cadre du projet en vue 12

13 de déterminer comment l UNIFR peut exploiter et/ou influencer ce canal ou comment ces réseaux peuvent être intégrés au site Internet. Tous les objectifs seront affinés et opérationnalisés lors des futurs ateliers de travail organisés dans le cadre du projet WEBUNIFR. Ils seront ainsi mesurables. Il s agit de formuler les objectifs de façon réaliste et de les assortir d une limite dans le temps pour que l UNIFR puisse vérifier leur degré de réalisation à l issue du projet PERSONAS Les groupes cibles et les comportements des utilisateurs constituent une base optimale pour construire des personas. Les personas sont des archétypes d utilisateurs qui représentent une ou plusieurs caractéristiques d un groupe cible donné. Ils incarnent un grand groupe d utilisateurs ainsi que leurs objectifs, leurs attentes et leurs souhaits relatifs à un produit - ici le nouveau site web de l UNIFR. Ils sont décrits par des caractéristiques et facilitent la prise de décisions sur les fonctionnalités et la conception de sites web. Les personas reposent sur les résultats des recherches menées sur les utilisateurs. Pour pouvoir axer le développement d une application (ici le nouveau site web de l UNIFR) sur ses utilisateurs et adapter celle-ci à leurs besoins, il est impératif de disposer d informations détaillées sur ses utilisateurs potentiels. Dans ce cadre, les données démographiques (souvent utilisées pour la modélisation des personas) sont secondaires. Les données relatives aux objectifs poursuivis par les personas et aux besoins que le nouveau site web de l UNIFR doit remplir sont beaucoup plus intéressantes. Les personas sont modélisés dans l annexe A de ce document BESOINS DES PERSONAS Lors des ateliers qui ont eu lieu, il a été clairement établi que le nouveau site web de 7 l UNIFR (niveau Internet) constitue en premier lieu un support d information. L analyse des exigences s intéresse donc essentiellement aux aspects des besoins liés aux fonctionnalités et aux contenus. Ces dimensions sont décrites ci-après: Les scénarios relatifs aux besoins des personas sont décrits dans l annexe A de ce document. 7 Niveau public, cf. Figure 2: Stratégie de communication en ligne WEBUNIFR 13

14 4. CONCEPTION DES INFORMATIONS La conception des informations (information design) constitue une partie centrale de l élaboration d un concept de site web. Il s agit de déterminer la teneur des informations mises à disposition sur le site web et le mode de structuration logique de ces informations (architecture ou organisation des informations). La technique du card sorting a été employée pour élaborer l architecture des contenus. Cette méthode permet de créer des structures de navigation ou des menus, donc d organiser les informations de façon logique et claire. Cette étape est le point de départ des étapes ultérieures: la conception des interactions et la conception visuelle (interaction design et visual design) ORGANISATION DES INFORMATIONS (PLAN DU SITE) L organisation des informations a une influence notable sur le choix des mécanismes de navigation adaptés, donc sur la convivialité d un site web. Selon l étape en charge du projet, la structure élaborée par card sorting répond aux attentes des visiteurs du site. Le point de vue interne de l UNIFR (structure organisationnelle) a été volontairement restreint et n apparaît que lorsque c est vraiment nécessaire. Une importance particulière a été accordée à l emploi de termes clairs et à la définition de structures transparentes de l extérieur. Au niveau supérieur, le site web de l UNIFR devrait être structuré comme suit: Ce schéma figue en annnexe B. Figure 3: Organisation des informations WEBUNIFR, niveau 1, version

15 L organisation des informations établie par card sorting sera intégrée et visualisée directement dans le concept de solution développé. Des mécanismes de navigation appropriés seront sélectionnés sur la base de la structure interne afin d atteindre les objectifs définis pour le projet (trouver rapidement les informations recherchées et offrir un haut degré de convivialité). L utilisateur étant au centre de notre réflexion, l effort d organisation de l information doit également être porté aux autres niveaux comme celui des facultés ou des départements. Pour cela, nous préconisons un effort commun d uniformisation des termes et des structures avec les différents partenaires. Concrètement, cela se traduit par un plan de site le plus uniforme possible entre les entités de même niveau. Par exemple, les facultés unifieront le plus possible la structure de leur site ainsi que les termes utilisés. De même, au sein d une même faculté, les départements et instituts veilleront à utiliser une structure et des termes communs. Ci-dessous un exemple de plan de site d une faculté qui peut servir de base à l élaboration finale d un plan de site facultaire commun. Cette structure doit être discutée, construite et approuvée par tous les partenaires. 15

16 4.2. CONTENUS, TERMES ET STRATÉGIE Outre l habillage, le contenu doit également être centré sur l utilisateur. Par contenu, on entend les textes, mais également la forme de l information (tableau, texte, liste, ), le choix de l information ou encore les illustrations TERMINOLOGIE Le choix des termes doit être compréhensible par les différents personas. Il convient également d utiliser un vocabulaire clair mais simple, et des termes communs pour nommer une même chose. Par exemple, on choisira un terme commun comme agenda au lieu de les multiplier sous calendrier, agenda, memento ou autre futurs événements, à venir, prochainement. Afin d aider au choix, le team WebUnifr proposera un accompagnement RÉDACTION Un soin particulier sera apporté à la rédaction des textes pour qu ils soient lisibles sur le web. On évitera ainsi les copier-coller provenant de brochures et présentant des textes inadéquats pour le web. Un recueil des best practices sera proposé et un accompagnement sous forme d ateliers par le service Unicom serait souhaitable IMAGE ET STRATÉGIE Un stock d images s appuyant sur la stratégie de communication de l Université devra être mis à disposition des acteurs. Des recommandations concernant le choix des images devront accompagner les groupes dans leurs processus de refonte. Le service Unicom fournira au printemps 2015, le document de stratégie de communication de l Université. 16

17 4.3. TRANSVERSALITÉ DE L INFORMATION Nombre d informations touchent différentes entités de l Université et se trouvent parfois à double sur les sites, ou parfois même erronées par manque de suivi. Le processus initié par le projet de Campus Management a permis d identifier une série de contenus transversaux. Un soin particulier sera apporté à ses contenus transversaux : Par l accompagnement des refontes de sites. Les équipes d accompagnement pourront aider à identifier ces contenus et à mieux les organiser (liens, termes, etc ). Par le développement de modules remontant de manière distribuée des informations centrales normalisées 4.4. SOURCES Les ateliers ont permis de préciser que le nouveau site web de l UNIFR aura des connexions avec des sources de données externes gérées dans les bases de données de Campus Management. Ces données pourront être interrogées via des interfaces simples basées sur des WebServices. Le reste des informations figurant sur le nouveau site web seront gérées de façon autonome via la future plate-forme CMS, et l intégration des données issues de Campus Management sera paramétrée au sein-même du CMS. Inclus dans le périmètre du Campus Management : Gestion administrative Infrastructures Individus Ressources humaines Finances Sport Gestion académique Académique Offre d études, Admission inscriptions, Examens, Diplôme, Programme des cours, Mobilité, Réduction 17

18 Recherche Centre de langues Formation continue Gestion transverse E-paiement Droit d accès Historique Workflow Archivage Edition documentaire Webshop Etc Cartographie simnplifiée du campus management 18

19 5. EXIGENCES D ORDRE FONCTIONNEL Le nouveau site web de l UNIFR (niveau Internet) doit donc servir en premier lieu de support d information. Les ateliers de travail et les enquêtes par sondage réalisées n ont permis d identifier aucune exigence d ordre fonctionnel d une grande complexité technique à prendre en compte lors de la réalisation du site web. Par conséquent, le présent concept ne contient pas de description détaillée des éléments fonctionnels du site web MODULES FONCTIONNELS DE BASE Les aspects fonctionnels suivants doivent être pris en compte par la suite, autrement dit, durant la phase de réalisation du nouveau site web de l UNIFR. ID INTITULÉ DESCRIPTION DÉTAILLÉE 1. Navigation Menu de navigation. Il est dépendant du site dans lequel on se trouve. Il permet de naviguer avec des menus déroulant, mais également via une navigation secondaire. 2 Menu global Ce menu permet de naviguer de manière transversale entre les facultés ou entre les thèmes du sitemap central, quelque soit l emplacement de la page consultée. 3 Menu position Ce menu reprend le principe du breadcrumb mais sert à indiquer au visiteur dans quelle partie du site il se trouve (faculté, déaprtement, etc ) 4. Recherche Le moteur de recherche Google Site Search sera intégré pour effectuer des recherches sur l entier du site unifr.ch ou sur le site consulté uniquement 5. Formulaires Un module permettra de créer facilement des formulaires simples. 6. Imprimer une page Intégré dans les outils, cet outil proposera une vue imprimable de la page. 7. SEO L indexation dans les moteurs de recherche dépend de la rédaction (chapitre 4.2), mais peut être aussi facilitée par des modules. 8. Eléments de contenu Des modules dans le CMS devront aider à normaliser la présentation des éléments (éditeur WYSIWYG, etc ) 19

20 ID INTITULÉ DESCRIPTION DÉTAILLÉE 9. Personnes à contacter 10. Conception adaptative Un formulaire de contact ou un adresse est nécessaire pour contacter l unité responsable de la page. De même une autre adresse doit permettre de ocntacter le webmaster/auteur de la page dans une zone d impressum. Les modèles proposés devront permettre un affichage optimisé pour les différents supports : desktop, tablette, smartphone 11. Performance 8 Un soin particulier sera apporté sur la programmation pour accélérer le rendu et le chargement. 12. Web Analytics Un outil d analyse de statistiques permettre de fixer des objectifs à certains sites et d en tirer des mesurables. 13. Actualité / Nouveautés WebService : Dans les wireframes proposés, des actualités différenciées seront remontées en fonction du contexte 14. Agenda Idem pour l agenda 15. Langues Gestion de l aspect multilingue des sites Tableau 4: Modules fonctionnels du site web WEBUNIFR 5.2. MODULES FONCTIONNELS SPÉCIFIQUES Ces modules seront développés dans le CMS afin d intégrer différentes données ou fonctionnalités. Cette liste n est pas exhaustive. ID INTITULÉ DESCRIPTION DÉTAILLÉE 1. Plan et localisation Affichage de plans de l Université. Affichage de Google Map 2 Annuaire WebService : Interrogation des informations sur une personne : téléphone, CV, horaire de réception etc 3 Versionning BackEnd : permet de créer différentes versions réversibles pour une même page. 4. Cours WebService : affichage de cours, lieu, horaire 5. GED WebService : affichage des listes de documents stockés et inventoriés dans la GED Tableau 5: Modules fonctionnels spécifiques du site web WEBUNIFR 8 Exigence non fonctionnelle 20

21 5.3. DÉLIMITATIONS Voici les exigences et les thèmes qui, pour des raisons d ordre organisationnel, commercial ou technique, ne seront pas traités dans le cadre du présent projet: ID Intitulé Description détaillée 1. Migration 9 Le transfert d anciens contenus n est pas abordé ici. Il est prévu de repenser les contenus et non d effectuer un simple transfert. 2. Médias sociaux La stratégie des médias sociaux n est pas abordée dans le présent document 3. Traduction Un service de traduction central serait idéal. Cependant il n entre pas dans le périmètre de ce projet. 4. Conversion Actuellement la politique de l Université n a pas identifié de critères pour mesurer un taux de conversion. Un module de statistiques est cependant intégré pour pouvoir efffectuer les analyses dès que des critères seront fixés. Tableau 6: Délimitations du projet WEBUNIFR 9 Des données et des contenus 21

22 6. CONCEPT DE WIREFRAMES (PROTOTYPE) Au cours de la troisième phase du projet, un concept de solution concerté sera élaboré sur la base des résultats obtenus. Nous nous appuyons sur notre expérience de la conception centrée sur l utilisateur pour mettre en oeuvre la technique de prototypage et obtenir un concept de solution. Les wireframes suivants permettent de visualiser l aspect du nouveau site web de l UNIFR. Ces wireframes constituent un prototype fonctionnel, qui a servi lors des tests d utilisabilité (usability tests). Remarque: la conception de wireframes a pour but d obtenir une vue schématique des éléments fonctionnels et de contenu d un site web. Tous les éléments visuels sont fournis à titre indicatifs; ils seront créés uniquement au moment de la conception des écrans. Les différents wireframes sont présentés dans l annexe C ANATOMIE OUTILS Présence d outils comme le moteur de recherche, l annuaire, les plans d accès ou la connexion à l intra- et l extranet (myunifr). 22

23 BASCULE DES LANGUES Possibilité de passer d une langue à l autre NAVIGATION PRINCIPALE LOCALE 23

24 NAVIGATION TRANSVERSALE : MENU GLOBAL Ce menu présent sur toutes les pages. Menu fermé Menu ouvert MENU DE POSITION 24

25 PIEDS DE PAGE Grands pieds de page reprenant les entrées principales développées du site local et les informations de contact PAGES D ACCUEIL Voir annexe C 6.3. PAGES DE CONTENU Voir annexe C 6.4. VARIANTES ADAPTATIVES Les variantes adaptatives seront déclinées lors du Screen Design. Cependant, la conception en grille anticipe déjà la possibilité de disposer rapidement d une version adaptative (Adaptative Responsive Design). 25

26 7. TEST D UTILISABILITÉ Le prototype dont il est question ici, qui permet de visualiser les éléments fonctionnels et de contenu du nouveau site web de l UNIFR, sera testé auprès d étudiants et de collaborateurs (usability tests). Cette étape permettra de clarifier les principaux aspects du concept et de poser des problèmes concrets aux différents testeurs, qui peuvent être résolus à l aide du prototype. De cette façon, il sera possible de déterminer si le concept de solution fonctionne pour le groupe cible principal et d identifier les éventuels points à améliorer. Les résultats de ces tests seront directement intégrés dans le concept, ce qui permettra d obtenir une base optimale pour la réalisation ultérieure du nouveau site web de l UNIFR (niveau Internet). Les tests d utilisabilité devront être effectués en continue, notamment lors de l ajout ou de la modification de certaines fonctionnalités, ceci même lors de la phase d exploitation/maintenace. La conception et les résultats des tests d utilisabilité sont décrits dans un document séparé. 26

27 8. INFORMATIONS COMPLÉMENTAIRES 8.1. RÉCEPTION DU CONCEPT DETAILLE L UNIFR (le mandant) ne procèdera par à la réception proprement dite du présent concept d exploitation de la plate-forme WEBUNIFR, dans la mesure où la nouvelle mouture du site web est réalisée par le mandant lui-même. Le présent document sera actualisé en continu par l équipe principale en charge du projet. 27

28 9. ANNEXE Annexe A : Personas et scenarios, état Annexe B : Site map, état Annexe C : Wireframes, état Résultats des premiers tests de Usability 28