Fonctionnement des wireframes pour la conception UX / UI et le développement frontal
J'ai créé ce wireframe/sketch pour qu'un réalisateur d'interface utilisateur le donne vie, mais j'ai quelques questions sur le wireframe et le système de grille:
Lien: http://postimg.org/image/npt5zlvu7
1) Serais-je en mesure d'approcher un concepteur d'interface utilisateur avec le filaire/croquis ci-dessus?
2) Lors de la conception de l'interface utilisateur (toucher et aspect), devons-nous prêter attention au système de grille fluide ou est-il pertinent uniquement pendant le développement?
3) Serait-il plus cohérent si mon concepteur d'interface utilisateur est également le développeur frontal ou pas nécessairement?
4) Quelles sont les préoccupations que je devrais avoir entre le filaire -> la conception de l'interface utilisateur -> le développement frontal?
Je ne vois aucune raison pour laquelle vous ne pouviez pas approcher un concepteur d'interface utilisateur avec les wireframes liés. Cependant, je voudrais inclure une idée de ce qu'est le concept de produit lors de la présentation de vos idées. Je vois que vous avez beaucoup d'interactions fragmentaires (en-tête comme pinterest, mise en page comme la révision 3, etc.), vous devez donc vous assurer que vos pièces servent votre utilisateur à atteindre l'objectif de votre produit.
Si vous concevez un site réactif, vous devez absolument faire attention à la façon dont le site et les interactions vont changer lorsque vous dimensionnez la fenêtre du navigateur. Sachez quelles plateformes vous essayez de prendre en charge. Est-ce que cette interface que vous avez conçue va bien paraître et être utilisable sur un iPhone? Et une tablette? Cela aide à concevoir en tenant compte de vos plates-formes cibles afin que vous sachiez comment la disposition va changer et à quels points d'arrêt ces changements se produiront.
Je pense que vous pouvez aller dans les deux sens. Si vous pouvez trouver un concepteur d'interface utilisateur qui est également extrêmement bon en développement frontal, alors vous êtes prêt - mais les choses prendront plus de temps car vous avez 1 ressource travaillant à la fois sur la conception et le développement. Associer un concepteur à un développeur est un peu plus typique, mais le fait de communiquer et de résoudre les problèmes entre la conception et la façon dont elle est mise en œuvre est essentiel pour développer un bon produit. Concevoir, développer, tester, répéter.
Il y a une multitude de préoccupations dans le processus de création d'un produit, et trop nombreuses pour les énumérer ici. Quelques points à surveiller:
Dessinez l'enfer de vos wireframes. Si vous le pouvez, testez-les avec des utilisateurs potentiels pour voir s'ils comprennent l'interface et si la disposition, les menus, les différentes sections sont clairs et accessibles à un utilisateur avant de plonger dans UI Design. Si vous perdez beaucoup de temps à mettre du vernis sur un filaire qui était mal au début, vous perdez simplement du temps. Quelque chose peut sembler beau et toujours nul s'il n'a pas été bien conçu dès le départ.
Votre concepteur doit travailler avec le développeur tout au long du processus de conception pour vérifier que leurs conceptions sont techniquement réalisables.
Assurez-vous que votre développeur utilise la bonne technologie pour le travail.
Protégez les interfaces pour vous assurer qu'elles fonctionnent comme vous le souhaitez avant de les câbler. Prototyper rapidement votre interface et vos interactions et les tester peut prendre moins de temps que de développer un produit complet pour découvrir que votre conception et vos interactions sont nulles et que vous devez recommencer.
J'espère que cela vous aidera.