3 outils d’architecture de contenu web afin de ne perdre le cap dans son projet

28 février 2019
featured image

Si vous êtes un gestionnaire de projet, un designer, un stratégiste UX ou simplement un entrepreneur, vous savez probablement que construire un site ou une application peut s’avérer complexe.

Bien qu’adopter des méthodes agiles puisse limiter le chaos et rendre la tâche moins intimidante, il est important d’anticiper le projet dans son ensemble.

Les « sitemaps » (ou cartographie de site) et les schémas de « userflows » sont des outils essentiels afin d’aligner toute l’équipe sur son contenu et établir des priorités. Cependant créer ces artéfacts n’a pas été facilité par l’avènement des webapps. Souvent de par leur design pauvrement étudié, les seules applications de création de sitemaps disponibles n’offraient pas la clarté espérée. On se résolvait alors à créer son sitemaps à la main, ou en utilisant des softwares de mise en page, ou de design.

Je cherchais moi-même un outil permettant d’établir la structure générale d’un site ou application sans se soucier de l’aspect visuel. Ceci permettant de présenter à son client ou testeur, une vision sans distraction, pleinement concentrée sur le contenu et la hiérarchie de l’information. À nouveau, les outils disponibles offraient soit trop de complexité visuelle, soit trop peu d’importance au contenu.

Par chance et malheureusement que récemment, je suis tombé sur quelques outils qui répondaient nettement mieux aux besoins d’un architecte de contenu que des outils de prototypage tel que inVision, Proto.io, Adobe XD ou autres.

Cet article liste ces trois outils qui, je l’espère, vous permettront de garder votre projet sur les rails:

1. Flowmapp

Le premier de la liste est Flowmapp, de loin mon préféré. Il permet de créer des sitemaps très claires avec la possibilité d’ajouter du contenu dans les pages et même d’ouvrir une discussion avec des collaborateurs. Son interface intuitif permet de créer son architecture de contenu en moins d’une heure ainsi que des userflows, malgré que ceux-ci ne soient pas liés avec le sitemap, pour l’instant. Son prix est également très attractif.

Flowmapp

Un outil web permettant de créer des sitewebs et userflows de façon très intuitive

Price: Gratuit pour 1 projet, ensuite à partir de 8$ par mois pour les fonctions pro
    Pros
  • Très intuitif
  • Peu cher
  • Extrêmement propre
    Cons
  • Ne lie pas les userflows avec le sitemap
  • Pas de prototype cliquable
http://www.flowmapp.com

2. Mockflow

On m’a également partagé l’existence de Mockflow, un outil collaboratif de wireframing et d’architecture de contenu. Il est nettement plus orienté sur le rendu visuel des pages, raison pour laquelle il est peut-être moins adapté pour établir son architecture dans les phases de début de projet.

Mockflow

Une application web simple permettant de créer des wireframes et des sitemaps

Price: Gratuit pour 1 projet, ensuite à partir de 14$ par mois pour les fonctions pro
    Pros
  • Simple
  • Rapide
    Cons
  • Trop porté sur le placement du contenu
  • Pas aussi intuitif que les autres
https://mockflow.com/

 3. Overflow

En faisant un peu plus de recherche, je suis également tombé sur Overflow, une application web de création de prototypes avec liaison entre les pages. Son interface est très beau, cela dit ce dernier outil est plus destiné à la conception de prototypes cliquables complexes et fidèle au design final. Dans ma quête pour un outil de planification agnostic au design des pages, Overflow n’était pas le plus adapté. Cela dit il peut représenter une option utile pour ceux qui désirent créer des pages plus détaillées et des interactions plus finales.

Overflow

Application web poussée et open source permettant de créer des interfaces complexes et des prototypes cliquables

Price: Open source
    Pros
  • Beau
  • Interactions poussées
  • Beta Open Source
    Cons
  • Trop porté sur l'interface
  • Plus complexe
  • Nécessite de créer un design dans Sketch ou équivalent
https://overflow.com

    Comments

Laisser un commentaire

Your browser is out-of-date!

Update your browser to view this website correctly.Update my browser now

×