Où puis-je trouver l'inspiration pour une bonne interface utilisateur? [fermé]


18

J'ai un blocage mental en ce qui concerne la conception de l'interface de l'écran principal pour une application de bureau que je suis en train de mettre à niveau. Lorsque j'ai développé ce programme pour la première fois, la résolution d'écran était de 640 X 480. Aujourd'hui, il existe plusieurs résolutions d'écran.

Où puis-je trouver des idées pour une bonne disposition de l'écran principal pour une application de bureau?


1
De quel genre d'application s'agit-il? PhotoShop / GIMP / imagey, Eclipse / VS / codey, Maya / 3DStudio / Cad: y?
Macke

Application de finances personnelles, données conservées dans une base de données propriétaire.
Michael Riley - AKA Gunny

7
User Experience Stack Exchange - Pas une réponse, mais comme vous êtes en train de repenser une interface utilisateur, je pensais que cela vous intéresserait.
yannis


1
@Yannis - Merci ... Je me suis totalement perdu là-bas (et où cela mène) yesaterday.
Michael Riley - AKA Gunny

Réponses:


6

Je vous recommande de consulter quelques livres différents, qui, curieusement, ne sont pas axés sur la conception d'interface graphique d'application de bureau. Quoi qu'il en soit, ces textes vous aideront à commencer à réfléchir à la manière d'obtenir les informations dont vos utilisateurs ont besoin sous une forme que leur cerveau comprendra. Quoi qu'il en soit, le premier livre est The Non-Designer's Design Book de Robin Williams. Ce livre vous apprendra la composition en termes peu orientés vers la conception graphique. Ce livre vous fera commencer à réfléchir à la façon dont l'esprit humain perçoit les éléments de conception.

Deuxièmement, consultez Don't Make Me Think de Steve Krug. Il traite de la navigation et de la représentation des données sur les pages Web, mais de nombreuses recommandations (c'est-à-dire la navigation de la mie de pain) ont souvent autant de sens dans les applications de bureau que sur les pages Web.

Comme une autre affiche l'a indiqué, de bons modèles de conception n'existent pas dans l'isolement par milieu. Certaines choses ne se traduisent pas aussi bien entre analogique et numérique (c.-à-d. Texte à plusieurs colonnes dans un journal réel vs une application pour le journal) car certaines restrictions sont différentes selon le support, mais de nombreux principes de bonne conception restent valables, peu importe ce qui se passe. moyen dont vous parlez.



5

Une astuce que j'ai souvent entendue est de regarder les designs que vous aimez pour vous inspirer. Ce n'est pas isolé pour dire simplement les applications de bureau, mais devrait s'étendre à l'art, à l'architecture, au Web, à la photographie, aux produits, etc.

Cela vous aidera à vous faire une idée de ce qu'est une bonne conception et vous aidera dans les applications de conception à long terme qui sont agréables à l'œil et conviviales.

Si vous prototypez votre conception, vous pouvez obtenir de l'aide auprès des utilisateurs ou d'autres développeurs pour l'essayer tout en recueillant des commentaires. Pas seulement ce que l'on dit, mais ce qu'ils font. (exemple: les gens disent qu'ils n'aiment pas les îles encombrées chez Walmart, mais ils ont littéralement perdu plus de 1 milliard de dollars de ventes lorsque vous avez supprimé l'encombrement)


3
+1 pour le prototypage. Plutôt que de vous concentrer sur la "1 meilleure idée!", Générez-en un tas. Ensuite, montrez vos idées prototypes à un groupe de personnes. Vous obtiendrez beaucoup de commentaires et vous pourrez affiner votre conception.
Stephen Gross

[Walmart] a littéralement perdu plus d'un milliard de dollars de ventes en supprimant l'encombrement; citation?
funkybro



1

Je respecte toujours la règle de minimisation des clics et des frappes. Je ne suis pas très bon pour créer une interface utilisateur sexy, avec beaucoup de couleurs et de boutons dodus, mais les utilisateurs me disent que mes interfaces utilisateur sont un jeu d'enfant à utiliser. En voici un.

L'une des choses que j'ai découvertes est que les utilisateurs aiment la réponse instantanée . C'est comme Hollywood. Les gens aiment les pixels (de préférence des pixels colorés). Ils aiment vraiment les pixels qui bougent .

Dans une tentative de faire des interfaces utilisateur comme ça, et de simplifier l'effort de codage, il y a longtemps, j'ai trouvé un schéma que j'utilise encore à ce jour - exécution différentielle . (Je ne peux pas dire que j'ai eu beaucoup de chance de le faire connaître, mais il est là. Il a été publié, FWIW.)

Voilà donc mes deux cents.


Votre page wiki a été supprimée. Est-ce ailleurs?
Michael Riley - AKA Gunny

@Cape: Oui, je me suis fait couper les genoux - quelque chose à propos du néologisme . Peu importe. La balise SO «exécution différentielle» me fait exposer dessus, et j'ai mis une implémentation sur sourceforge. Il y a aussi les publications, dont la plus récente, je me ferai un plaisir de vous les envoyer, si vous avez besoin de glaçage. Peut-être plus au point pourrait être une application de vente aux enchères que j'ai faite il y a quelques années, que je pourrais vous proposer. C'est en VC6 (MFC) mais pas grand et fonctionne très bien.
Mike Dunlavey

