SlideShare une entreprise Scribd logo
La validation UX du Store
TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR
SANS JAMAIS OSER LE DEMANDER...

Michel ROUSSEAU
Technical Evangelist UX,UI,Design
Microsoft
mirousse@microsoft.com
@rousseau_michel
www.aka.ms/michel
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
Le programme AFT

#mstechdays

Design/UX/UI
Le programme AFT

Un programme de validation de l’UX.
Une certaine idée de la certification.
Une proposition de valeur technique.

#mstechdays

Design/UX/UI
Le programme AFT

#mstechdays

Design/UX/UI
Le programme AFT

#mstechdays

Design/UX/UI
Le programme AFT

Trois types de retours sur les grands points UX :
Required Must Fix ou Must Fix
Should Fix
Recommendation
.
#mstechdays

Design/UX/UI
#mstechdays

Design/UX/UI
Le programme AFT
Un process renouvelé à chaque étape:
Early review
Design review
Quality review

Final review
.
#mstechdays

Design/UX/UI
Mais ça, c’était avant…

#mstechdays

Design/UX/UI
Strategic Top App Review & Tech Support

Aka STARTS

#mstechdays

Design/UX/UI
Le programme STARTS
Plus de notions de design associées.
Une proposition de valeur de type « Quality bar ».
Ouvert depuis le 20 Janvier.
Un process unifié entre le Windows Store et le Windows
Phone Store.

#mstechdays

Design/UX/UI
Le programme STARTS
Plus de notions de design associées.
Une proposition de valeur de type « Quality bar ».
Ouvert depuis le 20 Janvier.
Un process unifié entre le Windows Store et le Windows
Phone Store.

#mstechdays

Design/UX/UI
Certification Windows Store

#mstechdays

Design/UX/UI
Splashscreen

Mise en avant du branding de l’application.
Pas de « default icon » ou de Splashscreen
vide.
Une transition douce entre le splash et l’écran
d’acceuil (pas de chaise vide de + de 2
secondes).
#mstechdays

Design/UX/UI
#mstechdays

Design/UX/UI
Gestuelle
Le scenario de base est le touch. Toutes les actions
et navigations doivent pouvoir être réalisées par le
touch.
On devrait utiliser le langage de gestuelles Windows.
Pas d’éléments d’interface interférant avec les actions
de bordure Windows.
#mstechdays

Design/UX/UI
Cibles de touch

On doit faire son possible pour éviter les
faux-contacts (surface de touch de 26x26 px
minimum. 40 px au mieux).

#mstechdays

Design/UX/UI
Feedbacks visuel

Tout élément interactif doit proposer un
feedback visuel.

#mstechdays

Design/UX/UI
Tuiles secondaires

Une tuile secondaire doit mener au contenu
spécifique du raccourci.

#mstechdays

Design/UX/UI
#mstechdays

Design/UX/UI
Les notifications

Les notifs sont interactives !
Elles doivent appeler l’application hôte au
premier plan dans le contexte de la notif.

#mstechdays

Design/UX/UI
L’indicateur de progression

… doit s’afficher pendant l’exécution d’une
tâche un peu longue.

#mstechdays

Design/UX/UI
Une application stable…

… ne crashe pas et est utilisable en mode
portrait ou « split ».
… ne crashe pas en mode offline. Mieux, elle
donne l’info lorsqu’elle perd le réseau.

#mstechdays

Design/UX/UI
Une application stable…

… gère le mode Suspend.
Elle conserve le contexte.

Elle sort des modes spécifiques sur la reprise
(Settings, partage,…)
#mstechdays

Design/UX/UI
La performance

L’application doit être fluide et dynamique.
Les transitions doivent sembler rapides.

Si un temps de chargement s’impose, on affiche
un indicateur de progression.
#mstechdays

Design/UX/UI
L’app bar

Les actions contextuelles appellent l’app bar.
On applique une sticky bar si les items sont
sélectionnés et contextualisés par défaut.

#mstechdays

Design/UX/UI
Le contenu

L’application s’affiche correctement dans tous
les modes (Résolution minimale, portrait et vue
fenêtrée).

Pas de message d’erreur si le layout est plus
haut que large.

#mstechdays

Design/UX/UI
#mstechdays

Design/UX/UI
Les hautes définitions

Une appli doit s’afficher correctement dans
les très hautes résolutions sans artefacts.

Dans toutes les résolutions, en fait.

#mstechdays

Design/UX/UI
Les médias.
L’audio d’une appli doit continuer en background.

Si une VoIP interrompt une appli avec du son, le son de celle-ci
doit baisser ou passer en pause.
La lecture de l’audio se fait via le contrôle idoine.
Une vidéo se met en pause lorsque l’on passe sur une autre
appli.

