L’état actuel de la conception fluide de Microsoft

Comment créer une image système Windows 10 et l’utiliser pour restaurer votre ordinateur

Windows 10 aujourd’hui n’est pas le Windows 10 lancé en 2015. Le modèle Windows-as-a-Service utilisé par Microsoft pour fournir des mises à jour a remplacé une grande partie de la version originale par de nouveaux composants tout en ajoutant de nouvelles fonctionnalités. Cela a conduit à des changements importants dans le fonctionnement de Windows et dans l’apparence de Windows.

Windows a eu une relation compliquée avec le design au fil des ans. Il est passé de la gratuité des jours XP et Vista, où même Windows était facultatif, à la conception plate de la typographie du design moderne de Windows 8. Inspirée de la signalétique du métro (qui a donné son nom d’origine), c’est une approche de conception qui est toujours au cœur des fenêtres modernes. Mais les tendances de conception changent et les expériences utilisateur évoluent.

Présentation de la conception fluide

S’appuyant sur l’héritage de conception moderne de Windows, Microsoft déploie lentement un nouveau langage de conception pour Windows: le système de conception Fluent. Destiné à être la base de toute interaction sous Windows, Fluent Design est adopté dans toutes ses variantes – bureau, réalité mixte, Xbox, serveur, IoT et même sur le Web.

S’éloignant de l’approche typographique du design moderne, Fluent est destiné à ajouter des expériences utilisateur plus naturelles à Windows, en apportant des effets qui imitent le monde réel tout en veillant à ce que les utilisateurs sachent qu’ils interagissent avec le code. Ce n’est pas le skeuomorphisme d’iOS, où les éléments de l’interface utilisateur étaient destinés à copier des objets physiques. Dans la conception skeuomorphe, les ordinateurs portables ont des fixations ressemblant à du cuir et des textures ressemblant à du papier, tandis que les boutons utilisent des animations 3D pour ressembler à de vieilles radios ou à des calculatrices électroniques familières.

Au lieu de cela, Fluent adopte une approche plus artificielle de la conception, mélangeant une translucidité de type plastique avec des effets 3D et de nouvelles transitions entre différents états d’application. Microsoft parle de Fluent basé sur cinq composants: La Lumière, la Profondeur, le Mouvement, le Matériau et l’Échelle. Avec des conceptions (et des applications) destinées à se déplacer d’un appareil à l’autre, il est nécessaire d’avoir une apparence cohérente qui fonctionne bien à toutes les échelles — et dans la réalité mixte également. C’est l’intention derrière Fluent: des éléments de conception clairement numériques, mais qui se comportent comme des objets du monde réel et qui peuvent interagir avec le monde qui les entoure.

VOIR: Tableau comparatif: Suites bureautiques (Tech Pro Research)

Fluent adopte une approche similaire à l’Aero de Windows Vista, avec ses effets de verre. Mais ce n’est pas Aero reborn. Il peut y avoir quelques similitudes, en particulier autour de l’utilisation de la translucidité, mais l’approche globale est construite autour de tous les composants de Fluent, plutôt que de se concentrer uniquement sur les effets visuels.

Couramment dans les applications

Le design est bien sûr plus que les composants que nous utilisons dans nos applications. Il est également essentiel à la façon dont nous construisons notre code, en influençant tout, de la mise en page du contrôle à la navigation de l’application. En tant que langage de conception pour les applications Windows universelles (et pour les applications Win32 via les îles XAML), Fluent est la clé de la façon dont nous devons assembler notre code. Chaque nouvelle version du SDK Windows 10 apporte de nouvelles versions de contrôles clés, ajoutant de plus en plus d’éléments fluides. Alors que Microsoft a considérablement accéléré l’adoption de nouvelles versions de Windows 10, vous devrez toujours considérer la version de base que vous ciblez avec votre code UWP. Cela signifie que vous ne pouvez pas utiliser toutes les fonctionnalités Fluent actuelles; au lieu de cela, vous utiliserez des contrôles qui fonctionnent sur votre base d’utilisateurs et tirerez parti des propres animations et effets de Windows.

Présentation de l’acrylique

