Microsoft livre un aperçu des changements de l'expérience et l'interface utilisateur dans Visual Studio 2019
La prochaine version majeure de son EDI

Le , par Michael Guilloux, Chroniqueur Actualités
Microsoft a appris, au fil des ans, que le fait de partager l'évolution de Visual Studio avec les utilisateurs le plus tôt possible l'aide souvent à fournir la meilleure expérience possible à sa communauté. Sur cette base, l'entreprise a décidé de fournir aux développeurs un aperçu des changements relatifs à l'expérience et l'interface utilisateur, dans le cadre du développement de Visual Studio 2019, la prochaine version majeure de son EDI.

Les changements de l'UX et l'UI en question sont notamment une actualisation du thème de Visual Studio, la mise à jour de l'icône de l'EDI et de ses écrans de lancement (splash screens) entre autres ; certains changements visant à permettre aux développeurs d'accéder plus rapidement à leur code.

Le premier changement que vous remarquerez dans Visual Studio 2019 est l'actualisation des icônes des versions. Pour cette nouvelle version de VS, Microsoft veut mettre à jour ses icônes afin de permettre aux développeurs d'identifier rapidement la version de l'EDI qu'ils ouvrent et utilisent. Microsoft dit en effet avoir détecté des problèmes d’utilisabilité liés au style de l’icône dans les débuts de Visual Studio 2017. La firme s'est par exemple rendu compte que le style plat de l’icône actuelle la rend presque invisible sur un fond de couleur similaire. Les développeurs ont également été confrontés au défi de faire la différence entre une version Preview et la version RTM finale de Visual Studio.

Pour résoudre le problème de style plat de l'icône, Microsoft a adopté l’approche Fluent Design System, qui lui a permis d'améliorer l’icône afin qu’elle soit beaucoup plus visible dans divers fonds de couleur. Pour distinguer VS 2017 de VS 2019 et les versions (Preview et Release) de Visual Studio 2019 entre elles, Microsoft a également commencé par supprimer ce qui la firme considère comme un peu superflu dans l'icône de son EDI, le ruban sur le côté droit. Cela permet à l'entreprise de se concentrer sur l'élément le plus reconnaissable du logo Visual Studio, à savoir la boucle de l'infini. Microsoft a ensuite augmenté la taille de la boucle de l'infini, ce qui lui a donné plus de place et la possibilité de montrer la différence entre les icônes Preview et Release (version de production).


Icône Visual Studio 2017 (à gauche) et nouvelle icône Visual Studio 2019 (à droite)


La nouvelle icône Visual Studio 2019 dans la barre des tâches et le menu Démarrer


Icône d'une version stable de Visual Studio 2019 (à gauche) et icône d'une préversion de Visual Studio 2019 (à droite)

Soulignons que Microsoft travaille sur une approche similaire pour la nouvelle icône Visual Studio pour Mac qui fera ses débuts dans les préversions à venir.

Outre la mise à jour des icônes, Visual Studio va se doter d'une nouvelle fenêtre de démarrage qui, que vous soyez novice dans Visual Studio ou un développeur expérimenté dans l'EDI, vous donne un accès rapide aux moyens les plus couramment utilisés par les développeurs pour accéder à leur code : ouvrir un projet ou une solution, ouvrir un dossier local sur PC et créer un nouveau projet. Vous trouverez également un nouveau workflow Git-first qui vous permet de cloner des dépôts Git publics en quelques clics. Microsoft dit aussi avoir réinventé l'expérience de création d'un nouveau projet, avec une nouvelle liste des modèles les plus populaires et des fonctionnalités de recherche et de filtrage améliorées.


Fenêtre de démarrage de Visual Studio pour Mac (à gauche) et Visual Studio (à droite)

La prochaine version majeure de l'EDI de Microsoft viendra encore avec un thème bleu actualisé. Plus de la moitié des développeurs VS utilisent le thème bleu, mais il est resté le même depuis Visual Studio 2012. Microsoft y apporte maintenant des modifications axées sur le désir de désencombrer l’interface utilisateur de Visual Studio. Le géant du logiciel dit avoir apporté de petites modifications à l’ensemble de l’interface utilisateur, qui contribuent à rendre l'interface plus propre tout en respectant ses normes d’accessibilité. Microsoft commence par le thème bleu pour soumettre ces mises à jour aux utilisateurs, tirer des leçons de leurs commentaires, puis les appliquer aux autres thèmes.


Le thème bleu actualisé (à gauche) à côté du thème bleu actuel (à droite)

D'autres changements ont été apportés pour améliorer la productivité des développeurs et simplifier l'UI sans modifier radicalement votre flux de travail : la barre de titre a été supprimée, Microsoft a déplacé l'interface de recherche pour augmenter la possibilité de découverte et estime qu'avec les prochaines versions et mises à jour, vous constaterez que la recherche dans Visual Studio 2019 est plus puissante et plus précise. L'espace de commandes contient maintenant un emplacement ciblé pour la collaboration d’équipe avec Live Share, qui rend plus facile de voir les développeurs avec lesquels vous collaborez.