#mstechdays

Design/UX/UI
Certification Windows Store

#mstechdays

Design/UX/UI
Changement d’application rapide.

Ce scénario interrompt les requêtes réseaux.
L’appli doit donc se reconnecter et relancer
les requêtes de manière silencieuse.

#mstechdays

Design/UX/UI
Changement d’application rapide.

On doit d’ailleurs pouvoir faire plusieurs va-etvient sans erreurs ni plantages.
Si l’on passe par l’écran d’accueil et que l’on
relance l’appli par la tuile, on doit revenir au
contexte actuel.
#mstechdays

Design/UX/UI
Le SIP (Software Input Pad).

Les contrôles keyboard
doivent s’adapter au
contexte (texte,
alphanumérique,…).
…et disparaître lorsque l’on
clique au dehors d’une zone
de texte.
#mstechdays

Design/UX/UI
Les cibles de touch (encore…)

Attention, petite surface de contact, donc
grandes précaution dans le placement des
éléments interactifs.

#mstechdays

Design/UX/UI
La gestion de la batterie

L’application doit continuer à fonctionner
nominalement en mode d’économie
d’énergie.

#mstechdays

Design/UX/UI
Tombstoning

Pas de crash sur un retour de tombstoning.
L’appli doit revenir dans le même contexte
(status identique, saisie équivalente, etc…).

#mstechdays

Design/UX/UI
Pivots et Panos
Un contrôle sur une page ne doit pas empêcher la
navigation basique des contrôles de layout.
Pas de gestuelles qui se mélange, de manière
générale.
Par exemple : Un slider dans un panorama.
#mstechdays

Design/UX/UI
Le scenario non-connecté

Pas de crashes en perdant la connectivité.
Un bon message d’erreur, ou mieux, un
message informatif.
Pas de stack trace.

#mstechdays

Design/UX/UI
La tuile secondaire.
L’affichage de la tuile secondaire doit être raccord avec le style de
l’app.
Un « back », après une entrée dans l’app par une TS quitte
l’appli.
Si l’appli doit retirer la tuile secondaire, elle doit en informer
l’utilisateur.
Si une page utilise déjà une TS, on désactive l’icone de
punaisage.
#mstechdays

Design/UX/UI
Les background Agents.

L’application doit vivre sans crasher si
l’utilisateur empêche le travail des
background agents.

#mstechdays

Design/UX/UI
Les SNS (Social Network Services).

L’application doit permettre de se loguer, se
déloguer, supprimer son compte.

#mstechdays

Design/UX/UI
Le jeux.
Attention à la stabilité en cas de perte de connexion (leaderboard,
high scores).
La progression dans le jeu doit être sauvegardée si l’on quitte
l’appli.

L’expérience doit être maintenue, même sur des parties longues
de plus d’une heure.

#mstechdays

Design/UX/UI
#mstechdays

Design/UX/UI
La validation UX du Store
TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR
SANS JAMAIS OSER LE DEMANDER...

Michel ROUSSEAU
Technical Evangelist UX,UI,Design
Microsoft
mirousse@microsoft.com
@rousseau_michel
www.aka.ms/michel
Design/UX/UI

Contenu connexe

Tendances

Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Microsoft
 
C# Async, un an après
C# Async, un an aprèsC# Async, un an après
C# Async, un an après
Microsoft
 
HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01Frédéric Harper
 
L'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
L'envers du décor : le Modern-ALM dans - et par - les équipes produits MicrosoftL'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
L'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
Microsoft
 
Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5
Microsoft
 
Développement des jeux vidéo Mobile
Développement des jeux vidéo MobileDéveloppement des jeux vidéo Mobile
Développement des jeux vidéo Mobile
ODC Orange Developer Center
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Microsoft
 
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
Microsoft
 
Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5
Microsoft
 
Club utilisateur retour_expérience_simplicité_v4
Club utilisateur retour_expérience_simplicité_v4Club utilisateur retour_expérience_simplicité_v4
Club utilisateur retour_expérience_simplicité_v4
Simplicité Software
 
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Microsoft
 
TechDays - Développer une single page application HTML5 - Version longue
TechDays - Développer une single page application HTML5 - Version longueTechDays - Développer une single page application HTML5 - Version longue
TechDays - Développer une single page application HTML5 - Version longueTouchify
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !
Catherine Verfaillie
 
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Simplicité Software
 
Créer une UX pour tous les écrans avec Universal App
Créer une UX pour tous les écrans avec Universal AppCréer une UX pour tous les écrans avec Universal App
Créer une UX pour tous les écrans avec Universal App
Microsoft
 
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
Flupa
 
