Outil de conception d’interface utilisateur

Je recherche un outil de conception d’interface utilisateur permettant de visualiser une éventuelle interface graphique dans une documentation. Je ne dois pas générer de code. Je sais que Microsoft Visio fournit une fonctionnalité. Mais existe-t-il des alternatives?

Quel logiciel utilisez-vous pour visualiser une interface graphique?

PS Le Pencil Project est un autre outil bien connu.

Jetez un coup d’œil à Firefox Pencil Extension , un outil de base pour le prototypage graphique et les esquisses simples ….

Balsamiq est une solution simple et géniale: http://www.balsamiq.com/

J’aime aussi beaucoup Axure.

Je publie ici un résumé des recommandations basées sur mes 10 années d’expérience en tant que concepteur UX / architecte de l’information. L’article original peut être trouvé ici:

[Les meilleurs outils de prototypage sur le marché? Un examen de Axure, Justinmind et d’autres outils UX] ( http://www.humaneinterface.net/best-prototyping-tools/ )

Les interfaces devenant de plus en plus dynamics, les prototypes interactifs constituent le meilleur moyen de fournir une documentation approfondie, contextuelle et réactive. Si vous êtes un designer professionnel, je vous recommanderais d’utiliser Axure RP Pro ou Justinmind Prototyper pour les prototypes statiques basse fidélité et les prototypes interactifs plus sophistiqués. Les deux offrent des licences plutôt abordables.

Si vous n’êtes pas un concepteur professionnel et que vous recherchez un outil peu coûteux et permettant de créer des structures filaires statiques de temps en temps, je recommanderais Moqups comme outil de prototypage rapide. Je le préfère à Balsamiq . WireframeSketcher est également une alternative intéressante.

Si vous recherchez quelque chose de moins complexe que Axure / Justinmind mais plus puissant que Moqups / Balsamiq, vous pouvez également envisager Indigo Studio d’ Infragistics (qui peut importer des maquettes statiques de Balsamiq et les rendre interactives) et Protoshare. Les deux, et en particulier Indigo Studio, offrent des plans tarifaires qui ne sont pas si pratiques, et vu le nombre limité de fonctionnalités, je ne les recommanderais pas comme premier choix. Une troisième option est UXpin , qui possède l’interface la plus élégante, la plus propre et la plus conviviale que j’ai vue jusqu’à présent, dans tout le paysage des outils UX disponibles aujourd’hui.

Pour le prototypage mobile, vous pouvez utiliser Axure et Justinmind si vous souhaitez un contrôle total, le second semble être un meilleur choix au moment de la rédaction (même si je ne l’ai pas testé directement). Si vous recherchez un moyen simple de construire des prototypes peu complexes, vous pouvez envisager le Studio Indigo susmentionné ou le Proto.io, plus abordable.

Si votre client est une organisation pouvant se permettre une licence très onéreuse, vous pouvez également envisager iRise , une plate-forme de conception très complète pour les entresockets.

Si vous devez concevoir des diagrammes statiques pour représenter les parcours des utilisateurs, vous pouvez envisager des outils tels que Draw.io ou LucidChart , mais Axure fournit toujours des outils de création de diagrammes décents pouvant faire référence à des parties de votre prototype. Justinmind semble un peu limité. Microsoft Visio (faisant désormais partie d’Office 365 en tant qu’application Web et donc également disponible sur un Mac) est toujours utile si vous avez besoin d’un maximum de flexibilité et souhaitez dessiner des organigrammes très élégants.

Gardez un œil sur les composants de l’interface utilisateur de JQuery , même si vous n’allez pas incorporer de bibliothèques javascript dans votre prototype. Si vous aimez coder directement, mais que vous n’avez pas nécessairement besoin de réutiliser votre code, vous pouvez également envisager d’utiliser des frameworks CSS en combinaison avec des éditeurs WYSIWYG tels que Jetstrap.

Utilisez du papier pour jouer avec l’origami plutôt que le prototypage.

Vous voudrez peut-être consulter l’article de Joel, The Iceberg Secret, Revealed , ainsi que la discussion sur les articles .

Je ne sais pas si cela est pertinent pour votre tâche, mais depuis que je l’ai lue, je préfère définitivement utiliser les croquis à la main d’une interface utilisateur si je souhaite la présenter à un client. (Un ‘Projet Crayon’ dans le vrai sens du sens 😉

Si vous êtes sous Linux, vous pouvez essayer Glade .

Jetez un coup d’œil aux outils mentionnés dans les réponses à cette question:

Outils de prototypage pour les non-programmeurs – Expression?

Je recommanderais quand même les maquettes Balsamiq . Les maquettes d’interface graphique résultantes ressemblent à des croquis, ce qui en fait un excellent outil pour communiquer l’idée que ce n’est pas l’interface graphique finale, mais simplement une visualisation des concepts d’interface graphique.

Le “must not” semble étrange … si vous utilisez un concepteur IDE pour lancer des contrôles, mais n’utilisez pas le code, est-ce suffisant?

Ou utilisez ” blend ” – qui génère xaml, qui est simplement une mise en page – pas de code.

Justinmind prototyper peut travailler pour vous. Il vous donne un code HTML pour vérifier le fonctionnement d’une interface.