Design Web Théorie 2020 - Cours 01

Transcript

1. DESIGN WEB Une introduction
2. DOMINIQUE VILAIN • École de Cinéma - réalisation • Psychologie à l’ULG • Chercheur à l’ULG • Réalité Virtuelle Appliquée (1998-1999) • Agence de Pub (1999-2002) • HEPL depuis Sept. 2002
3. • 3D (3DSMax) • Typographie & Systèmes de mise en page • Réalité Virtuelle / Jeux Vidéos • Prépresse Multipage • Web… DOMINIQUE VILAIN
4. WEB@HEPL - 1RE • HTML + CSS - 120 h. • Initiation à la Programmation - 30 h. • Design Web - 30 h. https://www.javascript.info https://www.codecademy.com/fr/learn/javascript https://www.codeschool.com/courses https://www.khanacademy.org
5. WEB@HEPL - 2ME • Design Web - 165 h. • Dév. Côté Client - 75 h. • Multimédia - 60 h. • Dév. Côté Serveur - 60 h. • CMS + SGBD - 45 h. • Design d’applications mobiles - 30 h.
6. WEB@HEPL - 3ME • Projets Web - 240 h. • Dév. d’applications mobiles - 45 h. • Stage - 12 semaines • P.F.E. - Jusqu’à plus soif
7. WE B - D E S IGN ER
8. I NTÉ GRAT EU R
9. I NTÉ GRAT EU R
10. FRO NT- D EV
11. MO B IL E - D EV
12. BAC K- D EV
13. LA MAUVAISE NOUVELLE
17. MAIS
19. LA BONNE NOUVELLE ?
21. LES THÈMES DU COURS
22. LA QUALITÉ WEB
23. Un bon site Web est un site qui satisfait ses utilisateurs, ses commanditaires et ses créateurs indépendamment des conditions dans lesquelles il est utilisé.
35. • L’expérience utilisateur - UX • L’accessibilité • L’optimisation & les performances • Les outils, les workflows • Le design graphique et émotionnel - UI • Culture du Web DESI G N W EB
36. • Représentations des métiers DESI G N W EB
37. L’UTILISABILITÉ La comprendre et l’évaluer
39. 10 principes pour du bon design
40. Aujourd’hui, on trouve peu de sociétés qui abordent le design sérieusement… …pour le moment, c’est Apple
42. « » Its’not about how things look, it’s about how they work
44. • 1998 iMac G3 • 2000 G4 Cube • 2001 iPod • 2001 Powerbook G4 • 2002 IMac G4 • 2003 PowerMac G5 • 2005 iPod Shuffle • 2005 Mac Mini • 2007 iPhone • 2010 iPad • 2012 iPad Mini • 2013 iOS 7 • 2014 Apple Watch • 2015 iPad pro • 2016 Macbook Pro