Après Coding4Fun, voici NUI4Fun !
Après Coding4Fun, voici NUI4Fun !Après Coding4Fun, voici NUI4Fun !
Après Coding4Fun, voici NUI4Fun !
Microsoft
 

Tendances (17)

Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...Conception d’expériences multi-supports, nouveaux modes de consommation de co...
Conception d’expériences multi-supports, nouveaux modes de consommation de co...
 
C# Async, un an après
C# Async, un an aprèsC# Async, un an après
C# Async, un an après
 
HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01HTML5mtl & MWNW hackathon - 2012-12-01
HTML5mtl & MWNW hackathon - 2012-12-01
 
L'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
L'envers du décor : le Modern-ALM dans - et par - les équipes produits MicrosoftL'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
L'envers du décor : le Modern-ALM dans - et par - les équipes produits Microsoft
 
Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5Conception d’une application pour Windows 8 avec Blend 5
Conception d’une application pour Windows 8 avec Blend 5
 
Développement des jeux vidéo Mobile
Développement des jeux vidéo MobileDéveloppement des jeux vidéo Mobile
Développement des jeux vidéo Mobile
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
 
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
 
Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5Introduction au développement Windows 8 avec XAML et .NET 4.5
Introduction au développement Windows 8 avec XAML et .NET 4.5
 
Club utilisateur retour_expérience_simplicité_v4
Club utilisateur retour_expérience_simplicité_v4Club utilisateur retour_expérience_simplicité_v4
Club utilisateur retour_expérience_simplicité_v4
 
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
Symfony2 et Microsoft Azure, l’efficacité de PHP dans le cloud
 
TechDays - Développer une single page application HTML5 - Version longue
TechDays - Développer une single page application HTML5 - Version longueTechDays - Développer une single page application HTML5 - Version longue
TechDays - Développer une single page application HTML5 - Version longue
 
Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !Le Rapid Prototyping, ça marche !
Le Rapid Prototyping, ça marche !
 
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
Meetup #1 low-code, Pourquoi ? Pour qui ? Comment ? Rencontrons-nous !
 
Créer une UX pour tous les écrans avec Universal App
Créer une UX pour tous les écrans avec Universal AppCréer une UX pour tous les écrans avec Universal App
Créer une UX pour tous les écrans avec Universal App
 
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
FLUPA UX-Days 2016 - "Quand les militaires se prennent au jeu du Design Sprin...
 
Après Coding4Fun, voici NUI4Fun !
Après Coding4Fun, voici NUI4Fun !Après Coding4Fun, voici NUI4Fun !
Après Coding4Fun, voici NUI4Fun !
 

Similaire à La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans jamais oser le demander...

Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
Microsoft
 
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
PSST (opinions et tendances 2.0) par jeremy dumont
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Philippe Beraud
 
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
ekino
 
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
Sonia SAHLI
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
USERADGENTS
 
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
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
Versusmind
 
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
Smile I.T is open
 
Natural User Interface - UX Day
Natural User Interface - UX DayNatural User Interface - UX Day
Natural User Interface - UX Day
Club Scientifique de l'ESI - CSE
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
Anne-Marie Pinna-Dery
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
Alexandre Touret
 
Tactile : Nouveaux usages, nouveaux publics
Tactile : Nouveaux usages, nouveaux publicsTactile : Nouveaux usages, nouveaux publics
Tactile : Nouveaux usages, nouveaux publics
Crossmedias
 
Ux design
Ux designUx design
Ux design
niklofr
 
Cahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par ProgrammezCahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par Programmez
aemond
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
Microsoft Technet France
 
UX guidelines
UX guidelinesUX guidelines
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
Stéphanie Hertrich
 

Similaire à La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans jamais oser le demander... (20)

Kinect en moins de 10 Minutes
Kinect en moins de 10 MinutesKinect en moins de 10 Minutes
Kinect en moins de 10 Minutes
 
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
Sonia HECQUET, Les Nouveaux Supports Medias Creatifs (PARIS 2.0, Sept 2009)
 
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
Créez vos apps métier Windows 8 sans expertise en programmation, grâce à Proj...
 
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
 
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
 
MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design MobiliteaTime #5 : Responsive & Adaptive Design
MobiliteaTime #5 : Responsive & Adaptive Design
 
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...
 
Symposium uxdesign
Symposium uxdesignSymposium uxdesign
Symposium uxdesign
 
030 fondamentaux di
030   fondamentaux di030   fondamentaux di
030 fondamentaux di
 
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
CMSday 2013 - Votre audience peut-elle encore se passer d'une version mobile ?
 
