web-dev-qa-db-fra.com

Les différentes applications d'un produit doivent-elles avoir une disposition cohérente?

Nous avons un produit cloud qui contient de nombreuses applications différentes. Les applications sont accessibles à l'aide du lanceur d'applications dans l'interface utilisateur (pensez-y comme Google Apps ou Office 365). Chaque application a des fonctionnalités uniques et a des cas d'utilisation différents. Cependant, le groupe d'utilisateurs cible est le même pour toutes les applications.

Nous avons notre propre guide de conception et il a des styles pour les composants d'interface utilisateur les plus courants.

Je prépare un design pour une nouvelle application dans le produit, dans lequel je voulais essayer une mise en page différente tout en étant absolument conforme au guide de conception sur les éléments visuels à l'exception de la mise en page . Parce que nous voulions rendre l'application sans modal et avons également estimé que ne pas gaspiller les biens immobiliers dans la barre latérale gauche pour seulement 4 éléments de menu. Au lieu de cela, nous avons symbolisé les éléments de menu (avec des étiquettes) et avons réduit la barre latérale gauche et introduit un volet droit pour afficher plus de détails/ajouter/modifier des détails, etc., évitant ainsi les modaux/fenêtres contextuelles. Les parties prenantes sont heureuses.

Cependant, il existe un débat au sein de l'organisation sur le fait que la mise en page doit être cohérente sur l'ensemble du produit. Mon argument est que chaque application (au sein du produit) peut avoir une mise en page différente selon la nature de l'application et surtout pour la facilité d'utilisation. Par exemple, je fais référence aux applications Google et à Office 365. Les applications Google ont utilisé différentes dispositions pour différentes applications alors qu'elles sont conformes aux directives de conception des matériaux. De même, Office 365.

Quelles sont vos pensées? Êtes-vous d'accord avec mes vues? Connaissez-vous ou avez-vous rencontré d'autres applications auxquelles vous pouvez vous référer?

--Mise à jour --

Quand je fais référence à Google Apps, je veux dire ceux-ci, pas seulement les documents et feuilles Google ... la suite entière. YouTube, Maps, Drive, G + etc. Ils ont tous l'air complètement différents en termes de look and feel (tout en respectant les Material Design Guidelines) mais portent toujours la marque Google, n'est-ce pas? Google Apps

3
essdeepee

TL; DR: Une conception complète ne s'adaptera jamais parfaitement à plusieurs produits. Je pense que vous avez le droit d'apporter des modifications pour répondre aux besoins d'un produit.

Cela étant dit, les suites d'applications réussies partagent des éléments UI et UX communs.

Les avantages de l'expérience utilisateur partagée:

  • Si un utilisateur connaît l'utilisation d'une application, il se sentira chez lui dans une autre. Ce n'est pas seulement un avantage UI/UX pour l'utilisateur, mais un avantage marketing pour le produit
  • Les ingénieurs logiciels peuvent standardiser et réutiliser les bibliothèques de code de l'interface utilisateur. De même, les mises à jour de l'interface utilisateur prennent effet sur plusieurs applications
  • Rationalisez les conceptions de l'interface utilisateur et le cadrage des câbles pour de nouvelles interfaces

Quelques exemples d'interfaces que vous devriez envisager de normaliser:

  • Navigation et structure du menu supérieur
  • Apparence des boutons, cases à cocher, etc.
  • Menus Paramètres ou Préférences
  • Menus de dialogue
  • Commande de bouton OK/Annuler
  • Police ou style du logo du produit
  • Procédure d'installation/désinstallation

Certains domaines que vous n'avez pas besoin de normaliser:

  • Interfaces où la conception couramment utilisée inhibe l'UX de la fonctionnalité
  • Interface utilisateur de la fenêtre principale (par exemple, page vierge pour le traitement de texte, grille pour les feuilles de calcul)
  • Options et boutons de menu spécifiques à l'application
  • Schéma de couleurs de l'interface utilisateur

Vous mentionnez Google Docs et Office, qui sont tous deux d'excellents candidats pour mes points ci-dessus.

docssheets

Mise à jour :

Je pense que cette question entière peut déjà avoir une réponse ici. Les réponses font écho à certains de mes points, mais pourraient être plus axées sur votre demande de produit d'application.

Voici une source répertoriée dans cette question.

7
Alan

Comme une application est conçue pour servir un certain objectif, elle aura sa propre disposition. La mise en page de l'application dépend principalement de la manière dont l'utilisateur accomplira sa tâche. La similitude dans la disposition des différentes applications peut résulter de la similitude de leur objectif.

Différentes applications d'édition (par exemple MS Word ou LibreOffice Writer) ont beaucoup en commun car elles aident à résoudre les mêmes problèmes. Dans ce cas, édition et mise en forme des textes.

Vous avez déjà une directive d'interface utilisateur et je pense que vous avez également une sorte de directives d'entreprise qui définissent les règles d'accessibilité et de couleur, etc.

Avoir différentes dispositions pour différentes applications dans le même portefeuille de produits est totalement rationnel.

Vous pouvez penser aux véhicules à des fins différentes, par exemple une voiture, un bus, une excavatrice ou un camion.

1
Oliver Groß

Votre exemple de Google Apps illustre comment la mise en page orientée tâche peut coexister avec les normes d'utilisation et de marque.

La disposition de MS Word pour Excel ne fait aucun doute, mais les valeurs de couleur, les rubans, les polices, les menus à onglets et les commandes d'affichage du pied de page démontrent que chacun est, pour le meilleur ou pour le pire, un produit Microsoft.

0
Jim Ryan