SlideShare uma empresa Scribd logo
1 de 15
Les	
  Slides	
  de	
  l’Expert	
  	
  

Si	
  vous	
  u(lisez	
  	
  les	
  informa(ons	
  de	
  ce3e	
  présenta(on,	
  merci	
  de	
  citer	
  le	
  nom	
  de	
  l’entreprise	
  et	
  le	
  nom	
  de	
  l’événement	
  dans	
  vos	
  sources	
  
MICROSOFT
                                   Nom et prénom: Michel Rousseau
                                   Titre: Consultant Design et UX
                                   Twitter: @rousseau_michel



Le	
  pitch	
  >	
  Modern	
  UI	
  ou	
  l’an(-­‐skeuomorphisme	
  
Le	
  skeuomorphisme,	
  dont	
  nous	
  donnerons	
  une	
  défini8on	
  et	
  des	
  exemples	
  dans	
  ce;e	
  
session,	
  est	
  la	
  marque	
  de	
  fabrique	
  des	
  applica8ons	
  et	
  des	
  OS	
  depuis	
  maintenant	
  10	
  
années.	
  Voyons	
  comment	
  et	
  pourquoi	
  la	
  charte	
  Modern	
  UI	
  (ou	
  Design	
  Windows	
  8)	
  de	
  
MicrosoO	
  prend	
  hardiment	
  le	
  contre-­‐pied	
  de	
  ce;e	
  tendance.	
  
Michel Rousseau -UI, design, graphisme- Microsoft
           http://blogs.msdn.com/b/designmichel/
                              @rousseau_michel
                         mirousse@microsoft.com
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
?
Boutons
ronds
Faux verre
Icônes
figuratives
Ombres
portées
Poubelle
Horloge
Dossiers
…
Faux verre
Icônes
figuratives
Ombres
portées
Liserés
Horloge
…
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme
Modern UI ou l’anti-skeuomorphisme

Mais conteúdo relacionado

Semelhante a Modern UI ou l’anti-skeuomorphisme

De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...Microsoft
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénièreWygwam
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Benoit Drouillat
 
Microsoft Project Support de cours
Microsoft Project Support de coursMicrosoft Project Support de cours
Microsoft Project Support de cours📡 Vincent Isoz
 
Clubmoss2008 Juin
Clubmoss2008 JuinClubmoss2008 Juin
Clubmoss2008 JuinEROL
 
Workshop titanium - Atelier développement applications mobiles
Workshop titanium - Atelier développement applications mobilesWorkshop titanium - Atelier développement applications mobiles
Workshop titanium - Atelier développement applications mobilesAvril Consulting
 
Projet sur les carrières informatiques
Projet sur les carrières informatiquesProjet sur les carrières informatiques
Projet sur les carrières informatiquesEricKilpatrick
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedSteria
 
Pratique d'action script 3 version 0.1.4
Pratique d'action script 3   version 0.1.4Pratique d'action script 3   version 0.1.4
Pratique d'action script 3 version 0.1.4Ben Donaldson
 
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...Microsoft
 
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...VOIRIN Consultants
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 MinutesMicrosoft
 
Projet carrière+
Projet carrière+Projet carrière+
Projet carrière+Nancy Black
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...designers interactifs
 
Les environnements 3 d en entreprise
Les environnements 3 d en entrepriseLes environnements 3 d en entreprise
Les environnements 3 d en entrepriseLaure Neria
 
Intranet et réseaux sociaux d'entreprise
Intranet et réseaux sociaux d'entrepriseIntranet et réseaux sociaux d'entreprise
Intranet et réseaux sociaux d'entreprisePatrice Leroux
 
Projet Carrière informatique
Projet Carrière informatiqueProjet Carrière informatique
Projet Carrière informatiqueamelieblanchard
 

Semelhante a Modern UI ou l’anti-skeuomorphisme (20)

De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
De l’ergonomie aux bonnes méthodes de développement de vos applications Windo...
 
WygDay 2010 - session plénière
WygDay 2010 - session plénièreWygDay 2010 - session plénière
WygDay 2010 - session plénière
 
WygDay 2010
WygDay 2010WygDay 2010
WygDay 2010
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Microsoft Project Support de cours
Microsoft Project Support de coursMicrosoft Project Support de cours
Microsoft Project Support de cours
 
Entreprise 2.0
Entreprise 2.0 Entreprise 2.0
Entreprise 2.0
 
Clubmoss2008 Juin
Clubmoss2008 JuinClubmoss2008 Juin
Clubmoss2008 Juin
 
Workshop titanium - Atelier développement applications mobiles
Workshop titanium - Atelier développement applications mobilesWorkshop titanium - Atelier développement applications mobiles
Workshop titanium - Atelier développement applications mobiles
 
Projet sur les carrières informatiques
Projet sur les carrières informatiquesProjet sur les carrières informatiques
Projet sur les carrières informatiques
 
MultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-BreedMultiTouch SNCF - REX Steria et I-Breed
MultiTouch SNCF - REX Steria et I-Breed
 
Pratique d'action script 3 version 0.1.4
Pratique d'action script 3   version 0.1.4Pratique d'action script 3   version 0.1.4
Pratique d'action script 3 version 0.1.4
 
WygDay Pleniere
WygDay   PleniereWygDay   Pleniere
WygDay Pleniere
 
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...Branding et ModernUI : Des ressources et des conseils  pour passer d'un templ...
Branding et ModernUI : Des ressources et des conseils pour passer d'un templ...
 
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...
Note de Synthèse - La Mobilité, Perspectives et Enjeux du développement d'une...
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
Projet carrière+
Projet carrière+Projet carrière+
Projet carrière+
 
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...Guide des metiers du design interactif 2015 par Aquent et *designers interact...
Guide des metiers du design interactif 2015 par Aquent et *designers interact...
 
Les environnements 3 d en entreprise
Les environnements 3 d en entrepriseLes environnements 3 d en entreprise
Les environnements 3 d en entreprise
 
Intranet et réseaux sociaux d'entreprise
Intranet et réseaux sociaux d'entrepriseIntranet et réseaux sociaux d'entreprise
Intranet et réseaux sociaux d'entreprise
 
Projet Carrière informatique
Projet Carrière informatiqueProjet Carrière informatique
Projet Carrière informatique
 

Mais de LaFrenchMobile

Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageLaFrenchMobile
 
Mobile First to AI First
Mobile First to AI FirstMobile First to AI First
Mobile First to AI FirstLaFrenchMobile
 
Engagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les AppEngagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les AppLaFrenchMobile
 
La réalité virtuelle va bouleverser notre façon de vivre
La réalité virtuelle va bouleverser notre façon de vivreLa réalité virtuelle va bouleverser notre façon de vivre
La réalité virtuelle va bouleverser notre façon de vivreLaFrenchMobile
 
Molotov, regarder la télévision autrement
Molotov, regarder la télévision autrementMolotov, regarder la télévision autrement
Molotov, regarder la télévision autrementLaFrenchMobile
 
Genèse et développement d'Angus ai
Genèse et développement d'Angus aiGenèse et développement d'Angus ai
Genèse et développement d'Angus aiLaFrenchMobile
 
De la création d'un avertisseur de Radars au leader des services connectés au...
De la création d'un avertisseur de Radars au leader des services connectés au...De la création d'un avertisseur de Radars au leader des services connectés au...
De la création d'un avertisseur de Radars au leader des services connectés au...LaFrenchMobile
 
La disruption par les apps
La disruption par les appsLa disruption par les apps
La disruption par les appsLaFrenchMobile
 
Building a European train tickets distributor
Building a European train tickets distributorBuilding a European train tickets distributor
Building a European train tickets distributorLaFrenchMobile
 
Enable developers to create services
Enable developers to create servicesEnable developers to create services
Enable developers to create servicesLaFrenchMobile
 
Create an Exciting Sport Community Together
Create an Exciting Sport Community Together     Create an Exciting Sport Community Together
Create an Exciting Sport Community Together LaFrenchMobile
 
Des algorithmes pour prédire les maladies
 Des algorithmes pour prédire les maladies Des algorithmes pour prédire les maladies
Des algorithmes pour prédire les maladiesLaFrenchMobile
 
Oubliez l'uberisation Pensez a vos clients
Oubliez l'uberisation Pensez a vos clientsOubliez l'uberisation Pensez a vos clients
Oubliez l'uberisation Pensez a vos clientsLaFrenchMobile
 
Meetup IoT lafrenchmobile
Meetup IoT lafrenchmobileMeetup IoT lafrenchmobile
Meetup IoT lafrenchmobileLaFrenchMobile
 
Vos App avec Fabric & Twitter
Vos App avec Fabric & TwitterVos App avec Fabric & Twitter
Vos App avec Fabric & TwitterLaFrenchMobile
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! LaFrenchMobile
 
APIs, IoT … and Data By Orange
APIs, IoT … and Data By OrangeAPIs, IoT … and Data By Orange
APIs, IoT … and Data By OrangeLaFrenchMobile
 

Mais de LaFrenchMobile (20)

Parlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usageParlons App Economie : du dev à l'usage
Parlons App Economie : du dev à l'usage
 
Mobile First to AI First
Mobile First to AI FirstMobile First to AI First
Mobile First to AI First
 
Engagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les AppEngagement, rétention, UX... dans les App
Engagement, rétention, UX... dans les App
 
La réalité virtuelle va bouleverser notre façon de vivre
La réalité virtuelle va bouleverser notre façon de vivreLa réalité virtuelle va bouleverser notre façon de vivre
La réalité virtuelle va bouleverser notre façon de vivre
 
Molotov, regarder la télévision autrement
Molotov, regarder la télévision autrementMolotov, regarder la télévision autrement
Molotov, regarder la télévision autrement
 
Genèse et développement d'Angus ai
Genèse et développement d'Angus aiGenèse et développement d'Angus ai
Genèse et développement d'Angus ai
 
TMT Predictions
TMT Predictions TMT Predictions
TMT Predictions
 
De la création d'un avertisseur de Radars au leader des services connectés au...
De la création d'un avertisseur de Radars au leader des services connectés au...De la création d'un avertisseur de Radars au leader des services connectés au...
De la création d'un avertisseur de Radars au leader des services connectés au...
 
La Saga NFC
La Saga NFCLa Saga NFC
La Saga NFC
 
SAVE is unbreakable
SAVE is unbreakableSAVE is unbreakable
SAVE is unbreakable
 
La disruption par les apps
La disruption par les appsLa disruption par les apps
La disruption par les apps
 
Building a European train tickets distributor
Building a European train tickets distributorBuilding a European train tickets distributor
Building a European train tickets distributor
 
Enable developers to create services
Enable developers to create servicesEnable developers to create services
Enable developers to create services
 
Create an Exciting Sport Community Together
Create an Exciting Sport Community Together     Create an Exciting Sport Community Together
Create an Exciting Sport Community Together
 
Des algorithmes pour prédire les maladies
 Des algorithmes pour prédire les maladies Des algorithmes pour prédire les maladies
Des algorithmes pour prédire les maladies
 
Oubliez l'uberisation Pensez a vos clients
Oubliez l'uberisation Pensez a vos clientsOubliez l'uberisation Pensez a vos clients
Oubliez l'uberisation Pensez a vos clients
 
Meetup IoT lafrenchmobile
Meetup IoT lafrenchmobileMeetup IoT lafrenchmobile
Meetup IoT lafrenchmobile
 
Vos App avec Fabric & Twitter
Vos App avec Fabric & TwitterVos App avec Fabric & Twitter
Vos App avec Fabric & Twitter
 
UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client! UX, UI sur Mobile, moteur de l'engagement client!
UX, UI sur Mobile, moteur de l'engagement client!
 
APIs, IoT … and Data By Orange
APIs, IoT … and Data By OrangeAPIs, IoT … and Data By Orange
APIs, IoT … and Data By Orange
 

Último

Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapMaxime Huran 🌈
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)IES VE
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Infopole1
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311Erol GIRAUDY
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleErol GIRAUDY
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensErol GIRAUDY
 

Último (6)

Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en BootstrapInstallation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
Installation de Sylius 2.0 et découverte du nouveau backoffice en Bootstrap
 
The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)The Importance of Indoor Air Quality (French)
The Importance of Indoor Air Quality (French)
 
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
Workshop l'IA au service de l'industrie - Présentation générale - Extra 14...
 
KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311KIT-COPILOT and more Article du 20240311
KIT-COPILOT and more Article du 20240311
 
Les Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence ArtificielleLes Metiers de l'Intelligence Artificielle
Les Metiers de l'Intelligence Artificielle
 
Mes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examensMes succès sur Microsoft LEARN et examens
Mes succès sur Microsoft LEARN et examens
 

Modern UI ou l’anti-skeuomorphisme

  • 1. Les  Slides  de  l’Expert     Si  vous  u(lisez    les  informa(ons  de  ce3e  présenta(on,  merci  de  citer  le  nom  de  l’entreprise  et  le  nom  de  l’événement  dans  vos  sources  
  • 2. MICROSOFT Nom et prénom: Michel Rousseau Titre: Consultant Design et UX Twitter: @rousseau_michel Le  pitch  >  Modern  UI  ou  l’an(-­‐skeuomorphisme   Le  skeuomorphisme,  dont  nous  donnerons  une  défini8on  et  des  exemples  dans  ce;e   session,  est  la  marque  de  fabrique  des  applica8ons  et  des  OS  depuis  maintenant  10   années.  Voyons  comment  et  pourquoi  la  charte  Modern  UI  (ou  Design  Windows  8)  de   MicrosoO  prend  hardiment  le  contre-­‐pied  de  ce;e  tendance.  
  • 3. Michel Rousseau -UI, design, graphisme- Microsoft http://blogs.msdn.com/b/designmichel/ @rousseau_michel mirousse@microsoft.com
  • 7. ?