Natural User Interface - UX Day
Natural User Interface - UX DayNatural User Interface - UX Day
Natural User Interface - UX Day
 
Intro conception2017
Intro conception2017Intro conception2017
Intro conception2017
 
telmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UXtelmedia* : tendances webdesign 2015, l'année de l'UX
telmedia* : tendances webdesign 2015, l'année de l'UX
 
[TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte![TNT19] Hands on: Objectif Top Architecte!
[TNT19] Hands on: Objectif Top Architecte!
 
Tactile : Nouveaux usages, nouveaux publics
Tactile : Nouveaux usages, nouveaux publicsTactile : Nouveaux usages, nouveaux publics
Tactile : Nouveaux usages, nouveaux publics
 
Ux design
Ux designUx design
Ux design
 
Cahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par ProgrammezCahier Windows Phone 7 par Programmez
Cahier Windows Phone 7 par Programmez
 
Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...Retour d'expérience sur la conception et la construction d'une application ME...
Retour d'expérience sur la conception et la construction d'une application ME...
 
UX guidelines
UX guidelinesUX guidelines
UX guidelines
 
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
 

Plus 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 milieu
Microsoft
 
La Blockchain pas à PaaS
La Blockchain pas à PaaSLa Blockchain pas à PaaS
La Blockchain pas à PaaS
Microsoft
 
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
Microsoft
 
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 à Z
Microsoft
 
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 2016
Microsoft
 
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 Analytics
Microsoft
 
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 Recovery
Microsoft
 
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
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
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 Core
Microsoft
 
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éveloppeurs
Microsoft
 

Plus 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...
 
Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.Transformation de la représentation : De la VR à la RA, aller & retour.
Transformation de la représentation : De la VR à la RA, aller & retour.
 
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
 

La validation UX du Store : Tout ce que vous avez toujours voulu savoir sans jamais oser le demander...

  • 1.
  • 2. La validation UX du Store TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SANS JAMAIS OSER LE DEMANDER... Michel ROUSSEAU Technical Evangelist UX,UI,Design Microsoft mirousse@microsoft.com @rousseau_michel www.aka.ms/michel Design/UX/UI
  • 3. 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
  • 5. Le programme AFT Un programme de validation de l’UX. Une certaine idée de la certification. Une proposition de valeur technique. #mstechdays Design/UX/UI
  • 8. Le programme AFT Trois types de retours sur les grands points UX : Required Must Fix ou Must Fix Should Fix Recommendation . #mstechdays Design/UX/UI
  • 10. Le programme AFT Un process renouvelé à chaque étape: Early review Design review Quality review Final review . #mstechdays Design/UX/UI
  • 11. Mais ça, c’était avant… #mstechdays Design/UX/UI
  • 12. Strategic Top App Review & Tech Support Aka STARTS #mstechdays Design/UX/UI
  • 13. Le programme STARTS Plus de notions de design associées. Une proposition de valeur de type « Quality bar ». Ouvert depuis le 20 Janvier. Un process unifié entre le Windows Store et le Windows Phone Store. #mstechdays Design/UX/UI
  • 14. Le programme STARTS Plus de notions de design associées. Une proposition de valeur de type « Quality bar ». Ouvert depuis le 20 Janvier. Un process unifié entre le Windows Store et le Windows Phone Store. #mstechdays Design/UX/UI
  • 16. Splashscreen Mise en avant du branding de l’application. Pas de « default icon » ou de Splashscreen vide. Une transition douce entre le splash et l’écran d’acceuil (pas de chaise vide de + de 2 secondes). #mstechdays Design/UX/UI
  • 18. Gestuelle Le scenario de base est le touch. Toutes les actions et navigations doivent pouvoir être réalisées par le touch. On devrait utiliser le langage de gestuelles Windows. Pas d’éléments d’interface interférant avec les actions de bordure Windows. #mstechdays Design/UX/UI
  • 19. Cibles de touch On doit faire son possible pour éviter les faux-contacts (surface de touch de 26x26 px minimum. 40 px au mieux). #mstechdays Design/UX/UI
  • 20. Feedbacks visuel Tout élément interactif doit proposer un feedback visuel. #mstechdays Design/UX/UI
  • 21. Tuiles secondaires Une tuile secondaire doit mener au contenu spécifique du raccourci. #mstechdays Design/UX/UI
  • 23. Les notifications Les notifs sont interactives ! Elles doivent appeler l’application hôte au premier plan dans le contexte de la notif. #mstechdays Design/UX/UI
  • 24. L’indicateur de progression … doit s’afficher pendant l’exécution d’une tâche un peu longue. #mstechdays Design/UX/UI
  • 25. Une application stable… … ne crashe pas et est utilisable en mode portrait ou « split ». … ne crashe pas en mode offline. Mieux, elle donne l’info lorsqu’elle perd le réseau. #mstechdays Design/UX/UI
  • 26. Une application stable… … gère le mode Suspend. Elle conserve le contexte. Elle sort des modes spécifiques sur la reprise (Settings, partage,…) #mstechdays Design/UX/UI
  • 27. La performance L’application doit être fluide et dynamique. Les transitions doivent sembler rapides. Si un temps de chargement s’impose, on affiche un indicateur de progression. #mstechdays Design/UX/UI
  • 28. L’app bar Les actions contextuelles appellent l’app bar. On applique une sticky bar si les items sont sélectionnés et contextualisés par défaut. #mstechdays Design/UX/UI
  • 29. Le contenu L’application s’affiche correctement dans tous les modes (Résolution minimale, portrait et vue fenêtrée). Pas de message d’erreur si le layout est plus haut que large. #mstechdays Design/UX/UI
  • 31. Les hautes définitions Une appli doit s’afficher correctement dans les très hautes résolutions sans artefacts. Dans toutes les résolutions, en fait. #mstechdays Design/UX/UI
  • 32. Les médias. L’audio d’une appli doit continuer en background. Si une VoIP interrompt une appli avec du son, le son de celle-ci doit baisser ou passer en pause. La lecture de l’audio se fait via le contrôle idoine. Une vidéo se met en pause lorsque l’on passe sur une autre appli. #mstechdays Design/UX/UI
  • 34. Changement d’application rapide. Ce scénario interrompt les requêtes réseaux. L’appli doit donc se reconnecter et relancer les requêtes de manière silencieuse. #mstechdays Design/UX/UI
  • 35. Changement d’application rapide. On doit d’ailleurs pouvoir faire plusieurs va-etvient sans erreurs ni plantages. Si l’on passe par l’écran d’accueil et que l’on relance l’appli par la tuile, on doit revenir au contexte actuel. #mstechdays Design/UX/UI
  • 36. Le SIP (Software Input Pad). Les contrôles keyboard doivent s’adapter au contexte (texte, alphanumérique,…). …et disparaître lorsque l’on clique au dehors d’une zone de texte. #mstechdays Design/UX/UI
  • 37. Les cibles de touch (encore…) Attention, petite surface de contact, donc grandes précaution dans le placement des éléments interactifs. #mstechdays Design/UX/UI
  • 38. La gestion de la batterie L’application doit continuer à fonctionner nominalement en mode d’économie d’énergie. #mstechdays Design/UX/UI
  • 39. Tombstoning Pas de crash sur un retour de tombstoning. L’appli doit revenir dans le même contexte (status identique, saisie équivalente, etc…). #mstechdays Design/UX/UI
  • 40. Pivots et Panos Un contrôle sur une page ne doit pas empêcher la navigation basique des contrôles de layout. Pas de gestuelles qui se mélange, de manière générale. Par exemple : Un slider dans un panorama. #mstechdays Design/UX/UI
  • 41. Le scenario non-connecté Pas de crashes en perdant la connectivité. Un bon message d’erreur, ou mieux, un message informatif. Pas de stack trace. #mstechdays Design/UX/UI
  • 42. La tuile secondaire. L’affichage de la tuile secondaire doit être raccord avec le style de l’app. Un « back », après une entrée dans l’app par une TS quitte l’appli. Si l’appli doit retirer la tuile secondaire, elle doit en informer l’utilisateur. Si une page utilise déjà une TS, on désactive l’icone de punaisage. #mstechdays Design/UX/UI
  • 43. Les background Agents. L’application doit vivre sans crasher si l’utilisateur empêche le travail des background agents. #mstechdays Design/UX/UI
  • 44. Les SNS (Social Network Services). L’application doit permettre de se loguer, se déloguer, supprimer son compte. #mstechdays Design/UX/UI
  • 45. Le jeux. Attention à la stabilité en cas de perte de connexion (leaderboard, high scores). La progression dans le jeu doit être sauvegardée si l’on quitte l’appli. L’expérience doit être maintenue, même sur des parties longues de plus d’une heure. #mstechdays Design/UX/UI
  • 47. La validation UX du Store TOUT CE QUE VOUS AVEZ TOUJOURS VOULU SAVOIR SANS JAMAIS OSER LE DEMANDER... Michel ROUSSEAU Technical Evangelist UX,UI,Design Microsoft mirousse@microsoft.com @rousseau_michel www.aka.ms/michel Design/UX/UI