L'espace de commandes actuel (en haut) et la version simplifiée de Visual Studio 2019 (en bas)


L'interface des notifications sera également mise à jour dans les prochaines préversions de VS 2019. Le point d'entrée des notifications a été déplacé vers la barre d’état située au bas de l’EDI. Cette nouvelle position, d'après Microsoft, évite les interruptions de l'interface utilisateur qui perturbent votre concentration, mais permettra aussi d'afficher des messages provenant de divers services (du statut de Live Share à un commentaire de pull request) à l'avenir.


Nouveaux emplacement, style et icône pour les notifications de Visual Studio 2019

Source : Blog Microsoft

Et vous ?

Qu'en pensez-vous ?

Voir aussi :

Microsoft livre un aperçu des nouveautés de C# 8.0 et envisage de commencer à livrer cette version dans les préversions de Visual Studio 2019
Visual Studio Code 1.29 est disponible : aperçu des nouveautés dans l'éditeur de code open source et multiplateforme de Microsoft
Visual Studio 2017 version 15.9 Preview 3 est disponible en téléchargement et apporte le support ARM64 pour les applications UWP
Microsoft lance une extension pour la gestion des pull requests GitHub directement dans Visual Studio Code, elle est disponible en préversion


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse Signaler un problème

Avatar de CS FS CS FS - Membre habitué https://www.developpez.com
le 13/11/2018 à 14:44
Chouette.
Et sinon, ils ont ajouté la fonctionnalité "Ne-plus-devoir-killer-XDesProc.exe-toutes-les-5-minutes-pour-pouvoir-continuer-à-bosser" ?
Avatar de herve4 herve4 - Membre habitué https://www.developpez.com
le 13/11/2018 à 15:57
humm... pour l'instant, beaucoup de changement plus sur la forme que sur le fond.
Avatar de Kikuts Kikuts - Membre éclairé https://www.developpez.com
le 13/11/2018 à 17:25
"En gros" VS 2019, c'est juste une MAJ du thème bleu ^^

Sympa qu'il vire la barre de titre.

Ce qui serait bien c'est que le process porte le nom de la solution ouverte. Comme ça lorsqu'une instance plante, on ne va pas fermer la mauvaise (parfois j'ai 3 VS ouvert, et celui qui plante est le 3ème que je ferme )

Ca serait cool aussi de pouvoir kill un VS plus rapidement et qu'il ne dise pas "build en cours" alors que clairement, ça ne build plus et le process est en PLS
Avatar de Pol63 Pol63 - Expert éminent sénior https://www.developpez.com
le 13/11/2018 à 17:41
Citation Envoyé par herve4 Voir le message
humm... pour l'instant, beaucoup de changement plus sur la forme que sur le fond.
ca doit être juste le post qui est orienté sur les infos de design …

Citation Envoyé par Kikuts Voir le message
Ce qui serait bien c'est que le process porte le nom de la solution ouverte. Comme ça lorsqu'une instance plante, on ne va pas fermer la mauvaise (parfois j'ai 3 VS ouvert, et celui qui plante est le 3ème que je ferme )
dans le task manager en partant de la fenetre (sous le regroupement de fenetre) tu peux faire clic droit / accéder aux détails et tu tombes sur le bon processus
Avatar de Sipige Sipige - Membre régulier https://www.developpez.com
le 14/11/2018 à 10:41
Je ne vois pas trop l'intérêt de 2019 par rapport à 2017. J'espère fortement que cet article est incomplet.
Avatar de Kikuts Kikuts - Membre éclairé https://www.developpez.com
le 15/11/2018 à 15:12
Citation Envoyé par Pol63 Voir le message
dans le task manager en partant de la fenetre (sous le regroupement de fenetre) tu peux faire clic droit / accéder aux détails et tu tombes sur le bon processus
J'ai regardé dans le détail, rien. Nom : devenv ; description MS VS 2017
Rien de plus. Dommage j'y ai cru
Avatar de Pol63 Pol63 - Expert éminent sénior https://www.developpez.com
le 15/11/2018 à 16:27
si si chez moi (w10) dans processus j'ai plusieurs VS
quand je déploie le treeview j'ai la liste des fenetres du processus, donc le titre des fenetres, donc le nom de la solution
et sur cette fenetre je fais clic droit accéder aux détails et ca me sélectionne un processus dans l'onglet détails, et c'est le bon processus donc il suffit de le kill
Avatar de Kyroon Kyroon - Membre actif https://www.developpez.com
le 16/11/2018 à 9:36
Bonjour,

Sinon sur Win7, tu peux toujours passer par l'onglet Applications où est indiqué le nom du projet de chaque VS.
De là, avec un clic droit, tu va pouvoir le Kill directement et/ou 'Aller dans le processus' correspondant à cet instance.

Bonne continuation.
Avatar de St-Jean St-Jean - Membre actif https://www.developpez.com
le 16/11/2018 à 13:01
Complètement raté, leur ruban de Möbius! :-)
Avatar de Ogihim Ogihim - Nouveau Candidat au Club https://www.developpez.com
le 20/11/2018 à 22:42
Contacter le responsable de la rubrique Accueil