@Cape: En fait, ma page utilisateur Wikipédia l' a toujours, mais à mon avis, ce n'est pas très bon.
Mike Dunlavey

Une chose à considérer à propos de la minimisation des clics et des frappes est le coût de chaque clic lors de la réflexion. Les gens préfèrent généralement faire plusieurs clics presque insensés que ceux qui prennent en considération. De toute évidence, moins de clics aveugles valent mieux que plusieurs clics insensés. Ce principe est discuté un peu dans Don't Make me think .
whatsisname

@whatsisname: Merci pour cet aperçu. J'essaie de faire le "chemin de moindre résistance" ce que les gens sont le plus susceptibles de vouloir. Mais je ne peux pas toujours le faire.
Mike Dunlavey

1

Je pense que la première étape consiste à déterminer un style / thème. Par exemple, le style Windows 8 Metro vs NT.

Quelques suggestions de ressources et d'inspiration (je mentionne WPF / Web mais vous n'avez pas besoin de l'utiliser bien sûr):

A - Si vous voulez commencer avec le prototypage, les styles de contrôle sont des styles et contrôles de contrôle Web sympas

B - Component Factory donne aux fenêtres des formes un bon lifting - Ils offrent même un produit gratuit à: Component Factory

C - Les fabricants de contrôle d'interface graphique tiers ont de belles démos

D - Essayez de rechercher le mot "livres" dans ce site: Expérience utilisateur - Vous obtiendrez de nombreux messages.

E- Cette application WPF: Application de soins de santé WPF

F - Cette application WPF: Billy Holis - WPF et la version finale sur: WPF - StaffLynx

G - Les outils de style Metro sont disponibles si vous le souhaitez. Vérifiez ceci: Metro Style

Plus important encore, comme vous le savez peut-être déjà, équilibrez l'effort et la valeur.

Éditer

DevXpress a publié une nouvelle version prenant en charge Metro Style, vient de voir le toady vidéo DevXpress-2


1
Le lien pour E - WPF-Health Care Application est rompu.
Michael Riley - AKA Gunny

@CapeCodGunny, merci pour la note, ça devrait aller maintenant :)
NoChance

0

Je ne peux pas recommander assez fortement le livre d'Edward Tufte The Visual Display of Quantitative Information . Vous fait vraiment réfléchir à ce que vous présentez et pourquoi. Tous ses livres sont bons, mais je me réfère le plus à celui-ci.

Un bon livre "UI Design Pattern" que j'ai trouvé est Designing Interfaces . Il contient des sections sur la conception de mises en page, la navigation, l'affichage d'informations complexes et la conception de formulaires d'entrée. Il existe un livre similaire sur la conception d'interfaces sociales (appelé, de manière appropriée, Designing Social Interfaces ), mais je ne l'ai pas lu, donc je n'en sais pas assez pour le recommander.


Quelle est l'une des choses les plus utiles que vous ayez découvertes dans le livre de Tufte? Comment cela a-t-il changé votre façon de penser?
Michael Riley - AKA Gunny

Pensez-vous honnêtement que c'est un bon livre pour un débutant de proposer une conception d'interface utilisateur simple? Je ne. C'est un livre précieux, mais c'est un peu comme suggérer qu'ils apprennent à ouvrir un restaurant quand tout ce qu'ils veulent, c'est faire un lot de cookies.
Bryan Oakley

@CapeCodGunny: Les choses qui me tiennent vraiment à cœur sont sa déconstruction des styles de présentation typiques, les réduisant à l'essentiel (ch. 6) et la section sur "l'intégrité graphique".
TMN

@BryanOakley: Il a dit qu'il avait d'abord conçu l'écran pour une résolution d'écran de 640x480, ce qui devait être il y a plusieurs années, donc je doute qu'il soit un débutant. Et il n'a donné aucune indication que l'interface utilisateur était simple (ou qu'elle ne l'était pas). Je racontais simplement quelques ressources qui m'ont aidé lorsque j'ai commencé à vraiment concevoir des interfaces utilisateur, au lieu de simplement coller un tas de zones de texte et d'étiquettes à l'écran.
TMN

@Bryan - Mon produit a 20 ans, est passé de DOS à Windows. Il se vend toujours mais est dépassé.
Michael Riley - AKA Gunny

0

Certains beaux livres ont déjà été recommandés. Le site Web UX Stack Exchange est plus bien équipé pour gérer des questions comme celle-ci, mais il n'est pas totalement hors sujet non plus.

Tout d'abord, mediaqueri.es est une excellente ressource pour votre problème spécifique car il s'agit d'une galerie de sites Web et d'applications Web qui sont conçus de manière réactive pour s'adapter à différentes résolutions d'écran et agents utilisateurs.

mediaqueri.es

Consultez également le magazine Smashing . C'est un blog qui est le paradis du développement frontal, avec des articles concernant UX / UI, HTML / CSS / Javascript, la conception graphique et la conception Web. Ils ont également des publications qui étudient des sites Web et des campagnes de marketing spécifiques et voient ce qu'ils ont fait de bien (et de mal) avec leurs décisions UI / UX. Consultez régulièrement ce site pour obtenir des conseils quotidiens sur ces sujets.

Ensuite, lorsque vous avez trouvé de l'inspiration, jetez un œil à certaines questions SO / SE que j'ai mises en vedette spécifiquement sur ce genre de sujet. Ce ne sont que des ressources générales pour tout le monde et pas seulement OP:

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.