Comment déchirer une prise d'écran

Catégories : Bonnes pratiques - Outils

J'aime bien cette idée de déchirer une prise d'écran pour ne pas tromper le lecteur sur le fait que je ne montre qu'une partie de la page web.

J'ai piqué cet exemple ici, mais j'utilise moi-même régulièrement cette technique dans mes rapports d'analyse de sites web.

Jusqu'à présent, je fais cela manuellement. Cela me demande quelques opérations dans Photoshop.

Mais, à votre connaissance, n'existe-t-il pas un filtre qui permette de produire cet effet automatiquement ?

La méthode du tri de cartes - scène vécue

Je viens de participer à la conception de l'architecture d'un portail pour le compte d'un organisme public bruxellois.

Nous sommes passés par les phases suivantes :

1. Collecte des informations existantes auprès des multiples acteurs concernés (visites des sites web existants et interviews des webmasters).

2. Sondage pour cerner les attentes des utilisateurs.

Tout bon site web ne doit-il pas faire la jonction entre l'offre et la demande ?

3. Compilation des contenus (existants ou envisagés) sous la forme d'un tableau Excel.

4. Qualification de chaque contenu sur base de divers critères : volume, format, durée de vie de l'information, facilité à créer l'information, facilité à la maintenir,...

5. Méthode du tri de cartes ("card sorting")

Le principe est simple :

  • Nous imprimons, en grands caractères, les contenus listés dans notre feuille Excel
  • Nous découpons chaque contenu séparément, sous forme de petites languettes
  • Ensemble, nous regroupons l'information de même nature (en faisant des petits paquets)

Cette méthode ne nous donne pas la solution finale. Mais elle nous aide grandement à voir clair dans les catégories d'information. Le côté physique (jouer avec le contenu comme avec de la pâte à modeler) libère la réflexion. Oui, oui, je vous assure ;-)

6. Maquette ("wireframe") de la page d'accueil

La méthode du tri de cartes nous place dans de meilleures conditions pour concevoir l'interface. A ce stade, il s'agit d'une maquette fonctionnelle (qui donne une idée de la disposition des contenus et fonctionnalités dans la page). La maquette graphique suivra.

Vous désirez en savoir plus sur les méthodes d'architecture d'information ? Vous êtes le(la) bienvenu(e) à ma prochaine formation , le 13 mars à Bruxelles.