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?
gui
user-interface
delphi
user-experience
desktop-application
Michael Riley - AKA Gunny
la source
la source
Réponses:
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.
la source
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)
la source
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.
la source
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
la source
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.
la source
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.
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:
la source