L’un des éléments clés de Fluent est un effet de translucidité que Microsoft appelle l’acrylique. Prenant deux des thèmes clés de Fluent, material et depth, l’acrylique fournit un effet de flou qui reprend le thème actuel de Windows. Les fenêtres et les éléments derrière la couche acrylique sont toujours visibles, mais peuvent être facilement superposés avec du texte et d’autres éléments d’interface utilisateur. C’est un outil que Microsoft utilise de plus en plus dans Windows 10, les dernières versions d’aperçu l’ajoutant aux écrans de connexion et l’utilisant dans le cadre des volets de navigation dans les propres outils de Windows. Vous pouvez utiliser l’acrylique pour lier les applications au bureau, ou comme couche à l’intérieur des applications, en les déposant sur votre application pour les menus et autres, tout en affichant le contexte de votre application.

Ce dernier point est peut-être l’un des aspects les plus intéressants de Fluent Design, en ce sens qu’il est développé pour aider les utilisateurs à rester concentrés sur leurs tâches. Les modifications ne devraient pas vous ébranler de votre flux, et votre contexte d’application global doit être visible à tout moment. Le construire dans les contrôles UWP a beaucoup de sens, car il permet aux développeurs d’ajouter rapidement des effets à leur code sans avoir à apporter de modifications significatives.

Lent mais stable

La plus grande différence entre le passage à la conception fluide par rapport aux conceptions Windows précédentes est peut-être que ce n’est pas un big bang. Le verre Aero de Vista et le look moderne de 8 sont sortis de nulle part, gardés secrets jusqu’au dernier moment et laissant les concepteurs et les développeurs d’applications hors de portée. Avec Fluent, Microsoft adopte une approche beaucoup plus lente, utilisant le cycle de publication semestriel de Windows 10 pour ajouter de nouveaux éléments à ses propres applications et au SDK Windows UWP. Son programme Insider lui donne également plus de moyens de tester les fonctionnalités Fluent avant une sortie publique plus large.

VOIR: Windows spotlight: 30 trucs et astuces pour les utilisateurs expérimentés (Tech Pro Research)

Un aspect du programme Insider qui a tendance à être négligé est sa capacité à être utilisé pour tester des concepts de conception. En fournissant différentes versions à différents utilisateurs, Microsoft peut exécuter des tests A / B dans le cadre de chaque version Insider. La télémétrie et les enquêtes, ainsi que le Centre de rétroaction, sont utilisés pour comprendre comment les utilisateurs réagissent aux différences d’animations et de niveaux de transparence. Les conceptions peuvent ensuite être affinées pour une construction à venir. Il a été intéressant de regarder ce processus en action: une animation ou un effet apparaît dans une génération d’Anneau rapide ; il disparaît ensuite dans la suivante, avant qu’une version affinée ne soit publiée deux ou trois générations plus tard.

Bientôt disponible : nouvelles fonctionnalités dans la prochaine version de Windows

En comparant la version actuelle de Windows 10, 1809, avec l’aperçu en anneau rapide de 19H1, il y a beaucoup plus d’utilisation de l’acrylique dans les propres applications de Microsoft. En plus des paramètres Windows et des outils de gestion, c’est un élément clé des différentes applications groupées, y compris Mail et Photos. L’acrylique est également utilisé pour effacer l’écran de verrouillage lors de la connexion, et avec la prise en charge des thèmes sombres et clairs, vous pouvez voir comment Fluent peut être utilisé dans vos propres applications.

Microsoft fait quelque chose de très intéressant avec Fluent : faire évoluer un nouveau langage de conception en public. Ce n’est pas ce que les utilisateurs attendent, avec des changements à venir tous les six mois et une fin nulle part en vue. Mais c’est un processus plus convivial pour les développeurs, qui permet aux applications de s’adapter aux nouveaux composants de l’interface utilisateur et donne aux développeurs le temps d’apprendre à les utiliser. À mesure que Windows 10 continue d’évoluer, nous verrons des éléments plus fluides dans les contrôles UWP, et dans les kits SDK Windows 10, et éventuellement dans davantage d’applications tierces.

Voir également

• Le relooking de la « conception fluide » de Microsoft Office pourrait simplifier le travail, augmenter la productivité (TechRepublic)
• Utilisateurs de Windows 10: Voici toutes les façons dont l’interface utilisateur changera dans la dernière mise à jour (TechRepublic)
• Microsoft Office 2019 pour Mac cible les entreprises non-Office 365, ajoute des fonctionnalités (TechRepublic
• Télécharger: 12 conseils pour tirer le meilleur parti de Windows 10 (TechRepublic)
• Microsoft: cycle de vie de support de 10 ans (ZDNet)
• Windows 10: Une feuille de triche (TechRepublic)
• Microsoft publie un outil pour masquer ou bloquer les mises à jour indésirables de Windows 10 (ZDNet)
• Cinq raisons de passer à Windows 10 (TechRepublic