Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
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
-
Upload
microsoft-decideurs-it -
Category
Documents
-
view
567 -
download
1
Transcript of Le skeuomorphisme et l'approche authentiquement numérique de Microsoft
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
Le skeuomorphisme et l’approche de Microsoft
Michel RousseauEvangéliste UX
Microsoft France
Design
@rousseau_michelhttp://blogs.msdn.com/b/designmichel/
DÉFINITIONChapitre 1
Design
Design
Du grec Skeuos, équipement, ornement, costume, armure, …et du grec Morphé , la forme.
Design
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
Globalement, c’est imiter un élément du réel et l’associer à une fonction qui s’y rapporte cognitivement.
QUELQUES EXEMPLESChapitre 2
Design
Le rivet du jeanEt les toiles des colons. De coton.
Design
L’ampouleComme référent imagé.
Design
Le filtre des cigarettesEt le maïs.
Design
Les enjoliveursLe charme de la diligence.
Design
Spider cochonLa référence culturelle.
Design
Le sabre laserL’artefact technologique.
Design
Design
Avez-vous déjà vu ça?
La borne d’arcadeL’argument commercial.
Design
La cigarette électroniqueQui fume comme une vraie.
Design
Le dock IpodPour les intérieurs qui se respectent.
Design
La souris qui pointePour les geeks, les vrais.
Design
Le tableau de bord Qui fait tout comme avant.
Design
LE GESTALTChapitre 3
Design
Design
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.
La pommeLe syndrome Blanche-Neige.
Design
La pomme v2.
Design
Le retour du cochon.
Design
Le retour du cochon en vrai.
Design
L’AFFORDANCEChapitre 4
Design
Design
Le skeuomorphisme, c’est le contraire de l’affordance ?
Design
L’affordance est un concept de design qui définit que la conformation d’un objet définit à elle seule son usage.
.
Design
.
Design
.
Design
.
Design
.
Design
?
Design
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.
OUI, MAIS DANS LE NUMÉRIQUE ?
Chapitre 5
Design
Design
Charité bien ordonnée commence par soi-même :
L’exemple Microsoft
.
Design
Design
L’exemple Android
.
Design
Design
L’exemple Apple
.
Design
.
Design
.
Design
.
Design
Design
Oui, mais ça, c’était avant Modern UI…
Design
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.
ET ÇA, C’EST BIEN?Chapitre 6
Design
Design
Ok.Mais en quoi l'approche authentiquement numérique est-elle meilleure que celle du skeuomorphisme?
Design
Le skeuomorphisme est un bon raccourci symbolique.
Design
Le skeuomorphisme est facile et culturellement intégré.
Design
Le skeuomorphisme est porteur de pathos.
Design
Le skeuomorphisme est un vecteur d’identité.
Design
Le skeuomorphisme, ça fait ancien, authentique, familier.
Design
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
Le SM n’est pas toujours adapté.
Design
Design
il est temps de grandir, non ?
.
Design
Design
il est temps de changer ?
.
Design
…2006 …2012
Design
il est temps d'être créatif ?
.
Design
.
Design
Design
Le skeuomorphisme, par sa nature de copie, est prédéterminé à se recopier.
.
Design
.
Design
Design
Le skeuomorphisme produit des effets contre-productifsLe skeuomorphisme produit des effets contre-productifsLe skeuomorphisme produit des effets contre-productifsLe skeuomorphisme produit des effets contre-productifs
Design
Think different ?
.
Design
Design
Le skeuomorphisme, par son empreinte marquée, distrait l’utilisateur et l’éloigne du contenu qu'il souhaite consommer.
.
Design
.
Design
.
Design
Design
Le contre-exemple du Menu Démarrer:La vignette est une métaphore digitale équivalente à l’ombre portée.
.
Design
Design
Les icônes:Simplicité, conceptualisation,
contraste.
Design
Un autre exemple?
Le mot de passe image ou comment s’affranchir digitalement
du classique mot de passe.
.
Design
Design
Une police authentiquement numérique et qui est adaptée aux devices modernes :Segoe UI 44Segoe UI 34Segoe UI 24Segoe UI 14
Design
Mais avant tout, adopter Modern UI, c’est offrir une alternative artistique et délibérée, adulte et honnête des nouvelles interfaces.
.
Design
Design
ModernUI est le corollaire de la pensée de Bill Gates : « Un PC sur chaque bureau, un PC dans chaque foyer »
Design
Le skeuomorphisme et l’approche de Microsoft
Formez-vous en ligneRetrouvez nos évènements
Faites-vous accompagner gratuitement
Essayer gatuitement nos soltions IT
Retrouver nos experts Microsoft
Pros de l’ITDéveloppeurswww.microsoftvirtualacademy.com
http://aka.ms/generation-app
http://aka.ms/evenements-developpeurs
http://aka.ms/itcamps-france
Les accélérateursWindows Azure, Windows Phone,
Windows 8
http://aka.ms/telechargements
La Dev’Team sur MSDNhttp://aka.ms/devteam
L’IT Team sur TechNethttp://aka.ms/itteam
Design
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
