Diverses methodologie pour réaliser des mockups

De fgaujous dans Méthodologie

7 mar 2012

L’expression des besoins pour un site web ou un site applicatif passe par la réalisation de « mockups » ou « zoning » ou « wireframe ».

Ces mockups peuvent être réalisés avec plusieurs types d’outils. Je positionnerai 2 grandes familles :

  • Les mockups virtuels -  réalisés sur écran
  • Les mockups papier – réalisés par collage papier

Mockup virtuels

 

Nous en connaissons bien 2 chez iMDEO, Balsamiq Mockup et iPlotz.

Chacun de ces logiciels disposent d’une « librairie » d’objets » préétablis,

j’ai choisi pour ma part iPlotz pour les raisons suivantes:

  • La librairie d’objet qui peut être enrichie, au moins pour iPlotz, d’objets réalisés par d’autres et téléchargeables depuis internet.
  • On peut créer des onjets qu’on ajoute dans sa bibliothèque
  • On peut créer des modèles d’écrans réutilisables sur des déclinaisons. ex de menus ou de footer que l’on retrouve sur x pages
  • Le partage des mockups avec les clients est aussi un point super important quand on travaille à distance. On peut inviter des clients et leur donner des roles pour les faire participer en modifiant les mockups ou simplement en les faisant consulter l’avancée des travaux.

Il existe d’autres outils pour réaliser des mockup, qui peuvent être intéressant pour s’interfacer avec les plate-forme comme Eclipse – à explorer, mais je ne l’ai pas fait:

http://wireframesketcher.com/install_details.html#titanium

Mockup Papier

Appellation : Paper prototyping

L’intérêt de cette méthodologie, qui peut paraitre archaique, ne l’es pas forcément, car elle offre aussi de la souplesse.

Elle consiste à dessiner et à coller des objets sur un écran papier, à les déplacer, à simuler des actions, comme un menu dynamique.

L’objectif avec cette méthode est de créer le mockups en présence des clients, pour pouvoir co-créer, et remporter l’adhésion du client beaucoup plus rapidement.

C’est un mode de travail synchrone, contrairement à la réalisation des mockup virtuels.

Voici qq exemples :

http://www.youtube.com/watch?v=j1bme1uSIyY&feature=feedf

http://www.youtube.com/watch?v=AtfWM2jRS2w&feature=related

http://www.youtube.com/watch?v=4WbxisFDYk4&feature=related

1 Réponse pour Diverses methodologie pour réaliser des mockups

Avatar

Julien CORON

mai 21st, 2012 à 11 h 58 min

Il y a aussi « pencil », sous forme de plugin FireFox : http://pencil.evolus.vn/en-US/Home.aspx

Commentaire

− 6 = trois

iMDEO recrute !

REJOIGNEZ-NOUS

A la recherche de nouveaux talents (développeurs web et mobile, chefs de projet,...)

Voir les annonces