Le skeuomorphisme, dont nous donnerons une définition et des exemples dans cette session, est la marque de fabrique des applications et des OS depuis maintenant 10 années. Voyons comment et pourquoi la charte Modern UI (ou Design Windows 8) de Microsoft prend hardiment le contre-pied de cette tendance.
Migrer de 2003 à 2012 R2, adopter HyperV ou Microsoft Azure : comment réalise...
Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
1. Donnez votre avis !
Depuis votre smartphone, sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures
!!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les TechDays
http://notes.mstechdays.fr
2. Le skeuomorphisme et
l’approche de Microsoft
Michel Rousseau
Evangéliste UX
Microsoft France
@rousseau_michel
http://blogs.msdn.com/b/designmichel/
Design
4. Du grec Skeuos, équipement, ornement,
costume, armure, …
et du grec Morphé , la forme.
Design
5. Le skeuomorphisme est un concept de
design qui définit graphiquement un objet
non par sa fonction primaire, mais par un
tropisme incluant un référentiel
existant, une métaphore au réel, une
représentation figurative.
Design
6. Globalement, c’est imiter un élément du
réel et l’associer à une fonction qui s’y
rapporte cognitivement.
Design
21. Le skeuomorphisme est basé sur le
“Gestalt”.
Le Gestalt est l’étude de la psychologie de
la forme, c’est à dire l’impact de l’image
mentale que nous nous faisons d’un objet,
et ses corollaires.
Design
34. L’affordance ne fonctionne bien
qu’avec des concepts d’utilisation
simples (visuel/réaction).
Le skeuomorphisme permet
d’enrichir l’affordance de références
culturelles. Voire, de se substituer à
elle.
Design
35. Chapitre 5
OUI, MAIS DANS LE NUMÉRIQUE
?
Design
46. Modern UI est authentiquement
numérique.
On évite les métaphores au réel.
On crée un univers singulier.
La beauté et la poésie sont
intrinsèques.
Design
54. Ok. Instagram utilise un démarche
de ce genre (effet pola, bords
vieillis), mais qui voudrait toutes ses
photos vieillies et en style pola, au
lieu de la HD?
Design
67. Le skeuomorphisme produit des effets contre-
productifs
Le skeuomorphisme produit des effets contre-productifs
Le skeuomorphisme produit des effets contre-productifs
Le skeuomorphisme produit des effets contre-
productifs
Design
84. Développeurs Pros de l’IT
http://aka.ms/generation-app Formez-vous en ligne www.microsoftvirtualacademy.com
http://aka.ms/evenements- Retrouvez nos
http://aka.ms/itcamps-france
developpeurs évènements
Les accélérateurs Faites-vous
Windows Azure, Windows Phone, accompagner
Windows 8 gratuitement
Essayer gatuitement http://aka.ms/telechargements
nos soltions IT
La Dev’Team sur MSDN Retrouver nos experts L’IT Team sur TechNet
http://aka.ms/devteam Microsoft http://aka.ms/itteam
Design
85. Donnez votre avis !
Depuis votre smartphone, sur :
http://notes.mstechdays.fr
De nombreux lots à gagner toutes les heures
!!!
Claviers, souris et jeux Microsoft…
Merci de nous aider à améliorer les TechDays
http://notes.mstechdays.fr
Notas del editor
Notation
Intro session Windows 8, generale ou design (supprimer la mention inutile). Ne pas modifier ce template. Choisissez plutôt une slide d’intro pour votre sujet et supprimez les autres.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.Idem pour les textes.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Exemple de page image
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Exemple de page image
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.
Les blocs de couleurs sont éditables et peuvent reprendre la couleur du type de session qui est donnée.