SlideShare una empresa de Scribd logo
1 de 32
Descargar para leer sin conexión
Après Coding4Fun, voici NUI4Fun !
Johanna
ROWE
Nicolas CALVI
Vincent
GUIGUI
http://kinectgeniusbar.com/
Fabrice
https://www.facebook.com/groups/kinectgeniusbar/
@KinectGenius
BARBIN
Design/UX/UI
Johanna Rowe Calvi
• Designer d’interaction &
d’expériences numériques
• MVP Hardware interaction
design & development
• Wygwam
Johanna.rowe@wygwam.com
www.johannarowe.com
@johanna_rowe
#mstechdays

Design/UX/UI
Nicolas CALVI
• Consultant, expert NUI
• MVP Hardware interaction
design & development
• Wygwam
Nicolas.calvi@wygwam.com
http://blog.nicolascalvi.com
@nicolascalvi

#mstechdays

Design/UX/UI
Vincent GUIGUI
• MVP Kinect pour Windows
• Fondateur du
KinectGeniusBar

• Expert NUI à OCTO
Technology
#mstechdays

vguigui@octo.com
@VincentGuigui
Design/UX/UI
Fabrice BARBIN
• MVP Kinect pour
Windows
• Dirigeant de SYNERGIZ
fbarbin@synergiz.com
@fbarbin

#mstechdays

Design/UX/UI
Agenda de la session
• NUI : Principes et objectifs
• Illustrations
–
–
–
–

Kinect pour Windows V2
Windows Phone 8
Windows 8
.NET Gadgeteer

• Démo NUI 4 FUN
#mstechdays

Design/UX/UI
NUI : PRINCIPES ET OBJECTIFS

#mstechdays

Design/UX/UI
Les NUI, c’est quoi ?
• Pas d’intermédiaire
• Invisible ou devient invisible à l’usage
• Apprentissage rapide
• Interaction intuitive

• Expérience positive
#mstechdays

Design/UX/UI
KINECT POUR WINDOWS 2
K4W2

#mstechdays

Design/UX/UI
Un nouveau capteur
Novembre 2010 : Kinect pour Xbox
360
Juin 2011 : SDK Kinect pour Windows
Février 2012: Kinect v1 pour Windows
Novembre 2013: Kinect pour Xbox
One
Kinect v2 pour Windows

Novembre 2013: programme alpha DevKit
~ 2014: sortie officielle

#mstechdays

Design/UX/UI
De nouvelles fonctionnalités

•

Résolution HD
Champ de vision plus large
Gap technologique : TOF
Meilleures conditions d’usage
(Active IR)
Suivi jusqu’à 6 personnes

•
•
•
•
•

Reconnaissance des mains
Reconnaissance du squelette
Suivi du rythme cardiaque
Contraintes biomécaniques et force
Reconnaissance du visage

•
•
•
•

#mstechdays

Illustration ici

Design/UX/UI
KINECT FOR WINDOWS V2
Main fermée, main ouverte, lasso…

#mstechdays

Design/UX/UI
WINDOWS PHONE 8 & WINDOWS 8

#mstechdays

Design/UX/UI
• Principes du Design Modern Language
– Simplicité
– Efficacité
– Utilité

• Périphériques de mobilité
• Usages et contextes pertinents
#mstechdays

Design/UX/UI
• Senseur
– Gyroscope
– Accéléromètre
– GPS…

• Motion API

#mstechdays

Design/UX/UI
WINDOWS PHONE 8 & WINDOWS
8

#mstechdays

Design/UX/UI
.NET GADGETEER

#mstechdays

Design/UX/UI
Le principe
• Plate-forme de prototypage électronique
• Développement en environnement
Microsoft
• Ouverture vers de nouvelles interactions
• Usages au cœur de grandes mouvances

#mstechdays

Design/UX/UI
Le principe
• Une carte mère programmable

#mstechdays

Design/UX/UI
Le principe
• Une carte mère programmable
• Des modules
–
–
–
–
–

#mstechdays

Capteurs
Communication
Affichage et saisie
Extensions
…

Design/UX/UI
Le principe
• Une carte mère programmable
• Des modules
–
–
–
–
–

