Construire des wireframes (maquettes fonctionnelles) et des prototypes basse fidélité from Coursera

« Élaboration d’armatures et de prototypes basse-fidélité » est le troisième cours d'un programme de certification qui vous dotera des compétences dont vous avez besoin pour travailler en tant que Concepteur UX débutant. Dans ce cours, vous continuerez à concevoir une application mobile pour votre portfolio UX professionnel. Vous commencerez par créer des storyboards et vous familiariserez avec les bases du dessin. Ensuite, vous créerez des wireframes sur papier et des wireframes numériques à l'aide de l'outil de conception Figma. Vous créerez également un prototype papier et un prototype numérique basse-fidélité dans Figma.

Des concepteurs et chercheurs UX de Google vous serviront d’instructeurs. Vous réaliserez des travaux pratiques simulant des scénarios de conception UX. Les apprenants qui termineront les sept cours de ce programme de formation seront aptes à postuler aux emplois de concepteurs UX débutants.

À la fin de ce cours, vous serez capables de :

- Élaborer un énoncé d'objectif.

- Créer deux types de storyboards : une vue d’ensemble et un gros plan.

- Expliquer la différence entre la conception basse-fidélité et haute-fidélité.

- Appliquer les bases du dessin.

- Appliquer les principes de l'architecture des informations pour organiser une application mobile.

- Créer des armatures papier pour la conception d'une application mobile.

- Élaborer des wireframes numériques dans l’outil de conception Figma.

- Construire un prototype papier pour ajouter de l'interactivité aux conceptions.

- Concevoir un prototype basse-fidélité dans Figma.

- Identifier les biais implicites et les schémas trompeurs dans la conception.

- Continuer à concevoir une application mobile à inclure dans votre portfolio professionnel.

Pour réussir ce cours, vous devez terminer les deux cours précédents de cette formation certifiante ou avoir la capacité de mener des recherches utilisateur pour éclairer la création de cartes d'empathie, de personas, d'histoires utilisateur, de cartes de parcours utilisateur, d'énoncés de problèmes et de propositions de valeur. Vous aurez également besoin de papier et d'un stylo ou d'un crayon.

What's inside

Syllabus

Design de storyboards et de wireframes

Bienvenue dans le monde des wireframes ! Vous commencerez par apprendre à utiliser les résultats de la recherche pour éclairer l'idéation pendant le processus de design. Ensuite, vous créerez deux types de storyboards : vue d’ensemble et gros plan. Puis, vous dessinerez vos premiers wireframes et vous découvrirez les avantages du design de wireframes. Gardez à l'esprit qu'à ce stade du processus de design, vous devriez avoir de nombreuses idées de design qui répondent aux besoins réels de l’utilisateur. Vous devrez affiner ces idées et le design de wireframes peut vous aider à le faire.

Traffic lights

Read about what's good

what should give you pause

and possible dealbreakers

S'adresse à des concepteurs UX débutants qui cherchent à développer leurs compétences pour travailler dans le domaine

Fournit des projets pratiques qui simulent des scénarios de conception UX

Enseigné par des concepteurs et des chercheurs UX de Google

Requiert des connaissances préalables en recherche utilisateur et en création de personas, de storyboards et de parcours utilisateurs

Reviews summary

Wireframes et prototypes : l'approche google

Selon les apprenants, ce cours est largement perçu comme une excellente introduction pratique à la construction de wireframes et de prototypes basse fidélité. Les étudiants apprécient particulièrement les explications claires des instructeurs de Google et l'orientation pratique avec l'outil Figma. Les projets pratiques sont jugés très pertinents pour la création d'un portfolio professionnel. Bien que le cours offre une base solide pour les débutants en design UX, quelques apprenants ayant déjà des notions trouvent le contenu parfois trop élémentaire, souhaitant plus de profondeur sur des sujets avancés. Il est également souligné que la compréhension est optimale si les prérequis des cours précédents sont acquis.

Nécessite les cours précédents pour une pleine compréhension.

