MockFlow Editor

Quoi de plus délicat lorsqu’on conçoit un site web que de définir ce que l’on souhaite, sans rien oublier. Nombre de situations montrent le décalage entre ce que le client souhaite, ce qu’il exprime, ce que le prestataire comprend et réalise au final.

Le cahier des charges fonctionnel et technique, document contractuel et engageant pour le client et le prestataire, permet de définir précisément les différentes fonctionnalités souhaitées et d’en établir les contraintes techniques. Il émane du cahier d’expression des besoins fourni par le client et le complète, le formalise.

Visualiser pour mieux anticiper

Parfois, parce qu’on n’a pas anticipé un comportement ou une contrainte particulière, parce qu’on n’a pas suffisamment souligné les implications de telle ou telle fonction ou parce qu’on a omis de préciser telle ou telle chose qui semble « évidente », il est nécessaire de redévelopper tout un pan du site, voir même de réaménager la structure de la base de données. Pour l’éviter, et pour compenser la relative rigidité du cahier des charges qui rend difficile d’en saisir tous les enjeux, le recours au prototypage permet de proposer une visualisation quasi exhaustive, à moindre coût et plus pragmatique du service web.

Parce que nous pensons, ici chez Médiablue, que « ce qui se conçoit bien s’énonce clairement et les mots pour le dire arrivent  aisément » (selon les préceptes de N. Boileau) nous utilisons les outils de prototypage des écrans. Ils permettent de « dessiner » les différents écrans avant leur réalisation. On obtient ainsi, sans nécessité de développer quoi que ce soit et comme si on les traçait à la main, une représentation visuelle des écrans avec les différents éléments qui les composent. Leur nature modulaire permet de les modifier aisément sans avoir à employer de lourds processus de programmation. Le client visualise ainsi l’aspect futur de son site (et peut prendre conscience de certaines omissions ou comportements non souhaités). Par ailleurs le prestataire peut, au fur et à mesure qu’il réalise le prototype, identifier des contraintes qu’il pourra retranscrire dans le cahier des charges fonctionnel et technique, comme un outil d’aide à la décision.

La solution MockFlow

Après bien des tests, l’offre étant assez riche et variée, nous avons jeté notre dévolu sur MockFlow qui allie simplicité d’utilisation et richesse fonctionnelle pour un coût parmi les plus raisonnables de sa catégorie.

Réalisé en Flash, utilisable en ligne ou hors ligne, en version navigateur ou desktop (sous Adobe Air), il permet un usage local ou en mobilité, quelque soit le poste de travail.
La richesse de sa bibliothèque (qui ne cesse de croître) et de ses fonctions, sans être pléthorique, permet de réaliser des prototypes (les mockups, en anglais) suffisamment précis sans se rapprocher trop fortement de l’aspect graphique final, ce qui nuirait à la capacité d’abstraction. Son système de templates (modèles) permet de décliner aisément des pans entiers de page pré-définies en y ajoutant des éléments spécifiques.
Ses fonctions d’exportation en images, en PDF ou en PowerPoint permettent de manipuler aisément les résultats.
Mockflow génère une arborescence de site et permet même d’établir des liens entre les pages. Ainsi, en version « présentation » (que l’on peut partager en ligne) il est possible de naviguer au sein des pages, presque comme sur un site finalisé.

Il ne lui manque aujourd’hui que la possibilité de créer une bibliothèque de templates qui permettrait de les gérer de façon plus rationnelle et de les exclure de l’arborescence globale. Nul doute que l’équipe dynamique de Produle (la société éditrice de MockFlow) développera cette fonctionnalité dans un proche avenir.

Voici un exemple en lien direct en cliquant ici et en format PDF :

Exemple de prototypage de Twitter (PDF Mockup)

Pas d'autres billets sur ce sujet.

La newsletter de Février est pour nous l’occasion de vous présenter nos dernières réalisations (Ma Rosita, Batchi Batcha, APEL St-Michel et PersoPress) et de nous attarder sur Les Editions de l’Epargne.

A consulter ici…

Pas d'autres billets sur ce sujet.

Depuis le début de l’année Google déploie une campagne d’affichage dans le métro parisien. Il s’agit de publicités pour son navigateur Google Chrome.

Publicité Google Chrome dans le métro

Google souhaite en effet être plus directement présent auprès du grand public. Déjà largement plébiscité pour ses services GMail ou Youtube, il veut profiter de la prochaine modification de Windows qui, pour respecter la règlementation européenne, proposera à la mi-mars une option de choix de son navigateur préféré. Exit donc Internet Explorer par défaut. Why not Chrome ?

Google Chrome, malgré un lancement récent (fin 2008) figure déjà à la 3ème place en termes de part de marché (4,63%), derrière Internet Explorer et Firefox et devant Safari.

Sur le même sujet :

1. Google victime d’un de ses partenaires
2. Gmail fonctionne même sans connexion
3. Ca fait toujours plaisir…

Médiablue vous présente ses Meilleurs Vœux
pour cette nouvelle année qui commence :

Que les commandes débordent !
Que votre chiffre d’affaires explose !
Que vos projets prennent vie !

Nous vous remercions de votre confiance,
et serons fiers d’être toujours présents à vos côtés
pour vous accompagner dans cette ébullition !!

Sur le même sujet :

1. Bonne année 2009 !
2. Bonne année !

Pour conserver la positive attitude en toute circonstance, surtout en ces périodes de fête qui sont parfois difficiles à vivre, voici quelques conseils dont nous gratifient les Vidéos du Succès.

Sur le même sujet :

1. De l’art de la réunion efficace

