SlideShare uma empresa Scribd logo
1 de 11
Baixar para ler offline
Histoire du Webdesign 
1995 à 2015 
Webdesign 
Olivier Dommange
Olivier Dommange 
Qu'est-ce qu'un Webdesigner ? 
Il s'agit d'un domaine toujours et encore mal défini. 
Parfois appelé « Front-end Developper » ou « Graphiste Web » 
Les formations dans le domaine du Web et le multimédia : 
HES-SO comme Webmaster à Sierre VS depuis 2012 
HES-SO comme ingénieur des médias 
CFC et HES comme informaticien 
CFC comme Interactive Media Designer depuis 2014 
CFC comme Médiamaticien au CPNV 
Certificats institutionnels de Webdesigner (PROCOM, Ifage ou Migros)
Olivier Dommange 
Les métiers du Web et le Webdesigner
Olivier Dommange 
Les compétences du Webdesigner
Olivier Dommange 
Facteurs influençant sur le Webdesign 
Du gif au Flash certaines techniques et technologies 
ont survécu d’autres ont connu des moments 
d’effervescence pour ensuite disparaître 
Le webdesign est influencé par : 
l’évolution des langages 
les tendances graphiques 
les technologies (navigateurs, moteurs de recherche et 
systèmes d'exploitation) 
la politique et normes (W3C) 
le matériel (vitesse de connexion / tailles des écrans)
Olivier Dommange 
Facteurs historiques
Olivier Dommange 
Autres facteurs d'influence sur le Webdesign 
L'arrivée des réseaux et 
médias sociaux 
Annonce une tendance Web 2.0 
L'utilisateur devient acteur et 
fourni du contenu 
Entraîner du trafic grâce aux 
outils du sociaux 
Éclatement de la bulle 
Internet en 2000 
La confiance est rompue des 
investisseurs (met un terme 
aux pratiques douteuses) 
Les pratiques se spécialisent 
grâce aux normes 
d'accessibilité et au xHTML
Olivier Dommange 
État des lieux 
Comment consulte-t-on Internet ? 
source : http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6 
source : http://www.cruxcollaborative.com/the-mobile-web-an-illustrated-look
Olivier Dommange 
Wearable 
De nouveaux supports mobiles apparaissent 
Nouveaux champs d’application et de nouvelles interfaces. 
Google glass : 
Informations complémentaires visibles à 
l’écran des contrôles, lors de la vérification 
des titres de voyageurs à la SNCF. 
Interaction à distance et en direct avec 
l’assurance pour le constat suite à un 
accident de la route.
Olivier Dommange 
Wearable 
De nouveaux supports mobiles apparaissent 
Nouveaux champs d’application et de nouvelles interfaces. 
SmartWatch : 
Synchronisation à distance avec un smartphone. 
Relève quelques données santé. 
Géolocalisation et orientation. 
Dispose d’applications spécifiques et 
téléchargeables.
Olivier Dommange 
http://www.linkedin.com/in/olivierdommange

Mais conteúdo relacionado

Mais procurados

"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?WebSchool Orléans
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactivesendemik
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursStéphanie Hertrich
 
Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesBig5media
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenVanksen
 
Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesigntakaclike
 
Développer son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - WebinarDévelopper son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - WebinarJean-Charles GAUTARD
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologieekino
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web DesignStrasWeb
 
PréSentation de mon PFE \'CDROM pour Tendance Design\'
PréSentation de mon PFE \'CDROM pour Tendance Design\'PréSentation de mon PFE \'CDROM pour Tendance Design\'
PréSentation de mon PFE \'CDROM pour Tendance Design\'Manel Elmsalmi
 
Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Immacon
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD Meetup
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heureRaphaël Goetter
 
E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 Brightcove
 
Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Idean France
 
10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web MobileRaphaël Goetter
 
Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0olivierlegr
 

Mais procurados (20)

"Responsive Design" : Pourquoi et comment y aller ?
 "Responsive Design" : Pourquoi et comment y aller ? "Responsive Design" : Pourquoi et comment y aller ?
"Responsive Design" : Pourquoi et comment y aller ?
 
Endemik | Solutions interactives
Endemik | Solutions interactivesEndemik | Solutions interactives
Endemik | Solutions interactives
 
Kit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des EntrepreneursKit De Survie Techno et Web à l'usage des Entrepreneurs
Kit De Survie Techno et Web à l'usage des Entrepreneurs
 
Le responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobilesLe responsive design : adapter ses contenus aux formats mobiles
Le responsive design : adapter ses contenus aux formats mobiles
 
Les 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by VanksenLes 10 Tendances Webdesign de 2014 by Vanksen
Les 10 Tendances Webdesign de 2014 by Vanksen
 
Webdesign, UX et UCD #1
Webdesign, UX et UCD #1Webdesign, UX et UCD #1
Webdesign, UX et UCD #1
 
Présentation Métier / Responsable Webdesign
Présentation Métier / Responsable WebdesignPrésentation Métier / Responsable Webdesign
Présentation Métier / Responsable Webdesign
 
Développer son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - WebinarDévelopper son entreprise grâce à joomla - Webinar
Développer son entreprise grâce à joomla - Webinar
 
Responsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, MéthodologieResponsive Web Design - Enjeux, Solutions, Méthodologie
Responsive Web Design - Enjeux, Solutions, Méthodologie
 
Introduction aux principes du Responsive Web Design
 Introduction aux principes du Responsive Web Design Introduction aux principes du Responsive Web Design
Introduction aux principes du Responsive Web Design
 
PréSentation de mon PFE \'CDROM pour Tendance Design\'
PréSentation de mon PFE \'CDROM pour Tendance Design\'PréSentation de mon PFE \'CDROM pour Tendance Design\'
PréSentation de mon PFE \'CDROM pour Tendance Design\'
 
Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...Convivialité (UX) pour les affichages et services numériques dans le processu...
Convivialité (UX) pour les affichages et services numériques dans le processu...
 
UXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateurUXD#5 - De l'importance de la conception centrée utilisateur
UXD#5 - De l'importance de la conception centrée utilisateur
 
Un site web responsive en une heure
Un site web responsive en une heureUn site web responsive en une heure
Un site web responsive en une heure
 
Cms
CmsCms
Cms
 
E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013 E marketing Paris presentation - January 29 - 2013
E marketing Paris presentation - January 29 - 2013
 
Cvbook2016
Cvbook2016Cvbook2016
Cvbook2016
 
Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...Responsive Web Design : best practices et retour d'expérience de Backelite et...
Responsive Web Design : best practices et retour d'expérience de Backelite et...
 
10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile10 Revelations sur le Web Mobile
10 Revelations sur le Web Mobile
 
Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0Developper Sa Visibilité sur internet avec les outils du web 2.0
Developper Sa Visibilité sur internet avec les outils du web 2.0
 

Semelhante a Histoire du webdesign

L'Avenir de la Création de Sites Internet en 2024.pptx
L'Avenir de la Création de Sites Internet en 2024.pptxL'Avenir de la Création de Sites Internet en 2024.pptx
L'Avenir de la Création de Sites Internet en 2024.pptxGeneva, Switzerland
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217VOIRIN Consultants
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?NiceToMeetYou
 
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...RevSquare
 
2011 03 17 Soyez présents sur le mobile de vos clients by competitic
2011 03 17 Soyez présents sur le mobile de vos clients by competitic2011 03 17 Soyez présents sur le mobile de vos clients by competitic
2011 03 17 Soyez présents sur le mobile de vos clients by competiticCOMPETITIC
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Webambin_fr
 
Concevoir l'expérience digitale
Concevoir l'expérience digitaleConcevoir l'expérience digitale
Concevoir l'expérience digitaleTayssirLimem
 
Comment coupler votre Webanalytics et votre CRM ?
Comment coupler votre Webanalytics et votre CRM ?Comment coupler votre Webanalytics et votre CRM ?
Comment coupler votre Webanalytics et votre CRM ?Soft Computing
 
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...AT Internet
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...BEIJAFLORE
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets managementYann Gourvennec
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebINOCHI
 
Scroll ou clic | Web-In 2012
Scroll ou clic | Web-In 2012Scroll ou clic | Web-In 2012
Scroll ou clic | Web-In 2012RevSquare
 
Ouvrez les portes de votre établissement avec Google My Business
Ouvrez les portes de votre établissement avec Google My BusinessOuvrez les portes de votre établissement avec Google My Business
Ouvrez les portes de votre établissement avec Google My Businesspolenumerique33
 

Semelhante a Histoire du webdesign (20)

L'Avenir de la Création de Sites Internet en 2024.pptx
L'Avenir de la Création de Sites Internet en 2024.pptxL'Avenir de la Création de Sites Internet en 2024.pptx
L'Avenir de la Création de Sites Internet en 2024.pptx
 
Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217Présentation Voirin Club DSI EST 150217
Présentation Voirin Club DSI EST 150217
 
Bilan2012Afisi
Bilan2012AfisiBilan2012Afisi
Bilan2012Afisi
 
Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?Web Mobile : quelles opportunités face aux apps ?
Web Mobile : quelles opportunités face aux apps ?
 
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
Développer une stratégie mobile pour mieux fidéliser votre clientèle et augme...
 
2011 03 17 Soyez présents sur le mobile de vos clients by competitic
2011 03 17 Soyez présents sur le mobile de vos clients by competitic2011 03 17 Soyez présents sur le mobile de vos clients by competitic
2011 03 17 Soyez présents sur le mobile de vos clients by competitic
 
Atelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site WebAtelier Info Tonic : Les règles d’or pour créer son site Web
Atelier Info Tonic : Les règles d’or pour créer son site Web
 
Concevoir l'expérience digitale
Concevoir l'expérience digitaleConcevoir l'expérience digitale
Concevoir l'expérience digitale
 
Présentation
PrésentationPrésentation
Présentation
 
Présentation
PrésentationPrésentation
Présentation
 
Présentation
PrésentationPrésentation
Présentation
 
Comment coupler votre Webanalytics et votre CRM ?
Comment coupler votre Webanalytics et votre CRM ?Comment coupler votre Webanalytics et votre CRM ?
Comment coupler votre Webanalytics et votre CRM ?
 
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
Multi-device : l'analytique au service de votre stratégie digitale mobile (OI...
 
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...Applications Mobiles - Bonnes pratiques de conception et de développement de ...
Applications Mobiles - Bonnes pratiques de conception et de développement de ...
 
DAM : le digital assets management
DAM : le digital assets managementDAM : le digital assets management
DAM : le digital assets management
 
Les Tendances Du Web
Les Tendances Du WebLes Tendances Du Web
Les Tendances Du Web
 
Presentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur WebPresentation inochi réalisations / développement - Accompagnateur Web
Presentation inochi réalisations / développement - Accompagnateur Web
 
Conférence ESI
Conférence ESIConférence ESI
Conférence ESI
 
Scroll ou clic | Web-In 2012
Scroll ou clic | Web-In 2012Scroll ou clic | Web-In 2012
Scroll ou clic | Web-In 2012
 
Ouvrez les portes de votre établissement avec Google My Business
Ouvrez les portes de votre établissement avec Google My BusinessOuvrez les portes de votre établissement avec Google My Business
Ouvrez les portes de votre établissement avec Google My Business
 

Mais de Olivier Dommange

Mais de Olivier Dommange (6)

Gestion de projet web
Gestion de projet webGestion de projet web
Gestion de projet web
 
Le web dynamique
Le web dynamiqueLe web dynamique
Le web dynamique
 
La page web en html css
La page web en html cssLa page web en html css
La page web en html css
 
Webdesign le graphisme et ses principes
Webdesign le graphisme et ses principesWebdesign le graphisme et ses principes
Webdesign le graphisme et ses principes
 
Referencement SEO
Referencement SEOReferencement SEO
Referencement SEO
 
Gestion de projet
Gestion de projetGestion de projet
Gestion de projet
 

Histoire du webdesign

  • 1. Histoire du Webdesign 1995 à 2015 Webdesign Olivier Dommange
  • 2. Olivier Dommange Qu'est-ce qu'un Webdesigner ? Il s'agit d'un domaine toujours et encore mal défini. Parfois appelé « Front-end Developper » ou « Graphiste Web » Les formations dans le domaine du Web et le multimédia : HES-SO comme Webmaster à Sierre VS depuis 2012 HES-SO comme ingénieur des médias CFC et HES comme informaticien CFC comme Interactive Media Designer depuis 2014 CFC comme Médiamaticien au CPNV Certificats institutionnels de Webdesigner (PROCOM, Ifage ou Migros)
  • 3. Olivier Dommange Les métiers du Web et le Webdesigner
  • 4. Olivier Dommange Les compétences du Webdesigner
  • 5. Olivier Dommange Facteurs influençant sur le Webdesign Du gif au Flash certaines techniques et technologies ont survécu d’autres ont connu des moments d’effervescence pour ensuite disparaître Le webdesign est influencé par : l’évolution des langages les tendances graphiques les technologies (navigateurs, moteurs de recherche et systèmes d'exploitation) la politique et normes (W3C) le matériel (vitesse de connexion / tailles des écrans)
  • 7. Olivier Dommange Autres facteurs d'influence sur le Webdesign L'arrivée des réseaux et médias sociaux Annonce une tendance Web 2.0 L'utilisateur devient acteur et fourni du contenu Entraîner du trafic grâce aux outils du sociaux Éclatement de la bulle Internet en 2000 La confiance est rompue des investisseurs (met un terme aux pratiques douteuses) Les pratiques se spécialisent grâce aux normes d'accessibilité et au xHTML
  • 8. Olivier Dommange État des lieux Comment consulte-t-on Internet ? source : http://www.businessinsider.com/mobile-will-eclipse-desktop-by-2014-2012-6 source : http://www.cruxcollaborative.com/the-mobile-web-an-illustrated-look
  • 9. Olivier Dommange Wearable De nouveaux supports mobiles apparaissent Nouveaux champs d’application et de nouvelles interfaces. Google glass : Informations complémentaires visibles à l’écran des contrôles, lors de la vérification des titres de voyageurs à la SNCF. Interaction à distance et en direct avec l’assurance pour le constat suite à un accident de la route.
  • 10. Olivier Dommange Wearable De nouveaux supports mobiles apparaissent Nouveaux champs d’application et de nouvelles interfaces. SmartWatch : Synchronisation à distance avec un smartphone. Relève quelques données santé. Géolocalisation et orientation. Dispose d’applications spécifiques et téléchargeables.