"Je n'ai pas trouvé ce cours à mon niveau. Les prérequis ne sont pas assez clairs. Si vous n'avez pas fait les cours précédents, vous serez perdu."

"J'ai trouvé ce module très pertinent pour la suite de ma certification."

"Le cours s'inscrit dans un programme, et il est recommandé d'avoir les bases des cours précédents."

Les experts de Google offrent des explications claires et utiles.

"Les instructeurs de Google apportent une réelle valeur ajoutée."

"J'ai bien aimé la structure du cours, qui m'a guidé pas à pas... experts de Google ajoute de la crédibilité."

"Les instructions sont très précises, et l'accent mis sur la conception pour portfolio est un grand plus."

Offre une introduction solide aux concepts de wireframes.

"Excellente introduction aux wireframes et prototypes basse fidélité... idéal pour un débutant."

"C'est un bon cours pour débuter."

"Je recommande vivement ce cours pour ceux qui suivent le parcours de certification UX de Google."

Le cours excelle dans l'application de Figma aux wireframes.

"Les explications sur Figma sont d'une clarté exemplaire et les exercices pratiques m'ont vraiment aidé à solidifier mes compétences en wireframing."

"J'ai trouvé ce module très pertinent... l'apprentissage de Figma est bien intégré."

"Un cours très pratique qui permet de passer rapidement à la création... utile pour le portfolio."

Le contenu est parfois jugé trop basique pour certains profils.

"J'avais déjà des notions de Figma et de design UX, donc ce cours était un peu trop basique pour moi."

"Le cours est trop introductif pour mes attentes... Je cherchais quelque chose de plus avancé."

"J'espérais un peu plus de profondeur sur des cas d'utilisation avancés ou des optimisations dans Figma."

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Construire des wireframes (maquettes fonctionnelles) et des prototypes basse fidélité with these activities:

Créer un storyboard pour votre application

Show steps

Créer un storyboard vous aidera à visualiser le parcours utilisateur et à identifier les points d'interaction clés dans votre application.

Browse courses on Storyboarding

Show steps

Définissez les objectifs et les utilisateurs cibles de votre application
Esquissez les principaux écrans et flux de votre application
Ajoutez des annotations et des descriptions pour expliquer le comportement de l'utilisateur
Obtenez des commentaires d'autres personnes sur votre storyboard

Dessiner des wireframes papier

Show steps

Dessiner des wireframes papier vous permet de concrétiser vos idées de conception et de mieux comprendre l'architecture de votre application mobile.

Browse courses on Wireframes

Show steps

Réunissez le matériel nécessaire (papier, crayons, règles)
Esquissez les éléments clés de votre application
Créez des wireframes pour différentes pages de votre application
Connectez les wireframes pour créer un flux utilisateur

Construire un prototype papier

Show steps

Construire un prototype papier vous permet de tester l'ergonomie et l'interaction de votre application avant de passer au développement.

Show steps

Imprimez ou dessinez les wireframes de votre application
Découpez les éléments et assemblez-les
Simulez les interactions de l'utilisateur avec votre prototype
Obtenez des commentaires d'autres personnes sur votre prototype

One other activity

Expand to see all activities and additional details

Show all four activities

Développer un prototype numérique basse-fidélité dans Figma

Show steps

Développer un prototype numérique basse-fidélité vous permettra de tester l'expérience utilisateur et la fonctionnalité de votre application dans un environnement interactif.

Browse courses on Figma

Show steps

Familiarisez-vous avec l'interface et les fonctionnalités de Figma
Importez ou créez les wireframes de votre application
Ajoutez des éléments interactifs (boutons, liens, etc.)
Créez des transitions et des animations pour améliorer l'expérience utilisateur

Career center

Learners who complete Construire des wireframes (maquettes fonctionnelles) et des prototypes basse fidélité will develop knowledge and skills that may be useful to these careers:

User Experience (UX) Designer

A UX Designer is a person who designs how a product looks and feels for a user. They make sure that a product is easy to use and enjoyable to interact with. This course may be useful for someone who wants to become a UX Designer because it teaches the basics of UX design, including how to create storyboards, wireframes, and prototypes.

