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”

The Parallax Effect : CSS is beautiful !

Paul Annett a imaginé une façon simple et élégante de créer un effet de parallaxes en utilisant uniquement les CSS. Brillant !

Où Paul Annett recréé le parallax scrolling de Sonic (le jeu Sega, si, si) en CSS.

Silverback est un outil de test d’ergonomie des sites internet créé par Clearleft, une web agency de Brighton. Vendu moins de $50, Silverback ne nécessite pas d’autre matériel qu’un Mac tournant sous Tiger ou Leopard. C’est déjà bien. Ce qui est encore plus beau, c’est le site Silverback.

Page d'accueil du site Silverback

On ne s’en rend compte qu’en redimensionnant la fenêtre du navigateur, mais l’image de fond n’est pas fixe. Ainsi, les lianes entourant le gorille, logo de Silverback, se déplacent de façon différentes pour simuler la profondeur.

Continue reading “The Parallax Effect : CSS is beautiful !”