Outils utiles pour l'encadrement et le prototypage - Roundup
Le concept de mondialisation frappe le monde avec une créativité et une imagination incessantes parmi les gens, des plus jeunes aux plus âgés. À en juger par le fait que la créativité génère des opportunités dans le domaine du marketing, la wireframing et le prototypage figurent définitivement sur la liste. Ce sont des outils qui non seulement donnent à vos sites Web une apparence agréable et ordonnée, mais qui attirent.
Dans le prolongement de notre grand outil d’utilisation, nous aimerions présenter un certain nombre d’outils utiles de conception de structures filaires et de prototypage. Sur la base de ma propre expérience de conversation avec des personnes travaillant sur la conception d’expérience utilisateur, je sais qu’il n’ya pas un seul outil pour tout le monde. Nous aimerions donc aujourd’hui vous présenter certaines des meilleures options disponibles..
Wireframing et Prototyping: en quelques mots
Wireframing est un excellent moyen de vous aider à définir la disposition et la conception initiales de votre site (ou de vos clients). Cela signifie que vous pouvez proposer différents concepts sans avoir à investir énormément de temps ou d’argent dans chaque concept. Vous pouvez créer des wireframes basse fidélité (croquis, vraiment) et haute fidélité, les tester avec l'un des outils de convivialité que nous avons énumérés la dernière fois et déterminer le meilleur design pour vous.,
Prototypage signifie la création d’une version réelle et fonctionnelle d’un site Web à l’aide d’un outil de prototypage spécial. Il utilise la même structure de navigation et la même présentation que votre site final. Vous pouvez ainsi facilement observer comment les utilisateurs interagissent avec le nouveau design que vous avez créé. Utiliser des outils de prototypage est un moyen très rapide et facile d'obtenir un site en direct pour vous ou vos clients, et donne une bonne indication de ce à quoi le site final ressemblera..
Bon nombre de ces outils peuvent faire de l'encadrement et du prototypage, nous ne les avons donc pas séparés en différentes sections. N'hésitez pas à demander si vous ne savez pas qui fait quoi. Poursuivez votre lecture pour obtenir une liste d’outils vraiment utiles et assurez-vous de nous indiquer dans les commentaires s’il existe des outils intéressants que nous avons manqués..
20+ outils utiles
Omnigraffle
Cet outil est conçu uniquement pour Mac, mais si vous possédez un Mac, il est extrêmement facile à utiliser. Il a des tonnes d'excellentes ressources disponibles et est très joli aussi. (99,95 $ - 199,95 $)
Axure
Axure est l’un des outils de prototypage rapide les plus populaires et il est très apprécié. C'est un outil extrêmement puissant entouré d'une bonne communauté. Il fonctionne sous Windows et Mac. (589 $)
Oiseau moqueur
Mockingbird est une application Web soignée pour la création de structures filaires. Il vous permet d'ajouter facilement des liens entre vos documents afin que les utilisateurs puissent obtenir une expérience plus interactive. L'avantage, c'est que vous pouvez également collaborer avec d'autres utilisateurs. Comme il n'utilise pas le flash, vous pouvez même l'utiliser sur votre iPhone ou votre iPad. (Gratuit - 85 $ / mois)
Maquettes de Balsamiq
Balsamiq Mockups est une application Adobe Air et fonctionne donc sur Mac, Windows et Linux. C'est une application avec beaucoup de fonctionnalités et une forte communauté autour d'elle. Eh bien, ça vaut le coup d'oeil. (79 $)
HotGloo
Hotgloo est une autre application Web filaire conçue pour la collaboration en ligne. Il propose toute une gamme d’outils permettant de créer différents types de sites Web. Je ne peux pas nier, c'est joli aussi. (Gratuit - 48 $ / mois)
De façon créative
Creately possède à la fois une version pour les applications Web et de bureau, ainsi qu'une intégration avec les applications Google. Il vous permet de glisser-déposer de l'interface afin de pouvoir configurer rapidement les conceptions de votre choix et les fonctionnalités de collaboration selon les applications.. (Gratuit - 75 $)
FlairBuilder
FlairBuilder est une autre application Adobe Air que vous pouvez exécuter sur n’importe quelle plate-forme. Il fait à la fois des encadrements de fils et des prototypes, et dispose même d'un module pour faire vos applications iPhone. Chouette. (99 $)
Mockflow
Mockflow a une édition Web et une édition de bureau. Il possède son propre magasin, ce qui vous permet d’obtenir un certain nombre de modèles et de boutons supplémentaires à ajouter à ceux fournis avec l’application.. (Gratuit - 69 $ / an)
WireframeSketcher
WireframeSketcher est une application de bureau qui vous permet de "dessiner" des structures filaires et de construire des prototypes interactifs. Il dispose d'une grande bibliothèque de commandes d'interface utilisateur à votre disposition pour vous permettre de construire différents modèles assez rapidement.. (75 $)
Justinmind
Justinmind est un outil de prototypage rapide avec les versions Mac et Windows. Une fois que vous avez créé vos conceptions, vous pouvez les exporter au format HTML pour les tester ou les partager avec qui vous voulez.. (495 $)
Origramy
Pas à l'origine envisagé comme un outil de wireframing, mais certainement une bonne alternative gratuite pour les moments où vous avez besoin de casser une grille rapide. (Libre)
Wirify
Personnellement, Wirify est un de mes favoris. C'est un bookmarklet qui vous permet de générer des structures filaires de tous les sites sur lesquels vous vous trouvez. La version gratuite vous permet de les visualiser en ligne (et vous pouvez toujours capturer des captures d'écran), ou si vous achetez des crédits, vous pouvez ensuite exporter les images filaires au format Omnigraffle, Balsamiq, SVG ou Visio. C'est vraiment cool outil! (Gratuit ou Pro - le prix varie)
Simulifier
Simulify a une édition Web et une édition de bureau (une application Adobe Air). Il dispose de fonctionnalités de collaboration et vous permet de partager vos conceptions en ligne avec qui vous voulez.. (Gratuit - 99 $ / mois sur le Web, 80 $ sur le bureau)
JustProto
JustProto, comme son nom l'indique, est un outil de prototypage rapide. Il comprend une bibliothèque d’éléments utiles que vous pouvez intégrer à n’importe quelle conception, des options de collaboration et un aperçu en direct afin que vos clients puissent vous voir travailler en temps réel.. (Gratuit - 99 $ / mois)
Napkee
Napkee fonctionne avec Balsamiq Mockups pour vous permettre d'exporter vos conceptions plus rapidement au format HTML ou Flex. Si vous êtes un fan de Balsamiq, c'est vraiment un outil extrêmement utile. (49 $ - 79 $)
ForeUI
ForeUI vous permet d’assembler rapidement des maquettes et de les transformer en simulations réelles que vous pouvez publier sur le Web. C'est un moyen rapide et facile pour vous ou vos utilisateurs de se faire une idée de ce à quoi pourrait ressembler votre site actif.. (99 $ +)
Diagramme de saut
Jumpchart est une très jolie application qui vous permet non seulement de rassembler des structures filaires et des prototypes, mais également de les exporter au format HTML. Si vous payez pour l'un des plans les plus élevés, elle prend également en charge l'exportation WordPress.. (Gratuit - 50 $ / mois)
Protoshare
Protoshare vous permet de collaborer avec les clients, de créer des prototypes interactifs plus rapidement et d’avoir une belle interface glisser-déposer. Quelques grands noms de clients aussi, si c'est ce que vous voulez. (29 $ - 179 $ / mois)
iPhoneMockup
Ceci est un outil gratuit et très simple pour créer un fil de fer rapide pour iPhone. Si vous avez une idée de ce sur quoi vous aimeriez travailler ou de quelque chose que vous aimeriez imaginer, cet outil est pour vous. L'essayer! (Libre)
Lumzy
Bien que Lumzy ne semble pas avoir été mis à jour depuis un moment, il vaut la peine de le mentionner comme alternative gratuite. Il vous permet de créer des maquettes, de créer des prototypes et offre différentes fonctionnalités de collaboration.. (Libre)
Pidoco
Pidoco vous permet de créer des structures filaires, des prototypes, de collaborer avec les clients et même de disposer de fonctionnalités de test de convivialité de base intégrées. (9 $ - 99 $ / mois)
Et maintenant?
J'espère que vous vous sentirez inspiré après avoir lu cet article et que vous avez une idée de la façon dont le wireframing et le prototypage peuvent vous aider. Une fois que vous avez créé vos conceptions, vous pouvez ensuite les tester et les utiliser avec tous les outils d’utilisation que nous avons présentés..
Si vous souhaitez un peu plus d’informations sur le wireframing et le prototypage, nous avons inclus quelques liens utiles ci-dessous..
- Un guide de wireframing (papermashup.com)
- Site filaire (Wikipédia)
- Comment développer un prototype efficace (newfangled.com)
Avez-vous d'autres applications que vous recommanderiez? Quel est ton outil préféré? Assurez-vous de nous le faire savoir dans les commentaires ci-dessous.
