/ Digital
/

Digital

Quelles sont les différences entre zoning, wireframe, mockup et prototype ?

Bien en amont des maquettes graphiques, lors de la phase de conception d’un projet web, plusieurs livrables sont indispensables en complément du cahier des charges pour déterminer l’ergonomie d’un site.
Zoning, wireframe, mockup, prototype : comment s’y retrouver entre tous ces termes ?

website-wireframe

 Zoning : schéma simple

Après la réalisation de l’arborescence, il est nécessaire de commencer à hiérarchiser les contenus dans la page. C’est le rôle du zoning, première étape cruciale qui schématise de manière très simple la structure des pages les plus importantes du futur site web. Il délimite les différentes zones (header, footer, navigation, …) et les fonctionnalités définies par le cahier de charges. Il met en avant le premier niveau de lecture et permet de vérifier la cohérence globale du projet.

Wireframe : maquette « fil de fer »

Vient ensuite l’étape du wireframe. Il s’appuie sur le zoning et détaille le type de contenu des blocs : images, textes (souvent du faux texte à ce stade de la conception). Il intègre également les animations et permet ainsi de montrer le fonctionnement de la page. Cette étape permet de s’assurer que l’expérience utilisateur (UX) et l’ergonomie seront en adéquation avec les objectifs. Même si aucun design n’est encore appliqué, le wireframe permet de visualiser plus concrètement le projet et les fonctionnalités.

Mock up : interactions de l’interface

Le mock up ajoute une dimension interactive au wireframe pour montrer notamment l’enchainement et la navigation entre les pages, le comportement des boutons, l’affichage de messages d’erreur des formulaires, les sliders… Avec le mock up, on va pouvoir vérifier la cohérence du parcours de l’utilisateur et scénariser les interactions avec l’application.

Prototype : Choix et validation des technologies

Pour tester les différentes technologies qui seront utilisées sur le site web avant la mise en production, on peut créer un prototype en rendant les interfaces fonctionnelles. Il pourra évoluer et servir de base au projet.

Qu’elles soient destinées à un usage interne ou au client, toutes ces étapes définissent les bases fonctionnelles et ergonomiques d’un projet web et s’assurent de sa cohérence avant le travail du graphiste. Elles permettent également un gain de temps en évitant de lourdes modifications en phase de développement du site.

Cette réflexion initiale effectuée en amont donne la possibilité de déterminer la structure la plus intuitive et la plus efficace possible en fonction des objectifs et de la cible. Elle est donc indispensable à toute conception de projet.

De la phase de conception jusqu’à la réalisation, Pix Associates vous accompagne pour établir un projet avec la meilleure expérience utilisateur possible. N’hésitez pas à contacter notre équipe.

Sources : [1] mardezordo.me ; [2] jaetheme.com ; [3] manurenaux.wp.imt.fr

 

Publié dans Pix Digital | Marqué avec , | Commentaires fermés
 
/ Digital
/

Symfony Live 2010, PARIS — Deuxième journée de conférence

La deuxième journée du symfony Live 2010 a été très enrichissante. Après une première session où les développeurs du framework Okapi nous ont démontré comment ils ont pu tirer avantages des composants symfony pour leur projet, nous avons eu le droit à des explications assez avancées sur l’usage de la mémoire en PHP et des bonnes recommandations pour pouvoir optimiser son code.

Scott Chacon a ensuite fait son show en introduisant le très prometteur gestionnaire de versions décentralisé Git créé par Linus Torvalds en personne. Matthew Weier O’Phinney, chef de projet du Zend Framework, nous a ensuite démontré les fonctionnalités des composants Zend Framework et comment les faire intéragir dans un projet symfony.

Nous avons eu le droit l’après midi à une présentation d’un CMS développé par une société de publication espagnole, avant d’avoir une introduction sur les événements symfony. Kris Wallsmith, développeur de la core team, a ensuite démontré les capacités de déployer facilement une application symfony « to the cloud » en démontrant comment paramétrer une connection master/slave pour symfony et écrire des scripts d’upload pour utiliser le service de stockage Amazon S3. Alvaro Videla nous a ensuite présenté de nombreux outils (CouchDB, XHPROF, Tsung, Graphite…) utiles pour pouvoir créer des benchmark en vue d’optimiser les performances d’une application.

Avant l’annonce tant attendue de Symfony 2.0, Dustin Whistle, développeur à Yahoo nous a démontré comment le géant de l’internet américain utilise symfony pour de nombreux projets (yahoo bookmarks, yahoo answers, delicious, …) et comment ils contribuent à la communauté avec de nombreux plugins dont notamment un langage dédié à l’utilisation des webServices (YQL) qu’il sera intéressant de tester lors d’un prochain projet.