Capteurs
Communication
Affichage et saisie
Extensions
…

• Des outils intuitifs
#mstechdays

Design/UX/UI
.NET GADGETEER
« Hello World » Gadgeteer

#mstechdays

Design/UX/UI
DEMO NUI 4 FUN

#mstechdays

Design/UX/UI
Le principe…
• Une expérience pour les réunir tous
– Tactile
– Reconnaissance de mouvement
– Déplacement physique

• Du fun

#mstechdays

Design/UX/UI
NUI 4 FUN

#mstechdays

Design/UX/UI
POUR FINIR…

#mstechdays

Design/UX/UI
Vision
La conscience de l’interaction avec
le périphérique disparaît
L’utilisateur agit directement sur l’objet
(sans penser à l’interface ou au périphérique)
#mstechdays

Design/UX/UI
Résout un
problème
?
Illumine
son travail
?

Remplit
un besoin
?

Etre

Engageant

Pertinent ?
Rapproche de
son but
?

Eveille la
curiosité
?

Simplifie
son travail
?

#mstechdays

Utile

Design/UX/UI

Efficace
La communauté Kinect Genius Bar
http://kinectgeniusbar.co
m
Groupe :
kinectgeniusbar
#mstechdays

@KinectGenius
Design/UX/UI
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 !

#mstechdays

Design/UX/UI
Digital is
business

Más contenido relacionado

Similar a Après Coding4Fun, voici NUI4Fun !

Introduction au développement Windows 8.1
Introduction au développement Windows 8.1Introduction au développement Windows 8.1
Introduction au développement Windows 8.1Microsoft
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfSonia SAHLI
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI DesignMicrosoft
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 MinutesMicrosoft
 
Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Microsoft
 
Préparer et distribuer une application moderne d'entreprise
Préparer et distribuer une application moderne d'entreprisePréparer et distribuer une application moderne d'entreprise
Préparer et distribuer une application moderne d'entrepriseMicrosoft
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftMicrosoft Décideurs IT
 
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...Microsoft
 
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Microsoft
 
OCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Technology
 
Le Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery MobileLe Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery MobileMicrosoft
 
Star d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreStar d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreUX Republic Bordeaux
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapBenjamin LUPU
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesTristan Nitot
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...AudéLor
 
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la data
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la dataPetit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la data
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la dataAlexandra Deutsch
 
Impact de l'intelligence artificielle sur les métiers du web
Impact de l'intelligence artificielle sur les métiers du webImpact de l'intelligence artificielle sur les métiers du web
Impact de l'intelligence artificielle sur les métiers du webGisleBastin
 

Similar a Après Coding4Fun, voici NUI4Fun ! (20)

Introduction au développement Windows 8.1
Introduction au développement Windows 8.1Introduction au développement Windows 8.1
Introduction au développement Windows 8.1
 
Les fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdfLes fondamentaux de UI UX Design .pdf
Les fondamentaux de UI UX Design .pdf
 
Techniques d’UX & UI Design
Techniques d’UX & UI DesignTechniques d’UX & UI Design
Techniques d’UX & UI Design
 
Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
Design Trends
Design TrendsDesign Trends
Design Trends
 
Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013Design et expérience utilisateur sous SharePoint 2013
Design et expérience utilisateur sous SharePoint 2013
 
Préparer et distribuer une application moderne d'entreprise
Préparer et distribuer une application moderne d'entreprisePréparer et distribuer une application moderne d'entreprise
Préparer et distribuer une application moderne d'entreprise
 
Etat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile MicrosoftEtat de l'art (et roadmap) de la BI mobile Microsoft
Etat de l'art (et roadmap) de la BI mobile Microsoft
 
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...
Devenez Mobile Enterprise-Ready en développant vos applications LOB pour Wind...
 
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...Designing the future – Le quotidien bouleversé par la tendance Internet des o...
Designing the future – Le quotidien bouleversé par la tendance Internet des o...
 
OCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend webOCTO Talks - State of the art Architecture dans les frontend web
OCTO Talks - State of the art Architecture dans les frontend web
 
Le Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery MobileLe Web mobile avec ASP.Net MVC et jQuery Mobile
Le Web mobile avec ASP.Net MVC et jQuery Mobile
 
