web-dev-qa-db-fra.com

Des conseils pour donner à l'interface utilisateur un aspect plus professionnel et soigné?

Actuellement en développement d'une application WPF avec une interface utilisateur entièrement personnalisée. Je me demande simplement si quelqu'un a des conseils pour permettre à l'interface utilisateur d'être unique, tout en ayant l'air professionnel et soigné.

8
James Ludlow

La cohérence est un indicateur important de quelque chose de professionnel et de raffiné.

  • Assurez-vous que toutes vos icônes sont de la même taille et correctement alignées.
  • Utilisez une police et une taille de texte cohérentes partout.
  • Assurez-vous que s'il existe des options pour modifier les tailles de police, elles affectent tous les éléments de texte.
  • Assurez-vous que la modification du jeu de couleurs affecte tous les éléments de manière cohérente.

Je sais que cela ne rend pas votre application unique, mais l'interface utilisateur est la première chose que vos utilisateurs voient et avec quoi ils doivent interagir chaque fois qu'ils l'utilisent.

9
ChrisF

En règle générale, professionnel signifie propre et simple.

Concernant l'animation - cela dépend vraiment de l'application. L'animation implique souvent des applications plus décontractées, donc cela fonctionnerait très bien pour les jeux ou les applications grand public. Si nous parlons de logiciels d'entreprise, ce n'est peut-être pas approprié.

Je pense que http://soluto.com/ est une excellente application de bureau à utiliser comme référence. Vous pouvez le télécharger gratuitement et l'installer sur n'importe quel PC.

4
Dan Barak

Comme cela a déjà été souligné, la cohérence est importante - non seulement en termes d'apparence, mais en termes de comportement.

Il arrive cependant que la rupture délibérée de cohérence ne soit pas seulement une bonne idée, mais nécessaire .

Une partie de la réalisation d'un look "professionnel et poli" consiste à savoir quand le faire.

Exemples:

Sur les sites StackExchange, le lien "Poser une question" en haut de chaque écran ne fait pas partie de la séquence des autres boutons - il est aligné à droite, ce qui donne une certaine isolation visuelle.

Dans Microsoft Outlook 2007, le bouton Envoyer n'est pas inclus dans le ruban avec tout le reste, il est séparé et toujours accessible.

2
Bevan

Les effets d'animation font une grande différence. C'est une énorme partie de ce qui rend l'iPhone si lisse.

Chaque transition devrait sembler se déplacer ou croître quelque part. Rien ne devrait jamais apparaître ou disparaître.

1
Mongus Pong

Étudiez, étudiez, étudiez.
Observez la concurrence ou les produits similaires.

L'une des meilleures choses à propos de l'interface utilisateur est que vous ne le faites pas, et à mon humble avis ne devrait pas, réinventer les choses. Je sais que votre question concerne une application de bureau, mais même une analyse de Google Images (basée sur des mots clés appropriés) devrait fournir de nombreux exemples de la façon dont votre situation générale a été conçue à ce jour.

Et par tous les moyens, testez votre interface utilisateur sur les utilisateurs candidats. Il est remarquable que peu de DEV prennent le temps de le faire et les retours sont généralement très précieux.

0
CSSian