See salaries and explore the career path for User Experience (UX) Designer

Web Designer

A Web Designer creates the visual layout of a website. They make sure that a website is visually appealing and easy to navigate. This course may be useful for someone who wants to become a Web Designer because it teaches the basics of web design, including how to create wireframes and prototypes.

See salaries and explore the career path for Web Designer

Interaction Designer

An Interaction Designer designs how a user interacts with a product. They make sure that a product is easy to use and enjoyable to interact with. This course may be useful for someone who wants to become an Interaction Designer because it teaches the basics of interaction design, including how to create storyboards, wireframes, and prototypes.

See salaries and explore the career path for Interaction Designer

Product Designer

A Product Designer is a person who designs the overall experience of a product. They make sure that a product is useful, usable, and desirable. This course may be useful for someone who wants to become a Product Designer because it teaches the basics of product design, including how to create storyboards, wireframes, and prototypes.

See salaries and explore the career path for Product Designer

Visual Designer

A Visual Designer creates the visual elements of a product. They make sure that a product is visually appealing and consistent with the brand. This course may be useful for someone who wants to become a Visual Designer because it teaches the basics of visual design, including how to create storyboards, wireframes, and prototypes.

See salaries and explore the career path for Visual Designer

Graphic Designer

A Graphic Designer creates visual content for a variety of purposes, including marketing, branding, and advertising. This course may be useful for someone who wants to become a Graphic Designer because it teaches the basics of graphic design, including how to create storyboards and prototypes.

See salaries and explore the career path for Graphic Designer

Information Architect

An Information Architect is a person who designs the structure and organization of a website or application. They make sure that a website or application is easy to navigate and find information. This course may be useful for someone who wants to become an Information Architect because it teaches the basics of information architecture, including how to create wireframes and prototypes.

See salaries and explore the career path for Information Architect

Content Strategist

A Content Strategist is a person who plans and manages the content of a website or application. They make sure that a website or application has the right content for its target audience. This course may be useful for someone who wants to become a Content Strategist because it teaches the basics of content strategy, including how to create storyboards and prototypes.

See salaries and explore the career path for Content Strategist

Marketing Manager

A Marketing Manager is a person who plans and executes marketing campaigns for a company. They make sure that a company's products and services are marketed effectively. This course may be useful for someone who wants to become a Marketing Manager because it teaches the basics of marketing, including how to create storyboards and prototypes.

See salaries and explore the career path for Marketing Manager

Project Manager

A Project Manager is a person who plans and executes projects for a company. They make sure that projects are completed on time, within budget, and to the required quality. This course may be useful for someone who wants to become a Project Manager because it teaches the basics of project management, including how to create storyboards and prototypes.

See salaries and explore the career path for Project Manager

Business Analyst

A Business Analyst is a person who analyzes a company's business processes and makes recommendations for improvements. This course may be useful for someone who wants to become a Business Analyst because it teaches the basics of business analysis, including how to create storyboards and prototypes.

See salaries and explore the career path for Business Analyst

Technical Writer

A Technical Writer is a person who writes technical documentation, such as user manuals and training materials. This course may be useful for someone who wants to become a Technical Writer because it teaches the basics of technical writing, including how to create storyboards and prototypes.

See salaries and explore the career path for Technical Writer

Data Analyst

A Data Analyst is a person who analyzes data to find trends and patterns. This course may be useful for someone who wants to become a Data Analyst because it teaches the basics of data analysis, including how to create storyboards and prototypes.

See salaries and explore the career path for Data Analyst

Software Engineer

A Software Engineer is a person who designs, develops, and maintains software applications. This course may be useful for someone who wants to become a Software Engineer because it teaches the basics of software engineering, including how to create storyboards and prototypes.

See salaries and explore the career path for Software Engineer

Computer Programmer

A Computer Programmer is a person who writes code to implement software applications. This course may be useful for someone who wants to become a Computer Programmer because it teaches the basics of computer programming, including how to create storyboards and prototypes.

See salaries and explore the career path for Computer Programmer