* Typo3 Annecy-le-Vieux
Typo3 Annecy-le-Vieux
Article:
Encore appelé maquette fil de fer le Wireframe en web design consiste à réaliser un schéma définissant les zones d'un site Web, ou d'une page Web. Il peut être conçu par une personne non technique. Pour Jakob Nielsen, le maquettage wireframe renvoie à un prototypage horizontal1, c'est-à-dire au développement de la partie graphique de l'interface homme-machine. Ses effets sont: La confirmation de la satisfaction des exigences de l'interface utilisateur et des possibilités du site web ; La simulation du fonctionnement a priori du site web selon les objectifs de départ ; Une première estimation du temps et du coût de développement. Une première forme de maquette statique consiste à définir le « zoning » des écrans dans un site web ; c'est-à-dire le découpage des pages du site. Pour chaque type de page (ex: page d'accueil, page intérieure, chapeau de rubrique, etc.) le concepteur repère les différentes zones de la page qu'il conceptualise à l'aide de blocs ou de boîtes afin de présenter les grandes fonctionnalités et les zones principales du contenu. Le rôle et la position de chaque zone sont bien précisés et leur taille relative est définie ainsi que leur importance visuelle2. Le concepteur peut par la suite détailler et donner des précisions sur les éléments de la page comme la hiérarchisation des différents textes, les dimensions en pixel des contenus, etc. Le zoning constitue la base du travail du graphiste. Celui-ci est chargé d'habiller les différentes zones de l'écran ainsi définies en fonction de l'identité visuelle du produit. La maquette fil de fer peut constituer un support de discussion avec les commanditaires du site web. Vous pouvez aussi insérer des liens sur certaines parties de la maquette informatisée afin de permettre de naviguer entre les écrans et donc de vérifier l'ergonomie du système de navigation offerte voire de certaines modalités d'interaction. On évoque alors le terme de prototype. Bien que le passage par le maquettage papier soit encore une technique courante, il devient de plus en plus fréquent d'utiliser des logiciels consacrés ou détournés de leur fonction d'origine LES OUTILS Les outils les plus simples pour réaliser un Wireframe sont entre autres une feuille, une gomme, et un crayon de papier. Sans blague ! Pour perfectionner, vous pouvez ajouter plusieurs feuilles, et des ciseaux. Vous pouvez ainsi positionner les éléments (des rectangles de papier) sur votre page Web virtuelle (une feuille). Cependant, il existe une multitude d'outils informatiques, plus ou moins améliorés, permettant le travail collaboratif ou non, en-ligne ou hors-ligne...
Si besoin, Web2007 peut se déplacer dans toute la région Rhones-Alpes.
Pour info, j'habite personnellement à Gaillard-Haute Savoie et mon bureau est juste à coté à Genève-Suisse.