1 / 18

La refonte des sites d’appui

La refonte des sites d’appui. Ce qui change pour vous. Pourquoi changer l’aspect visuel du site ?. Avoir une interface simplifiée et pratique pour l’utilisateur Page d’accueil présentant les informations les plus demandées et les réseaux sociaux Arborescence pensée pour l’utilisateur

lucas-gilliam
Download Presentation

La refonte des sites d’appui

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. La refonte des sites d’appui Ce qui change pour vous

  2. Pourquoi changerl’aspect visuel du site ? Avoir une interface simplifiée et pratique pour l’utilisateur • Page d’accueil présentant les informations les plus demandées et les réseaux sociaux • Arborescence pensée pour l’utilisateur • Des pages internes plus concises, tournées vers l'information de l'utilisateur 2

  3. Nouvel aspect visuel de la page d’accueil des sites d’appui 3

  4. Présentation des éléments de la page • Logo, titre et pictogrammes • Menu • « Zoom sur » • « Découvrez … »présentation de l'accès direct aux éléments essentiels de l'institution (formation, recherche, actualités) • L'université, lieu d'échange (réseaux sociaux) et de vie, de culture (agenda) 4

  5. Haut des pagesLogos, pictogrammes et titre du site • Présence obligatoire du logo de l’UBOet de la dénomination en toutes lettres + Logo additionnel si nécessaire • Pictogrammes pour les sites d’appui : suivant vos besoin • Possibilité d'une page « coordonnées » à remplir par vos soins 5

  6. Haut des pagesMenu principal • Possibilité de 6 onglets maximumMettre un seul mot comme dénomination si possibleTRES IMPORTANT : Avoir une logique utilisateur pour l’arborescence« Quelles informations l’usager vient-il chercher? »et PAS « Qu’est ce que je souhaite dire? »Tenir compte de l’existence des autres sites et du site UBO 6

  7. A prendre en compte :la navigation par les blocs Le plus : permet d'alléger l'arborescence du menu • Blocs dans la page d’accueil • Blocs à droite dansles pages internes 7

  8. Le « zoom sur »page d’accueil • Objectif de la rubrique : communiquer une information sur l’UFR (pas forcément une actualité) • Contraintes : il faut du sens, que cela soit agréable et accrocheur • Première chose que l’on voit de votre site • Ce qui change : le texte n’est plus dans le visuel Il faut : 1 titre court + 1 résumé + 1  « lire la suite »Penser au contenu de la page derrière le « lire la suite » 8

  9. Le « zoom sur »Technique pour redimensionner le visuel Utilisation de Gimp(logiciel gratuit - équivalent de Photoshop) • Télécharger Gimp (faire attention - version Windows ou Mac) • L’installer (double-clic ou glisser dans application) • Lancer le logiciel 9

  10. Le « zoom sur »Technique pour redimensionner le visuelSuite • Ouvrir la photo à modifier • Deux outils pour redimensionner Outil de découpage (dans la boîte à outils) Echelle et taille de l’image (menu « Image ») 10

  11. « Découvrez … »page d’accueil - texte de présentation • Présentation de votre entité • Chapeau (à gauche) en quelques mots • Texte de présentation de 6-7 lignes Amélioration du référencement naturel Googlegrâce à ce contenu 11

  12. « Découvrez … »page d’accueil - blocs • 3 blocs fixes obligatoire • Possibilité d’ajouter 3 autres blocs en dessous ajout d’informations facilité de navigation 12

  13. Suivez nouspage d’accueil - réseaux sociaux • Valoriser l’université comme un lieu vivant et d’échanges • Présence de blogs comme le Dénominateur Commun, UBO ensemble ou Expresso • Les réseaux sociaux des UFR peuvent être affichés MAIS ils doivent être mis à jour régulièrement ! 13

  14. Suivez nouspage d’accueil - agenda • Agenda de vos évènements • Géré avec Google calendar 14

  15. Page de contenu Ce qui change : • Fond blanc pour améliorer la lecture • Travail sur la mise en page pour mieux hiérarchiser l’information(information essentielle) On retrouve les blocs sur la droite 15

  16. Page de contenuBlocs sur la droite • Informations pour illustrer vos proposexemples : vidéos, couvertures de livres, etc. • Informations complémentairesexemples : plans, personnes à contacter, etc. • Renvois vers le site-mère de l'UBO ou des sites partenaires 16

  17. RECOMMANDATIONS IMPORTANTES • Visuellement : • Préférer de beaux visuels qui ont un sens et servent le propos textuel. • L’université est un lieu de vie avec des « vrais gens » : NON aux visuels « avatar » ou aux visuels trop « génériques ». • Le service COM peut vous soutenir dans cette démarche. • Contenu rédactionnel : • Alléger, aller à l’essentiel (les gens ne lisent plus) • Rédiger pour l'utilisateur et non pour le Ministère. 17

  18. Conclusion • Penser « utilisateur » Qu'est ce qu'il recherche fréquemment  ? • Utiliser des visuels attractifs et cohérents • Etre complet sur les informationsVotre site sert d’appui au site de l’UBO pour en savoir plus Un guide de l’utilisateur suivra pour vous aider à personnaliser votre site 18

More Related