Inclusive Design
Inclusive DesignInclusive Design
Inclusive Design
 
Star d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libreStar d'UX bordeaux #2 - la tribU(X)ne libre
Star d'UX bordeaux #2 - la tribU(X)ne libre
 
Réaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGapRéaliser une application mobile pour un groupe de presse avec PhoneGap
Réaliser une application mobile pour un groupe de presse avec PhoneGap
 
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernesLes Nouveaux Standards et leur implémentation dans les navigateurs modernes
Les Nouveaux Standards et leur implémentation dans les navigateurs modernes
 
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
Le Design « centré-utilisateur » ou comment améliorer l’adéquation entre vos ...
 
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la data
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la dataPetit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la data
Petit déjeuner digital 20171109 - Optimisez UX et ROI grâce à la data
 
Impact de l'intelligence artificielle sur les métiers du web
Impact de l'intelligence artificielle sur les métiers du webImpact de l'intelligence artificielle sur les métiers du web
Impact de l'intelligence artificielle sur les métiers du web
 
Offre Mobilité | 2013
Offre Mobilité | 2013Offre Mobilité | 2013
Offre Mobilité | 2013
 

Más de Microsoft

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuMicrosoft
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaSMicrosoft
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileMicrosoft
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Microsoft
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Microsoft
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Microsoft
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à ZMicrosoft
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Microsoft
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Microsoft
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsMicrosoft
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Microsoft
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryMicrosoft
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Microsoft
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Microsoft
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET CoreMicrosoft
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Microsoft
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Microsoft
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursMicrosoft
 
Les nouveautés de C# 7
Les nouveautés de C# 7Les nouveautés de C# 7
Les nouveautés de C# 7Microsoft
 

Más de Microsoft (20)

Uwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieuUwp + Xamarin : Du nouveau en terre du milieu
Uwp + Xamarin : Du nouveau en terre du milieu
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
 
Tester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobileTester, Monitorer et Déployer son application mobile
Tester, Monitorer et Déployer son application mobile
 
Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo Windows 10, un an après – Nouveautés & Démo
Windows 10, un an après – Nouveautés & Démo
 
Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.Prenez votre pied avec les bots et cognitive services.
Prenez votre pied avec les bots et cognitive services.
 
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
Office 365 Dev PnP & PowerShell : exploitez enfin le potentiel de votre écosy...
 
Créer un bot de A à Z
Créer un bot de A à ZCréer un bot de A à Z
Créer un bot de A à Z
 
Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?Microsoft Composition, pierre angulaire de vos applications ?
Microsoft Composition, pierre angulaire de vos applications ?
 
Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016Les nouveautés SQL Server 2016
Les nouveautés SQL Server 2016
 
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
Conteneurs Linux ou Windows : quelles approches pour des IT agiles ?
 
Administration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs AnalyticsAdministration et supervision depuis le Cloud avec Azure Logs Analytics
Administration et supervision depuis le Cloud avec Azure Logs Analytics
 
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
Retour d'expérience de projets Azure IoT "large scale" (MicroServices, portag...
 
Plan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site RecoveryPlan de Reprise d'Activité avec Azure Site Recovery
Plan de Reprise d'Activité avec Azure Site Recovery
 
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
Modélisation, déploiement et gestion des infrastructures Cloud : outils et bo...
 
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
Quelles architectures pour vos applications Cloud, de la VM au conteneur : ça...
 
Introduction à ASP.NET Core
Introduction à ASP.NET CoreIntroduction à ASP.NET Core
Introduction à ASP.NET Core
 
Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?Open Source et Microsoft Azure, rêve ou réalité ?
Open Source et Microsoft Azure, rêve ou réalité ?
 
Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...Comment développer sur la console Xbox One avec une application Universal Win...
Comment développer sur la console Xbox One avec une application Universal Win...
 
Azure Service Fabric pour les développeurs
Azure Service Fabric pour les développeursAzure Service Fabric pour les développeurs
Azure Service Fabric pour les développeurs
 
Les nouveautés de C# 7
Les nouveautés de C# 7Les nouveautés de C# 7
Les nouveautés de C# 7
 

Après Coding4Fun, voici NUI4Fun !