Il y a quelques semaines j’ai fait l’acquisition d’un camescope de poche Kodak ZI6. Je souhaitais pouvoir capturer facilement et sans m’encombrer des séquences le plus naturellement possible, et si possible de bonne qualité même si c’est pour le web. C’est souvent au cours d’une discussion impromptue ou d’une situation fugace que survient le moment qu’il faut graver sur une carte SD. Et pas toujours facile de faire accepter une caméra, toujours impressionnante.

Avec son look de téléphone mobile, le ZI6 représente un atout, à ce niveau. Bien sûr, en bon geek que je suis, j’ai bien fait le tour de l’offre. Mes amis disposent déjà de Flip Mino ou Ultra. Le truc hype et must-have. Tout comme eux, ZI6 se définit par un format réduit, un écran de contrôle intégré, une prise en main verticale, un port USB intégré rétractable et un panneau de commande réduit aux fonctions de base. Dès la sortie de l’étui, l’activation du bouton ON/OFF rend ces petites machines opérationnelles dans les 2 à 3 secondes. Pas besoin de déplier un écran, de choisir un mode REC/PLAY, etc…

D’un point de vue technique, le ZI6 propose plusieurs modes de prise de vue : HD 16:9, VGA 4:3 et photo 4:3. Le format HD permet des prises de vue en 1280 x 720 px (720p) à 60 ou 30 images par secondes (fps). Une molette permet de régler l’objectif en mode normal ou macro.

Voici quelques exemples de vidéos réalisés avec un ZI6

Blue Mini Cooper — Kodak Zi6 from John Gruber on Vimeo.

I-70W Daytime from Joe Caldwell on Vimeo.

Test Kodak ZI6 from Philippe Bovigny on Vimeo.

Les points forts :

• Très bonne fluidité de l’image et grande qualité de rendu des couleurs.
• Qualité sonore acceptable (sauf source éloignée)
• Rapport qualité-prix imbattable
• Logiciel de téléchargement et de montage auto-installable en connexion USB.
• Format de fichiers MOV compatible avec toutes les plate-formes sociales et les logiciels de montage
• Zoom numérique x2
• Mode Macro
• Sorties HD et AV

Les points à améliorer :

• Alimentation par piles rechargeables, « à l’ancienne » sur secteur
• Pas de recharge en connexion USB. Il est même nécessaire de mettre sous tension pour cet usage.
• Qualité d’image médiocre en faible luminosité
• Angle un peu serré, rendant difficiles les prises de vue rapprochées

Pour rendre ce petit engin vraiment compétitif, je pense que d’autres fonctions devront lui être intégrées : stabilisation d’images, entrée micro, autonomie et autofocus. Peut-être pour une prochaine génération

Pas d'autres billets sur ce sujet.

Mener efficacement une réunion passe par le respect de certaines règles et contraintes. Les manuels de management ou de développement personnel ne sont pas avares de prose à ce sujet. Mais pourquoi ne pas l’aborder sous l’angle de l’humour et raisonner à l’inverse : quoi faire pour rater à coup sûr une réunion ?

C’est ce que nous proposent PPC et HK dans leur série « How-to – Les clefs du succès« .
Dans cette édition, Valvert et Pem, managers expérimentés et coachs ès-autodérision, nous détaillent les points-clé pour « faire foirer une réunion« …

En résumé :

1. Principe de base : ne pas respecter l’ordre du jour.
2. Reprendre l’ensemble des points évoqués et les remettre en question, de préférence en fin de réunion. Dans l’idéal, faire en sorte qu’aucune décision concrète ne soit prise et re-planifier une réunion qui reprendra l’ordre du jour initial.
3. Miner la structure établie par les organisateurs. On peut ainsi, au choix, s’endormir, multiplier les apartés, de préférence sur les points essentiels de la réunion.
4. Déstabiliser les organisateurs par des remarques offensantes. C’est la technique du mot-qui-tue, réservée aux initiés.
5. Se faire accompagner d’un ou plusieurs « invités-mystère », de préférence n’ayant aucun rapport avec le thème de la réunion.

Pas d'autres billets sur ce sujet.

Un nouveau site, réalisé par Médiablue, a vu le jour cette semaine.
Ma Rosita c’est le projet de deux amies, Catherine et Valérie, dont l’ambition est de proposer des objets à la fois ludiques, pédagogiques et décoratifs pour les enfants.

Reprenant le principe des tableaux d’apprentissage de notre enfance, Ma Rosita propose des mémos, véritables outils pédagogiques, qui complètent et égayent les apprentissages autour des thèmes de l’alphabet, l’addition, la multiplication et la conjugaison.

Une excellente idée cadeau pour les fêtes qui s’annoncent !

Ah ! J’allais oublier !…
Si vous souhaitez suivre l’actualité de Médiablue vous pouvez, en parallèle du blog, devenir fan de Médiablue sur Facebook et suivre la timeline Twitter de Médiablue

Pas d'autres billets sur ce sujet.

Les très belles vidéos « did you know ? » présentent de façon tonique et efficace les chiffres des sujets qu’elles traitent. Celle-ci nous parle des réseaux sociaux et permet de prendre conscience de la situation et des enjeux en un peu moins de 5 minutes. Elle permet de mûrir notre réflexion à propos de la question dont elle traite « Is Social Media a Fad ? » (les médias sociaux sont-ils une mode ?). Je vous laisse déguster et en tirer les conséquences…

Sur le même sujet :

1. Podcast «Les Voix de la Blugture» : L’identité numérique et les réseaux sociaux
2. 12seconds.tv : le SMS en vidéo
3. Version vidéo des billets – Premiers retours

© François Cointe 2009.

Sur le même sujet :

1. Vive le crise !