De la conception de l'écran au produit final: Comment se passe votre flux de travail?

Question

Nous démarrons actuellement un plus grand projet. Quelles sont vos suggestions pour les meilleures pratiques de workflow?

Nous prévoyons de reconstruire à partir de zéro (le produit existant est dépassé depuis des années, en ce qui concerne la conception visuelle et interne et la programmation). Alors que les fonctions du produit (un projet Web basé sur Rails) sont déjà définies, la question est: quel est votre flux de travail à partir de maintenant? La partie la plus intéressante est: Comment et quand faites-vous votre conception d'écran?

Nous prévoyons de le faire dans l'ordre suivant:

1. « Crayon et papier » conception de l'écran: Il suffit de Layout ce que les écrans doivent ressembler à et visualiser les fonctions et les visiteurs Pathes
2. main la mises en page du point 1 pour les concepteurs, leur parler, et les laisser travailler en parallèle à la programmation sur les conceptions
3. Première mise en œuvre, mise en page HTML simple sans couleur basée sur le point 1 (tests automatisés, fonctionnalité, BDD, TDD
4. Intégrer le design s avec le prototype du produit
5. travailler sur les bords rugueux avec l'équipe de designer pour finaliser le produit
6. La version d'un produit bêta pour le client pour tester

Avez-vous des flux de travail similaires? Y a-t-il des suggestions d'améliorations? Mais le plus important pour moi: comment exactement faites-vous le point 1?

Bien que ce ne soit pas exactement lié à la programmation, je pense toujours que cela devrait appartenir à StackOverflow, car c'est important pour tous ceux qui font de plus gros projets. Par le passé, nous savons qu'un bon design d'écran est toujours un point critique et difficile si vous essayez de le faire en cours de programmation, et encore plus difficile à déployer après la création de l'application prototype.

Mise à jour: J'ai trouvé Balsamiq Mockups être un outil très utile pour faire les maquettes. Il y a toujours une question ouverte sur la meilleure façon de visualiser les chemins des visiteurs.

Mise à jour: Nous avons réussi à utiliser Balsamiq Mockups pour créer un design agréable pour le client et nous avons réussi à l'intégrer avec succès dans le contenu Web existant. Le client est tellement à l'aise avec les nouvelles idées qu'il prévoit de repenser le site Web complet.

Answer 1

J'aime votre flux de travail. Cela devrait conduire à un résultat décent.

Quelques idées ici:

1. Laissez les concepteurs connaître et comprendre votre modèle de présentation. Quelles sont les pages, quels éléments d'information et de contrôle auront-ils, quel est le rôle de chacun d'eux, quel est le but de la page et quel message devrait-elle communiquer à l'utilisateur? Si vous laissez les concepteurs travailler seuls, ils vont concevoir quelque chose pour refléter leur vision du projet et non votre conception. Vous finirez par tout refaire ou essayer d'adapter une partie à l'autre.

2. Les utilisateurs ne verront et ne comprendront que la conception. Ils ne savent rien de la mise en œuvre. S'ils voient un bouton, ils penseront que la fonctionnalité est là.Si vous envisagez de faire preuve d'agilité tout en coopérant avec les utilisateurs pendant le développement, masquez les éléments qui ne sont pas encore implémentés. Nourrissez-les résultats une étape à la fois.

3. Si vous pouvez avoir des utilisateurs à proximité faire la conception d'écran avec eux en itérations. Il n'y a pas encore beaucoup de travail pour les concepteurs, quand vous décidez essentiellement de la mise en page. Tous ces effets colorés et boutons polis devraient être faits après que la disposition soit stable. Sinon, ce sera une perte du travail des concepteurs.

Answer 2

J'aime vraiment le modèle de programmation extrême. En ce qui concerne les nouveaux produits, les exigences des utilisateurs peuvent rapidement changer au fil du temps et c'est une méthode éprouvée qui maintient la conception à jour.

1. Demandez aux utilisateurs d'écrire les fonctions qu'ils souhaitent pour l'application. Et les concepteurs d'accord sur une disposition générale.
2. Rédigez un fil de fer général que vous et l'utilisateur êtes d'accord, j'aime le faire dans un tirage intelligent ou une sorte de plateforme de développement rapide. (pas de fonctionnalité à ce stade).
3. Ecrivez le code de l'interface utilisateur graphique en vous basant sur les diagrammes de séquence et d'écriture et les diagrammes de classes.
4. Sur la base de ces début de la conception à remplir la fonctionnalité derrière l'interface graphique
5. bêtas de sortie tout au long du processus d'ajout de fonctionnalités pour sélectionner les utilisateurs qui peuvent aider à orienter le développement futur

L'avantage de cette conception est que, À tout moment, vous pouvez retravailler l'interface graphique et incorporer de nouvelles fonctionnalités. L'idée est d'avoir un plan général au début qui peut être adapté en fonction des besoins des utilisateurs.