J'ai tendance à définir une maquette comme une analyse fonctionnelle imaginée en enroulant une couche visuelle autour d'elle afin que tout le monde puisse comprendre la logique et la structure présentées dans la proposition.
Pour nous (UX, IxD, concepteurs, développeurs, professionnels de l'industrie ...), c'est un document clair et compréhensible qui façonne les fondements du flux, il est donc important que le client le comprenne (et l'approuve). C'est là que j'ai tendance à rencontrer des "problèmes". Certains clients (certainement pas tous!) Interprètent les maquettes comme une proposition de conception et au lieu d'approuver les fonctionnalités, ils commentent souvent le placement, la conception et même le texte factice ... oui, ils le font.
Chaque fois que nous le pouvons, nous créons également un design provisoire (à l'appui de la maquette), mais dans la plupart des cas, le manque de rétroaction (et de temps) ne permet pas la création d'un équivalent graphique.
Comment évitez-vous ce problème?
J'utilise une technique que j'appelle " MVW " M inimum V iable W ireframes: Mettez le moins d'effort dans le filaire qui transmet la conception et le but de c'est le public visé.
Si un croquis de serviette fait passer le message, tant mieux.
Si c'est un croquis de tableau blanc que vous et le développeur faites ensemble et prenez une photo, allez-y. (Mon préféré)
Ces deux travaux pour les échanges internes
Il existe des besoins précis de maquettes plus étoffées. Dans ce cas, je les atténue toujours. Expliquer leur nature conceptuelle ne fonctionne jamais.
J'utilise du balsamique car la nature sommaire aide les gens à comprendre intuitivement leur but. De plus, il est facile à utiliser. Vous pouvez changer la police et l'enveloppe du fil pour qu'elles soient basées sur la ligne et la police système. Le look plus haute fidélité.
Lorsque je mets à jour une fonctionnalité existante, je travaille parfois dans Photoshop avec des captures d'écran. Cela produit des maquettes haute fidélité qui me brûlent régulièrement! Les gens s'enlisent dans la conception par rapport au concept. Ou pire, les traduire à l'identique quand je voulais seulement transmettre une idée.
En fin de compte, nous nous efforçons de produire des applications attrayantes, et non des structures filaires et des conceptions. Je pense que passer trop de temps sur eux nous distrait des nombreux autres aspects du travail d'un designer UX qui sont si importants.
Cela peut sembler drôle mais je ne plaisante pas ...
Faites des maquettes d'apparence moelleuse.
Trouvez un logiciel de conception qui vous permet de rendre vos idées sous forme de dessins au crayon d'imitation, de préférence avec des crayons multicolores disponibles. Utilisez ce logiciel pour rendre tous les éléments de l'interface utilisateur et le texte factice en gris pâle, afin qu'ils soient clairement inférieurs au Clean Bold Dark Type que vous utilisez pour décrire la fonctionnalité et illustrer le flux d'écran.
Essentiellement, utilisez vos compétences en conception sur la maquette elle-même, pour concentrer l'attention de votre client là où vous le souhaitez. Ne perdez pas beaucoup de temps à rendre vos maquettes belles ... mais investissez un peu de temps dans vos maquettes (et dans tout ce que vous produisez) pour les rendre ciblées et utiles.
Je suis d'accord avec Henry et je peux suggérer une de ces applications qui font des wireframes à l'aspect grossier: Balsamiq. Il crée une maquette de style croquis qui, si nécessaire, peut être reproduite sous forme de filaire fini.
Je ne l'utilise pas (j'utilise OmniGraffle) mais j'ai envisagé de basculer car les clients voient parfois le WF comme conception définitive).
Voici le lien: https://balsamiq.com
Note de Mike Side: J'ai dû ajouter une réponse au lieu de commenter car je n'ai pas assez de crédibilité.
En un mot, les wireframes sont comme des chaussures de bébé. Ne leur faites pas trop de frais, car ils seront issus de vous avant de le savoir.
Ce que je fais, c'est décrire chaque élément par lui-même et inclure la maquette de cette partie particulière. Ainsi, la section peut être nommée "éléments de la page d'accueil", puis une partie serait: carrousel d'introduction ... puis une capture d'écran de cet élément seul est ajoutée. Abstenez-vous d'ajouter des couleurs, utilisez le lorem ipsums et utilisez des boîtes câblées au lieu de celles ombrées, cela donne la sensation d'un plan.
À la fin de la journée, vous obtiendrez les mauvais commentaires. Vous pouvez faire deux choses: tout d'abord, guidez vos clients sur le type de feedback que vous recherchez, comme dire: les positions et les tailles des éléments ne sont pas encore décidées. Ensuite, canalisez leurs commentaires, mettez ceux qui ne comptent pas pour les étapes ultérieures, puis déclarez clairement que leurs notes seront prises en compte dans l'étape suivante. Si vous videz complètement leurs commentaires non pertinents, ils ne le remarqueront pas parce que nous savons tous que la deuxième phase serait différente de 180 degrés.