L’Art Délicat des Maquettes Fonctionnelles

The Fine Art of Wireframes

T.Scott StrombergCet article est une traduction de l’article “The Fine Art of Wireframes” publié par T. Scott Stromberg. Je le remercie chaleureusement de m’avoir autorisé à le traduire et à le publier ici.
Vous pouvez consulter l’article original sur le blog 404 User Experience Design.

Le croquis est un outil légitime pour la modélisation de l’information

En tant qu’Information Architect, je passe le plus clair de ma journée à développer des flux d’information, à créer des méthodes pour afficher du contenu, et à déterminer comment transmettre des indications de design à mes clients. L’un des mes outils les plus efficaces est le croquis : la faculté de dessiner à la main des maquettes fonctionnelles (wireframes, NdT), des widgets ou tout élément apparaissant à l’écran est une forme d’art qui vaut son pesant d’or (ou d’Euros). Un croquis doit être rapidement réalisé, facilement compris par le client et sans fioritures – on y inclus seulement les détails les plus pertinents. Il devrait aussi être réfléchi et appeler à la réflexion. Le croquis, de part sa nature manuelle, devrait aussi inviter celui qui le regarde à participer au processus de création – c’est un des aspects les plus importants du croquis. Un croquis devrait aider à établir un dialogue qui mènera à la création des maquettes finalisées, réalisées avec précision.

Continue reading “L’Art Délicat des Maquettes Fonctionnelles”

CSS : Comment gérer l’élément actif d’un menu de navigation placé dans un include PHP ?

Sous ce titre pas très explicite (mais je n’ai pas trouvé mieux) se cache une vraie question que tout intégrateur web a bien dû se poser une fois…

Je n’en ai pas parlé depuis mon premier post, mais j’aime beaucoup les CSS. C’est même indiqué dans le sous-titre du blog, pour vous montrer à quel point c’est important.

Ce que j’aime beaucoup avec les CSS, c’est résoudre les petits problèmes qui ne manquent pas de se présenter lorsqu’on intègre un site et que, bizarrement, on n’avait pas envisagé au début.

On m’a soumis un des ces petits problèmes aujourd’hui, et je me propose de vous en parler, parce que c’est une situation plutôt classique. J’imagine que si vous intégrez des sites en HTML/CSS de façon régulière, vous devez déjà avoir votre méthode (n’hésitez pas à l’expliquer dans les commentaires). Cet article est donc plutôt destiné aux débutants.

Le problème

Nous avons un site avec, de haut en bas :

  • un bandeau supérieur
  • un menu de navigation horizontal
  • le reste du site, qui ne nous intéresse pas aujourd’hui

Nos deux premiers éléments (le bandeau et le menu) se répétant de page en page, ils ont été placés dans un fichier header-inc.php qui est rappelé à chaque page par la fonction PHP include. L’intérêt de cette pratique est bien sûr de ne pas avoir à répéter sur chaque page des éléments communs à toutes les pages. Ainsi, si on modifie le menu de navigation, on ne le fera qu’une fois (dans notre fichier header-inc.php, et non pas sur chaque page.

Le problème qui se pose est le suivant : comment faire pour mettre en valeur l’élément du menu correspondant à la page sur laquelle on se trouve ?.

Continue reading “CSS : Comment gérer l’élément actif d’un menu de navigation placé dans un include PHP ?”