web-dev-qa-db-fra.com

Comment créer des maquettes réalistes?

J'ai besoin de créer une maquette réaliste pour une application. Existe-t-il des outils de maquette pour créer des maquettes qui ressemblent à une application finale?

(De préférence pour Mac OS Cocoa Apps, sur n'importe quel OS: Linux, Windows ou Mac)

Sinon, où pourrais-je trouver des PSD pour créer de telles maquettes avec Photoshop?

3
Calixte

Je dépend de ce que vous moquez (mobile contre pc). Je trouve les Webalys PSD assez utiles, et ils ont l'avantage supplémentaire d'être gratuits.

Axure est une autre recommandation courante.

Si vous créez des maquettes réalistes, pourquoi ne pas simplement utiliser de bons vieux HTML, CSS et JS? Les maquettes sont utiles comme outil grossier pour comprendre l'interaction, et pour cela des niveaux de détail élevés sont souvent une distraction. Pensez à garder vos maquettes à faible fidélité, puis à passer directement des maquettes au produit réel.

4
JohnGB

Si vous souhaitez produire un prototype sans code très rapide et interactif, vous pouvez essayer Flowella, entièrement gratuit et fabriqué par Nokia. Il est disponible ici

et tout ce que vous faites est de définir une taille d'écran, de charger des fichiers PNG de tous vos écrans, puis de créer des points de contact autour des boutons et de les faire glisser pour les lier à leurs destinations. La sortie finale est un film flash interactif qui peut être utilisé dans un navigateur ou chargé sur un téléphone mobile pour les tests.

C'est super et ça vaut le coup d'oeil.

4
Robert Grant

Papier, crayon.

J'appuie Jensgram et JohnGB. Méfiez-vous TRÈS des démos "réalistes". Ils font des choses et se sentent comme quelque chose de réel, mais inévitablement, ils ne le sont pas. Les interactions sont conçues pour la démo et le logiciel de démonstration, plutôt que pour la vraie application, et les exigences réelles du code de production.

Si la démo est simplement un jetable, alors c'est moins un problème, mais s'il s'agit d'une sorte de `` document '' officiel ou d'un jalon signé, je vous suggère de vous pencher sur l'adoption de processus de développement Agile et de laisser l'application réelle , lui-même, fait office de démo.

4
DA01

Je recommanderais vraiment vraiment vraiment Balsamiq Mockups . Vous pouvez créer des mises en page très utiles et même jouer avec de petites quantités d'interactivité, toujours avec un aspect filaire.

enter image description here

Mockups est une application Adobe Air et fonctionne donc sur Windows, OSX et (pour l'instant au moins) Linux. Je l'utilise principalement sur Linux et j'ai été très impressionné.

0
Ian Norton