Skeleton

• 🔖 Wireframes
• 🔖 Navigation

---

📑 Wireframes

Plus parlant qu'un diagramme et plus en rapport avec une expérience utilisateur, la vue filaire correspond à la description visuelle d'un écran d'affichage et ses éléments d’interaction.

En utilisant les histoires utilisateurs et les cas d'utilisation, l'objectif est de fournir une expérience pour atteindre leur objectif.

L'objectif d'une wireframe n'est pas d'exposer la charte graphique, les images de fonds et l'identité visuelle de la frame.

Il existe de nombreux outils gratuit, en client lourd ou léger. Je vous conseille pour sa gratuité et sa simplicité le logiciel Pencil.

Pencil

---

👨🏻‍💻 Manipulation

Après avoir assisté à une overview du logiciel, pour chaque histoire utilisateur, représentez la vue filaire et ses déclinaisons de façon individuelle puis exportez les au format image.

---

📑 Navigation

Les frames doivent être mises en relation pour comprendre la navigation.

Sur un logiciel de wireframes il est possible de mettre les pages en relation en utilisant les éléments graphiques mis à disposition et en les reliant une fois rassemblés sur une nouvelle page.

---

👨🏻‍💻 Manipulation

Réunissez les wireframes sur une page et mettez les en relation de façon collégiale.

---