Date de mise à jour : 29/09/2023 | Identifiant OffreInfo :
14_AF_0000000249
Organisme responsable :
L'école des métiers de l'information - CFD
Identifier les enjeux du design d'expérience utilisateur.
Améliorer la qualité et la performance des interfaces.
Maîtriser les méthodes de conception du webdesign.
Utiliser les outils de développement pour réaliser des sites et dialoguer avec les développeurs.
Formation en 4 semaines :
1. Méthodologie de conception pour le webdesign. UI-UX design. Tendances actuelles et nouveaux usages. Panorama du meilleur du webdesign et du design d'interface. Les différentes familles d'interfaces et les différents design patterns. Le responsive webdesign et le mobile first. Panorama des nouvelles méthodes et outils. Les contextes de développement : Web, App Native ou hybride. Méthode d'évaluation de l'expérience utilisateur avec méthodes de tests « qualitatifs » et « quantitatifs ». Amélioration de la qualité du design d'interface.
2. Les outils du webdesign. Utiliser un éditeur de code. HTML : un langage se?mantique. CSS: ajouter du style à vos balises. JS : intégrer une bibliothèque javascript. Utiliser des webfonts, des images pre?pare?es pour le Web. Valider son code.
3. Le design pour le Web. Utiliser Photoshop pour le Web. Création d'une maquette pour le projet : gabarits smartphone et desktop, page d'accueil et page éditoriale. Comprendre la logique du passage de la maquette Photoshop à l'intégration HTML/CSS/JS.
4. La logique WordPress. Présentation du principe de fonctionnement d'un CMS. Installation de WordPress sur un serveur distant : les fichiers, la base de données, le FTP. Paramétrages du blog : les articles et les pages, les taxinomies, les permaliens, les rôles, l'éditeur de contenu. Bonnes pratiques et sécurité. Augmenter son site : les extensions et les thèmes (gratuits, freemiums, premiums). Découverte d'un thème hautement paramétrable : Divi. Adaptation des maquettes réalise?es sous Photoshop dans WordPress : créer la structure dans le thème, se repérer dans le code source avec les outils de développement du navigateur, ajouter des CSS. Tester le site sur les différents supports, mobiles et bureau.
Graphiste multimédia;Attestation de suivi de présence
Certifiante
Bac + 3 et 4
Information fournie par :