web-dev-qa-db-fra.com

Existe-t-il une directive d'interface utilisateur de bureau Windows 8 ou HIG partout dans le monde?

Et je ne parle pas des directives Win 7/Metro UI, je les ai mises en place, mais j'ai changé de travail et je dois commencer à regarder la nouvelle conception de Windows 8 DESKTOP. Je sais que cela prend beaucoup d'indices de Metro sur Win 7 mobile, mais ce n'est pas la même chose et je ne trouve nulle part les directives de l'interface utilisateur.

25
Robert Grant

Les directives pour les applications de bureau Windows 8 sont les mêmes que pour Windows 7.

Cela signifie que vous les trouverez ici:
https://msdn.Microsoft.com/en-us/library/windows/desktop/dn688964.aspx


Windows 8 possède deux interfaces utilisateur distinctes: les applications du Windows Store ( anciennement appelées "applications de style Metro" ) et le bureau.

Les applications du Windows Store est la nouvelle interface utilisateur tactile orientée vers l'avenir. Ces applications s'exécutent généralement dans un environnement tactile où la consommation (et non la production) de contenu est l'objectif principal de l'application.
Screenshot of start screen with Windows Store apps

L'interface utilisateur du bureau est là pour la compatibilité descendante (!). Il sera utilisé par les applications qui ont besoin de toute la puissance de Windows. Cette interface utilisateur est similaire à Windows 7. Seules des modifications mineures de l'apparence, par exemple. coins de boutons carrés au lieu d'arrondis.
Screenshot of File Explorer with Desktop UI

Sources:

  1. http://en.wikipedia.org/wiki/Windows_8
  2. http://net.tutsplus.com/articles/general/windows-8-preview-a-developer-reflects/

Autres ressources:

  1. http://www.windows8designhandbook.com/ (Suggéré par @ Simon )
23
Jørn E. Angeltveit

Pour la partie Metro, il existe de la documentation sur l'interface utilisateur:

Faire/ne pas faire: faire http://msdn.Microsoft.com/en-us/library/windows/apps/hh465304 (v = VS.85) .aspx

Listes de contrôle avec quelques concepts d'interface utilisateur (archivées en février 2012) https://web.archive.org/web/20120208075631/http://msdn.Microsoft.com/en-us/library/windows/apps/ hh465424.aspx

Meilleures pratiques http://msdn.Microsoft.com/en-us/library/windows/apps/br229583 (v = VS.85) .aspx # guidelines_and_best_practices

5
MatthieuGD

Punchcut a publié sur son blog un bonne série sur Windows 8/Metro (Archivé en décembre 2013) et comment le concevoir.

Il se compose de 5 parties:

  1. Windows 8 résout le problème du PC (Archivé en novembre 2012)
  2. Windows 8: le nouveau modernisme (Archivé octobre 2012)
  3. Windows 8: The Origin Story (Archivé octobre 2012)
  4. Windows 8: Manifeste de Microsoft (Lien mort, pas sur archive.org)
  5. Windows 8: Conception de l'expérience Metro (Lien mort, pas sur archive.org)

Surtout le dernier mérite d'être lu. Ils écrivent sur leurs expériences et ont acquis des connaissances (concepts de navigation, image de marque, design réactif) tout en créant Metro Apps. Il existe même des conseils très pratiques, comme vous devriez utiliser la propriété de transformation CSS pour la conception de mouvements, car elle est accélérée par le GPU.

4
FrankL

Votre question est difficile à comprendre pour moi.

Si vous voulez dire "Je veux les directives UX pour les applications du Windows Store (pas Windows Phone)", elles sont disponibles sur le site Web de Microsoft (Archivé en novembre 2012). Ils font partie de n aperçu plus général de l'UX des applications du Windows Store . Ce sont les applications qui fonctionnent en plein écran.

Si vous voulez dire "Je veux les directives UX pour la conception d'applications à utiliser en mode Bureau de Windows 8", vous devriez lire les directives d'interaction Windows UX , en accordant une attention particulière à la section sur Rubans (qui sont vraiment mis en valeur dans le mode bureau de Windows 8). Ce sont les applications qui s'exécutent dans Windows, avec la barre des tâches Windows et votre fond d'écran visible.

2
Kit Grose

Microsoft a fait une présentation à Build, intitulée " Conception du style Metro: principes et personnalité " - les diapositives et une vidéo sont disponibles qui couvrent de nombreux aspects, tels que les choix de polices, tailles, grilles de mise en page, etc.

2
Rowland Shaw