Création de superbes conceptions d'interface utilisateur
J'ai généralement du mal à concevoir une bonne interface utilisateur pour mes applications/sites Web (en particulier les sites Web).
Y a-t-il des astuces à cela? Y a-t-il de bons livres qui peuvent m'aider/me guider? Ou des bibliothèques par exemple. NetAdvantage ou des créateurs de modèles qui peuvent vous aider?
Dans le cas du développement Web, existe-t-il un très bon outil de conception d'interface utilisateur comme Microsoft Expression Blend que je peux utiliser pour développer la mise en page?
Des trucs? Pas vraiment. Comme tout autre artisanat, cela nécessite également du temps, de la concentration et un travail acharné pour maîtriser les compétences de conception visuelle, d'interaction et d'expérience utilisateur requises pour livrer des produits supérieurs à la moyenne.
Cela dit, ce sont quelques bonnes lectures, la 1ère plus axée sur la théorie (doit lire l'amorce), la 2ème beaucoup plus pratique. Ensemble, ils vous donneront un bon départ!
• Les éléments de l'expérience utilisateur par Jesse James Garrett
• Smashing Book # 2
Bonne chance et amusez-vous bien!
L'astuce est l'analyse, les tests et l'expérience. La conception doit être avant tout informative et accessible et (ce qui est important) adaptée à l'objectif du produit. Avant de déployer une conception, des tests d'utilisabilité peuvent être effectués pour identifier les problèmes. Enfin, continuez d'essayer; faire de petites maquettes d'une seule page à la main ou en utilisant les outils que vous souhaitez essayer pour vous familiariser avec un bon flux de travail.
Je recommande fortement de faire des wireframes avant de commencer la mise en page visuelle et de coder le frontal. Faire des wireframes à la main n'est pas rare, mais comme pour les logiciels, tout outil capable de dessiner des formes géométriques de base devrait le faire.
Pour créer des sites Web, après avoir fait ce qui précède, j'aime personnellement coder à la main, peut-être en utilisant un passe-partout de cadre comme HTML5 Boilerplate .
Il n'y a vraiment aucun raccourci. Comme les autres l'ont mentionné, cela vient avec l'expérience. Une chose que j'ai commencé à faire est d'utiliser Evernote pour couper des sites Web qui m'attirent particulièrement. C'est devenu une bibliothèque de modèles à laquelle je peux me référer. J'ai aussi trouvé le Non-Designer's Design Book utile.
Si vous demandez des conseils pour couper certains coins, vous ne pouvez pas vraiment, à mon humble avis. Vous devrez examiner le spectre de conception complet.
Mais jetez un oeil ici, vous devriez le trouver utile je pense: http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/
En termes d'outils, filaire avec n'importe quel outil que vous préférez (je préfère l'illustrateur mais c'est parce que je l'ai déjà entre les doigts) mais commencez sur papier. Pour la conception réelle, je m'en tiendrai à Photoshop. Surtout la prochaine version CS6 va être excellente; il aura un style de texte large (pensez CSS) et une recherche/filtrage de calque.