Finalement, le moment que tout le monde attendait est arrivé. Fabien Potencier, le créateur et lead developer de symfony, nous a présenté une preview release de Symfony 2.0 (qui prend un S majuscule désormais!). La nouvelle version du framework se veut plus flexible, plus robuste, plus rapide … le « meilleur framework disponible sur le marché » si l’on cite les mots de son créateur. Parmi les nouveautés, une nouvelle gestion des plugins qui s’appellent désormais des Bundles, un refactoring total de la gestion des vues, une gestion simplifiée de la configuration avec différents parsers disponibles (PHP, YAML, XML, …), et bien d’autres choses encore! De plus, Fabien nous a promis une surprise au niveau de la gestion des Bundles … nous attendons avec impatience la bonne nouvelle :)
La preview release est disponible sur Git pour tous les développeurs dans l’attente, comme nous, de pouvoir « s’amuser » avec. Une version stable est attendue pour la fin 2010, elle pourrait être dévoilée lors d’une conférence encore non officielle mais qui devrait avoir lieu en Novembre à San Francisco d’après les rumeurs qui circulaient au GitHub meeting après la conférence …

Publié dans En bref, L'Equipe, Pix Digital | Marqué avec , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Commentaires fermés
 
/ Digital
/

Symfony Live 2010, PARIS — Première journée de conférence

La première journée du Symfony Live s’est tenue aujour’hui à Paris. La conférence rassemble les créateurs et utilisateur du framework Symfony de toute la planète. C’est le moment de faire le point sur les attentes des utilisateurs et également de présenter les dernières nouveautés de la part des concepteurs.

Sur cette première journée on a parlé d’internationalisation, d’interface d’administration, de migration des bases de données, de la future version de l’ORM Doctrine, de Gears… Autant de sujet technique pointu qui prennent leur sens pour un développement exigeant.

Lundi fut l’occasion d’approfondir en pratique quelques notions d’avenir : les Web services ainsi que l’ORM Doctrine.

Vous pouvez retrouver des photos de l’événement sur flickr, et le suivre en direct sur twitter

Publié dans En bref, L'Equipe, Pix Digital | Marqué avec , , , , , , , , , , , , , , , , , , , , , , , | Commentaires fermés
 

L'Agence Pix remporte l'Appel d'offre CCI Nice Côte d’Azur, "Impact Web"

cci_blogIMPACT WEB
Renforcez l’impact de votre site web
Prenez les devants : intégrez de manière efficace les outils internet à votre stratégie de développement commercial, grâce à un programme d’accompagnement sur mesure proposé par la CCI Nice Côte d’Azur.

Impact Web vous permettra de renforcez l’impact de votre site internet et d’en faire un véritable outil de développement commercial.

Le Programme Impact Web s’adresse aux dirigeants de PMI et à leurs proches collaborateurs. Il a été conçu pour vous permettre de mieux appréhender la palette d’outils internet disponibles et de les utiliser plus efficacement, d’améliorer votre site Internet existant ou de développer une nouvelle application web.

Basé sur une approche très opérationnelle et directement exploitable, cette action collective élaborée et pilotée par la CCI Nice Côte d’Azur, est réalisée par les consultants spécialisés de l’Agence Pix dans la mise en œuvre de projets web et de leur exploitation commerciale.

Objectifs
– Vous informer sur les leviers de communication et de développement commercial spécifiques au web,
– Diagnostiquer votre utilisation de l’outil internet dans le cadre de votre communication et de la commercialisation de votre offre / vos produits,
– Définir une stratégie complète et adaptée à vos besoins de développement
– Mettre en oeuvre immédiatement les actions nécessaires à améliorer l’efficacité de vos actions web,
– Mesurer les retours de vos actions et entreprendre les actions correctives nécessaires.

Vos Avantages
A l’issue de ce programme, vous aurez acquis les fondamentaux nécessaires à la compréhension du media Internet et découvert les outils de mesure et d’optimisation des différentes actions entreprises, tout en bénéficiant de l’accompagnement de consultants professionnels dans la mise en œuvre d’une stratégie internet adaptée à vos problématiques.

Exemples de problématiques soulevées
– Comment adresser mes clients grâce à internet ?
– Que font mes concurrents en matière de communication web ?
– Comment baisser mes coûts de commercialisation grâce à internet ?
– Les personnes qui visitent mon site internet y trouvent elle l’information nécessaire ?
– Sur quels supports trouver et atteindre ma cible ?

Impact Web, c’est :
– 4 jours de conseils personnalisés avec nos experts
– 2 jours et demi de séminaires collectifs

Pour plus d’informations, téléchargez le Programme d’Accompagnement « Industriels : développez votre performance commerciale grâce à INTERNET »

Publié dans En bref, Les Clients | Marqué avec , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , | Commentaires fermés