web-dev-qa-db-fra.com

Une interface informelle facilite-t-elle une tâche comme le wireframing? UX de Balsamiq vs Sketch

Ok, cette question vient à l'esprit après avoir utilisé plusieurs outils de prototypage. Examinons deux - Balsamiq et Sketch pour cette discussion. Y a-t-il un accord pour dire que la conception/approche décontractée (sommaire?) D'un outil comme Balsamiq facilite une tâche comme Wireframing, par rapport à la même tâche dans Sketch, qui est plus raffiné? L'interface de Sketch, bien que très conviviale, vous submerge parfois, et un filaire sommaire tend à devenir plus fin. Se mettre d'accord?

  • Alors, est-il préférable de se concentrer sur une seule tâche, puis d'envelopper tout le produit autour de cela?
4
Amit Jain

L'interface de balsamiq a deux fonctions principales:

1 - Empêchez-vous de jouer

Vous ne passerez pas de temps à faire des choses inutiles. S'il n'y a pas d'option pour la couleur ou les coins arrondis, vous ne vous inquiétez pas de la nuance ou du rayon à utiliser.


2 - Communiquez qu'il s'agit d'un croquis.

enter image description here

Parmi ces maquettes de menu, qui est plus susceptible de recevoir des commentaires sur le fait que le M n'est pas la bonne police pour le logo? Celui du haut montre très clairement qu'il ne s'agit pas d'une maquette stylistique mais fonctionnelle. Ainsi, tous les commentaires du client concerneraient le positionnement.


L'utilisation d'un style évidemment sommaire garde toutes les parties impliquées plus concentrées sur la mise en page et les interactions plutôt que sur le style et les détails.

Bien sûr, cela a le compromis de se retrouver potentiellement avec des problèmes sur toute la ligne. Par exemple, j'ai utilisé du jaune sur du rouge pour le logo, mais l'inverse pour les boutons. Le croquis en noir et blanc ne montre aucune différence, donc vous n'obtiendrez pas de commentaires à ce sujet si vous utilisez du balsamiq.

En fin de compte, les deux itinéraires sont des options valides et cela dépend des circonstances. Si vous travaillez spécifiquement sur le wireframing pour des sites ou des interactions complexes, vous voudrez peut-être travailler avec balsamiq. Cependant, s'il s'agit d'un projet plus petit et d'un seul développeur/équipe, vous souhaiterez peut-être intégrer les étapes d'esquisse, d'interaction et de première maquette visuelle en utilisant quelque chose comme Photoshop ou Sketch.

7
PixelSnader

Je pense que l'objectif du prototypage est d'obtenir des retours sur les conceptions le plus rapidement possible. S'il faut autant de temps pour produire un prototype dans un outil que pour le coder, l'outil de prototypage a échoué.

Le public principal de Balsamiq est le prototypage basse fidélité avec des liaisons de base pour montrer le flux des écrans. Lorsque vous montrez cela aux utilisateurs pour obtenir des commentaires, vous devez modérer les scènes, mais au moins ils ne seront pas confus qu'il s'agit d'une véritable application ou d'un site Web fonctionnel.

La plupart des prototypes que j'ai vus produits avec Sketch sont de moyenne à haute fidélité. La production et l'itération peuvent prendre un certain temps en fonction de la granulométrie que vous souhaitez obtenir. Étant donné que les écrans sont proches de la réalité, vous devrez modérer les scènes très soigneusement tout en recueillant les commentaires des utilisateurs. Ils peuvent devenir confus lorsqu'ils essaient de cliquer sur des régions de l'écran qui ne sont pas connectées à d'autres écrans.

3
thomasyung