Apprenez à esquisser la conception de matériaux UX
Je suis ce qui est défini comme un développeur "full stack", avec très peu de sens de ce qui est "beau". Je veux me "réformer" et apprendre à "faire le saut": apprendre réellement les interfaces utilisateur (design, couleurs, etc.) et les maquettes. En ce moment je développe en utilisant Google Polymer (design matériel). Pour "mock up", en ce moment j'écris en fait du HTML/CSS, mais ce n'est pas idéal et ça prend du temps.
Des questions:
Quels outils puis-je utiliser pour simuler des interfaces utilisateur Material Design? Gimp/Inkscape est-il la voie à suivre?
Quelles ressources recommanderiez-vous pour apprendre réellement à concevoir des interfaces utilisateur, étant donné que je suis très peu de compétences en arts visuels (j'aurais besoin de les acquérir) et de mauvaises compétences en coordination des couleurs?
Comme vous, j'ai une formation en développement et peu d'expérience en conception. Néanmoins, j'ai décidé de créer mes propres applications mobiles par mes propres moyens, donc je me suis retrouvé à l'endroit exact comme vous il n'y a pas si longtemps.
Après quelques jours à essayer différentes alternatives pour les wireframes/maquettes, j'ai décidé d'utiliser Pencil avec les pochoirs Lollipop . Il contient la plupart des widgets dont j'ai besoin et est très facile à utiliser. La meilleure chose à ce sujet est qu'il est open source et gratuit. Si vous avez envie de dépenser de l'argent, il existe de nombreuses alternatives payantes qui sont censées être meilleures, mais elles ne valaient pas l'argent dans mon cas, donc je ne peux pas les conseiller.
L'utilisation de HTML/CSS pour se moquer, comme vous l'avez remarqué, est une mauvaise idée car elle est douloureusement lente. Utiliser Gimp/Photoshop/Paint est un peu mieux, mais c'est toujours pénible car ces outils ont été conçus pour la manipulation d'image générale plutôt que pour créer des maquettes. Essayez Pencil et si vous sentez toujours que vous en avez besoin de plus, essayez les alternatives payantes (elles offrent toutes des essais gratuits).
En ce qui concerne les ressources, celle que j'utilise toujours est Guide de conception des matériaux de Google . Il est facilement digestible, donc j'y reviens toujours chaque fois que j'ai besoin de prendre une décision sur la façon de concevoir quelque chose et jusqu'à présent, j'ai été très satisfait des résultats.
La conception matérielle est un excellent point de départ pour se lancer dans la conception d'interface utilisateur. Je viens d'un milieu similaire et j'ai évolué vers un rôle de développeur front-end, puis dans la conception d'interface utilisateur/UX après que ma passion pour la création de produits de haute qualité ait grandi.
Pour le wireframing, j'utilise des moqups pour une faible fidélité car il est très facile de rassembler les choses en quelques minutes. Ensuite, j'utilise Axure pour aller plus loin, car j'aime pouvoir construire un véritable exemple pour le flux d'application. Cela peut parfois être perdu pour un public non technologique.
Je n'utilise pas actuellement de Mac, mais le sketch est un très bon produit si vous en avez l'occasion.
Pour vous développer davantage en tant que designer, en utilisant la conception matérielle car elle se prête à l'étiquetage blanc, puis consultez des sites comme themeforest, vous obtiendrez beaucoup d'idées en consultant ces sites. Même juste pour se faire une opinion sur certains éléments.
J'espère que ces informations vous ont été utiles.