CATALOGUE Design et Infographie Formation WebDesign UX / UI Apprendre l'UX Design - L'expérience utilisateur pour la conception Web

Introduction aux Outils de Conception : Zoning, Wireframe et Storyboard

Retour à la formation
Chapitre 9 Leçon 1
Précédent
Suivant

Apprenez les distinctions essentielles entre zoning et wireframe, et découvrez l'importance des storyboards en conception.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous commencerons par revoir les outils de conception tels que les croquis et le zoning. Nous mettrons ensuite en évidence la différence entre un zoning et un wireframe, en soulignant que le wireframe est plus précis.
Nous approfondirons l'importance du dessin à main levée avec des marqueurs, qui permet d'explorer rapidement différentes options de conception, augmentant ainsi la qualité du produit final. Par exemple, il est possible de tester diverses organisations d'onglets ou de navigations.
Nous examinerons les logiciels couramment utilisés pour créer des storyboards, avec une comparaison entre Powerpoint, Keynote et des outils spécifiques comme Axure, Balsamiq, et OmniGraph. Axure, en particulier, sera décrit comme l'outil de référence pour les wireframes et les storyboards interactifs, permettant ainsi des tests utilisateur poussés.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :
- Comprendre la différence entre un zoning et un wireframe.
- Reconnaître l'importance des croquis à main levée dans la phase de conception.
- Découvrir les outils adaptés pour la création de storyboards d'interface.

Prérequis pour cette leçon

Pour tirer pleinement profit de cette vidéo, il est recommandé d'avoir des connaissances de base en design d'interfaces et en expérience utilisateur (UX).

Métiers concernés

Les professionnels concernés par cette leçon incluent les designers UX/UI, les développeurs front-end, les architectes de l'information, ainsi que les chefs de projet travaillant dans le domaine de la conception d'interface.

Alternatives et ressources

En dehors d'Axure, d'autres logiciels peuvent être utilisés, tels que Balsamiq, pour des wireframes rapides et stylisés, ou OmniGraph pour la création de diagrammes et d'arborescences utilisateur efficaces.

Questions & Réponses

Un zoning est un croquis grossier qui aide à visualiser la disposition des éléments majeurs, alors qu'un wireframe est plus détaillé et précise les fonctionnalités des éléments sur la page.
Les croquis à main levée permettent une itération rapide et l'exploration de multiples options de conception en un temps réduit, améliorant ainsi la qualité du travail final.
Axure permet de créer des wireframes interactifs et de gérer des masters de navigation, facilitant les modifications globales et les tests utilisateurs.