http://www.experience-transmedia.com/wp-content/uploads/2013/06/anim-bando.gif
transmedia-wireframe

Wireframe et mockup

on novembre 6 | by |

Aujourd’hui je vais parler de Wireframe.cc, un site bien sympa et très simple donc très rapide pour faire des wireframes de vos projets… Mais avant tout,

Wireframe ou mockup ? Qu’est-ce que c’est ?

Mockup

Le mockup est surtout utilisé par les webdesigner, il s’agit d’une maquette en croquis d’un site internet, d’un ergonomie d’application… Une « maquette en fil de fer ». Mais c’est devenu surtout une manière de présenter une maquette de projet à des clients de manière plus propre et claire que des gribouillis et autres annotations que seul vous comprenez !

 

wireframecc_transmedia

Les application , apps et plateforme  de mockup

Bon bien sûr, c’est des outils pour aller plus vite (et ne pas redessiner 30 fois un modèle de smartphone par exemple.), et des logiciels existent déjà depuis longtemps :

wireframecc_transmedia

Mais avec l’arrivée de la tablette, est venu aussi toutes une multitude d’applications qui par le simple toucher du doigt permettent d’avoir déjà une pré-maquette de ses idées !

wireframecc_transmedia

Et le Transmedia là dedans ?

Et bien cela permet surtout en un coup d’œil de voir sur quels support on est… dans la narration. Bien sûr, on a pas besoins d’outils aussi détaillés que pour une programmation de site, c’est pourquoi le logiciel (accès gratuit pour la basique largement suffisante) Wireframe.cc est celui (à mon avis) le plus adapté. Il n’y a pas une flopée d’options qui ne nous servent à rien.

wireframecc_transmedia

Wireframe.cc apps de mockup simple

Déjà voici le site : http://wireframe.cc

Il y a une vidéo interactive pour tester.

Bon c’est hyper intuitif, simple, minimaliste et plutôt beau comme design… A vous de tester. Après moi, j’aime le côté « minimum vital » mais je vous invite à jeter un œil dans la liste ci-dessous pour d’autres outils plus complets et même TROP complet parfois… A vous de tester !

 

wireframecc_transmedia

wireframecc_transmedia

 

Plateforme:

Un blog-magazine sur les Wireframes

http://wireframes.linowski.ca/

Les 3 apps les plus abouties :

http://proto.io/

https://moqups.com

http://www.powermockup.com/

D’autres apps :

https://cacoo.com/lang/fr/;jsessionid=8772F02BF86B467CFAAD459D52167F7F.3

http://www.balsamiq.com/products/mockups

https://gomockingbird.com/

http://lovelycharts.com/

http://www.lumzy.com/

http://www.mockflow.com/

http://www.simplediagrams.com/

Ressources gratuites à télécharger :

Et si vous préférez bosser sur papier ou sur des logiciels plus traditionnels comme Photoshop, retrouver notre article sur des kits et autres ressources gratuites à télécharger : Wireframe ressources gratuites

 experience et transmedia

Experience Transmedia Transmedia Fan Page Transmedia Scoopit http://img.scoop.it/sXQ7XloAA9xMkdHhYxhE1NF6ymXNaqFzPnIxGxG62yI=

Pin It

Related Posts

2 Responses to Wireframe et mockup

  1. Anonyme dit :

    Great post. I was checking constantly this blog and I

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Protected by WP Anti Spam

« »

Follow Us!

M'abonner à Hebdomedia

* Ce champs est obligatoire

Transmediary

Timelines for Transmedia

Archives

Scroll to top