Pratique
Réaliser le wireframe de la page d'accueil d'un site internet d'un fab lab.
FAB LAB : un atelier de fabrication ouvert au public mettant à sa disposition toutes sortes d’outils, notamment des machines-outils pilotées par ordinateur, pour la conception et la réalisation d’objets.
Le nom du fab lab en question est “fab-X”.
Il est situé dans le 19e arrondissement de Paris.
Le site internet s'adresse aux membres du fab lab, essaie d'attirer des nouveaux membres et veut informer les curieux.
Le fab lab est un endroit très communautaire et ouvert.
Le site internet a différentes sections :
- une page d'accueil
- une page "qui sommes-nous"
- une section qui présente les membres du fab lab et leurs dernières réalisations
- une section qui montre et explique l'équipement (imprimantes 3D, etc.)
- une section qui permet la réservation de l'équipement
- une page pratique avec adresse, horaires, formulaire de contact, etc.
Il faut réaliser le wireframe de la page d'accueil.
La page d'accueil doit contenir les éléments suivants :
- le logo du fab lab
- le menu de navigation
- des boutons qui renvoient vers twitter et facebook
- un paragraphe de texte d'introduction qui présente le fab lab
- une grande image du fab lab
- les 3 dernières réalisations des membres du fab lab
- un moyen très visible pour contacter le fab lab (pour devenir membre, demander des informations, etc.)
- un moyen très visible pour se rendre sur la page de réservation d'un appareil.
Le but final est donc de réaliser le wireframe de la page d'accueil.
On va partager la classe en plusieurs groupes.
L'exercice se déroule en 3 étapes :
- Brainstorming : d'abord chacun réalise plusieurs croquis de la page d'accueil individuellement. Il ne faut pas faire des jolis dessins, le but est d'explorer différentes pistes, de trouver des solutions de mise en page qui correspondent aux besoins et contraintes du projet (environ 20 min.).
- Évaluation : les différents groupes se retrouvent pour discuter des solutions alternatives. On présente ses meilleures idées et les autres donnent des commentaires et suggestions.
- Réalisation : on réalise le wireframe final du groupe. Vous pouvez dessiner le wireframe de la page d'accueil à la main ou vous pouvez utiliser un logiciel.