Du zoning au mockup, itinĂ©raire d'une maquette web - commentaires Du zoning au mockup, itinéraire d'une maquette web 2015-02-25T20:51:51Z http://romy.tetue.net/zoning-mockup-maquette-web#forum6887 2015-02-25T20:51:51Z <p>Interessant, moi j'utilise avec mes clients :<br class="manualbr" />- à la place de « zoning », je parle de « premier jet »<br class="manualbr" />- à la place de « wireframe », je parle de « mockup », car wireframe est aussi inclut dans la definition de (<a href="http://en.wikipedia.org/wiki/Mockup" class="external external auto" rel="nofollow external">http://en.wikipedia.org/wiki/Mockup</a>)<br class="manualbr" />- à la place de « prototype », je parle de « MVP »<br class="manualbr" />- à la place de « mockup », je parle de « Maquette graphique »<br class="manualbr" />- à la place de « moodboard » et « style tiles », je parle seulement de « source d'inspiration ».</p> <p>Et j'exécute, jamais en parallèle, toujours suivant l'ordre suivant (selon votre terminologie) : moodboard > zoning > wireframe > style tiles > mockup > prototype. Le wireframe est clef pour la réussite du projet, le reste c'est du gâteau.</p> Du zoning au mockup, itinéraire d'une maquette web 2014-11-20T08:00:28Z http://romy.tetue.net/zoning-mockup-maquette-web#forum6155 2014-11-20T08:00:28Z <p>Tout est dit clairement et simplement. Merci de nous avoir partager cela car cela m'a beaucoup aidé à enrichir mes vocabulaires.</p> Du zoning au mockup, itinéraire d'une maquette web 2014-10-19T19:03:30Z http://romy.tetue.net/zoning-mockup-maquette-web#forum6103 2014-10-19T19:03:30Z <p>@biou : oups, je n'avais pas vu ton message ! Mais oui, tu as raison, le process ci-dessus décrit pourrait être complété d'étapes préalables définissant l'architecture de l'information du site (card sorting, arbo, etc.) mais aussi d'étapes parallèles de développement.</p> <p>Tu as d'ailleurs complété ce schéma de façon très intéressante lors de ton intervention à Paris Web 2014 : <a href="http://www.paris-web.fr/2014/conferences/le-futur-de-lindustrialisation-du-web-lingenierie-dirigee-par-les-modeles.php" class="external" rel="external">Le futur de l'industrialisation du web : l'ingénierie dirigée par les modèles</a>, merci !</p> Du zoning au mockup, itinéraire d'une maquette web 2014-07-30T07:24:38Z http://romy.tetue.net/zoning-mockup-maquette-web#forum6029 2014-07-30T07:24:38Z <p>Merci pour l'article, je trouve l'idée d'aligner les livrables de structure d'interface et de design graphique intéressante.</p> <p>Juste une petite question en passant, est-ce que le schéma de navigation (dans une logique d'<a href="http://www.ergolab.net/articles/architecture-information.php" class="external" rel="external">architecture de l'information telle que décrite chez ergolab</a>) ne devrait pas aussi faire partie de ce process ? ou a minima des livrables que tu listes ici ?<br class="manualbr" />De même dans certains cas (appli web, intranet), on pourrait avoir besoin de lister les différents personas et les liens entre les personas et les fonctionnalités (droits d'accès).</p> <p>Qu'en penses-tu ?</p> Du zoning au mockup, itinéraire d'une maquette web 2014-07-08T09:56:03Z http://romy.tetue.net/zoning-mockup-maquette-web#forum6005 2014-07-08T09:56:03Z <p>L'article parfait pour pouvoir faire un appel d'offre WEB.<br class="manualbr" />Merci Romy.</p> Du zoning au mockup, itinéraire d'une maquette web 2014-05-24T18:32:50Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5954 2014-05-24T18:32:50Z <p>Encore une fois, les explications sont claires et bien documentées ! <br class="manualbr" />Bravo Romy :)</p> Du zoning au mockup, itinéraire d'une maquette web 2014-03-15T10:27:00Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5804 2014-03-15T10:27:00Z <p>Bonjour, je viens de tomber sur votre article, très clair. Je suis juste un peu perdu sur la définition que vous faites du mockup, pour vous c'est une maquette graphique. Beaucoup d'articles sur le web en donnent une autres définition notamment un article d'alascréations : <br class="manualbr" /><a href="http://www.alsacreations.com/article/lire/1183-mockup-rough-maquette-zoning.html" class="external external auto" rel="nofollow external">http://www.alsacreations.com/article/lire/1183-mockup-rough-maquette-zoning.html</a><br class="manualbr" />Parlant moi-même de mockup en agence web, j'aimerai être certain de sa définition<br class="manualbr" />Merci :)</p> Du zoning au mockup, itinéraire d'une maquette web 2014-02-13T09:33:14Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5714 2014-02-13T09:33:14Z <p>Hello Romy,<br class="manualbr" />Enfin une explication claire, comme j'en cherchais depuis longtemps, qui permet d'aborder la question du design avant fabrication de manière plus sereine, tant avec les commanditaires qu'avec les prestataires. Merci ;-)</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-16T08:38:52Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5308 2013-07-16T08:38:52Z <p>@Aurélie : Sans doute disposez-vous de meilleures ressources sur le sujet ? N'hésitez pas à nous les partager, cela complétera mes recherches, dont cette présentation fait la synthèse (avec moultes liens vers celles-ci). Les 50 réponses (aujourd'hui 80) de professionnels au sondage ne sont pas négligeables. Quelle meilleure source statistique connaissez-vous ?</p> <p>Quand au vocabulaire… Le HTML est un langage incontournable du développement web, en particulier front, et produire un site consiste, entre autres, à le développer — à ne pas confondre avec la phase d'exploitation inaugurée par sa mise en ligne. Oui, le vocabulaire que nous utilisons dans nos métiers souffre d'imprécision car utilisé différemment selon les équipes. Je ne traitais ici que du vocabulaire de la conception.</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-15T11:59:36Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5296 2013-07-15T11:59:36Z <p>Bonjour,</p> <p>j'avais gardé votre site dans mes favoris, mais lorsque je vois cet article, je suis assez déçue. Déçue car vous annoncez « vous n'êtes que x% à faire ceci » alors que la population de ce sondage n'est que de 50 personnes... Et il y a des incohérences, vous parlez de l'importance du vocabulaire pour se faire comprendre, mais vous dites que production et développement sont la même chose (vers la 11e minute) et vous mélangez développement et HTML...<br class="manualbr" />Déçue aussi car cette vidéo présente une conférence de la kiwiparty, et j'ai l'impression d'avoir assisté à un cours... Je suis désolée si mon commentaire n'est pas productif, mais je trouve qu'un sondage doit se baser sur un nombre de personne plus important, surtout qu'il y a moyen de trouver des sondés dans ce domaine...</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-05T15:33:07Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5288 2013-07-05T15:33:07Z <p>Super article !<br class="manualbr" />J'aurais bien aimé pouvoir, en plus, zoomer sur les images.</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-02T13:57:24Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5280 2013-07-02T13:57:24Z <p>Merci pour la retranscription ! J'ai pas encore fait le CR de ta conf mais j'aurai pas grand chose à faire, pratiquement qu'à renvoyer vers cette page. :-p<br class="manualbr" />J'y reviendrai plus en détail dans mon CR mais je te félicite déjà ici, j'ai adoré ta présentation !</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-01T17:30:37Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5278 2013-07-01T17:30:37Z <p>+1 pour cet article :) Note : nous utilisons également Balsamiq pour « wireframer » + prototyper et tenter des premiers tests utilisateurs !</p> Du zoning au mockup, itinéraire d'une maquette web 2013-07-01T16:01:01Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5277 2013-07-01T16:01:01Z <p>Merci Romy pour cet excellent article. Il va me permettre de mieux faire comprendre les nuances à l'interne :-)</p> Du zoning au mockup, itinéraire d'une maquette web 2013-06-29T07:43:42Z http://romy.tetue.net/zoning-mockup-maquette-web#forum5273 2013-06-29T07:43:42Z <p>Yeaaah encore un article synthétique, court mais de bon goût, qui résume l'état actuel (2013) de manière efficace. Merci !</p>