In this 2 hours long guided project you will learn how to create an e-commerce web UI wireframe using Pencil Project. You will create a user interaction and navigation flowchart, sketch re-usable items like header and navigation, group and arrange them into private collections, create home and product page, design dialogue and error messages, link the elements and finally export the prototype in an image, PDF or clickable interactive web format.
Draw a wireframe in Pencil Project
Économisez sur les compétences qui vous font briller avec 40 % de réduction sur 3 mois de Coursera Plus. Économisez maintenant
Apprendre, pratiquer et appliquer des compétences professionnelles grâce à des conseils d’experts
niveau Débutant
Aucune connaissance prérequise
1.5 hours
Apprenez à votre propre rythme
Un apprentissage pratique
Ce que vous apprendrez
Create and export a wireframe using Pencil Project
Wireframe an ecommerce home and product pages with dialogue and error messages
Edit images and group, add and align elements into private personalized reusable collections
Compétences que vous pratiquerez
- Catégorie : Web Development
- Catégorie : User Interface (UI)
- Catégorie : Prototyping
- Catégorie : Wireframing
- Catégorie : Web Design
- Catégorie : Interaction Design
- Catégorie : User Flows
Outils que vous utiliserez
- Catégorie : UI Components
Détails à connaître
Certificat partageable
Ajouter à votre profil LinkedIn
Enseigné en Anglais
Aucun téléchargement ou installation requis(e)
Disponible uniquement sur ordinateur
Découvrez comment les employés des entreprises prestigieuses maîtrisent des compétences recherchées
Apprendre, pratiquer et appliquer des compétences prêtes à l’emploi en moins de 2 heures
- Bénéficiez d’une formation par des experts du secteur
- Gagnez en expérience pratique en effectuant des tâches professionnelles du monde réel
- Renforcez votre confiance en utilisant les outils et technologies les plus récents
À propos de ce Projet Guidé
Apprendrez étape par étape
Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :
Draw a navigation flowchart
Sketch header and menu
Create the home page
Group, arrange and create shapes
Create the product page
Add images
Create dialogue and error messages
Link elements
Export the wireframe
Expérience recommandée
9 images de projet
Instructeur
48 Cours418 748 apprenants
Offert par
Méthode d’apprentissage
Apprentissage pratique basé sur les compétences
Mettez en pratique de nouvelles compétences en effectuant des tâches professionnelles.
Conseils d’experts
Suivez les vidéos pré-enregistrées d’experts à l’aide d’une interface unique, divisée en deux.
Aucun téléchargement ou installation requis(e)
Accédez aux outils et aux ressources dont vous avez besoin dans un espace de travail cloud préconfiguré.
Disponible uniquement sur ordinateur de bureau
Ce Projet Guidé est conçu pour les ordinateurs portables ou de bureau disposant d’une connexion internet fiable, et non pour les appareils mobiles.
Pour quelles raisons les étudiants sur Coursera nous choisissent-ils pour leur carrière ?
Felipe M.
Étudiant(e) depuis 2018
’Pouvoir suivre des cours à mon rythme à été une expérience extraordinaire. Je peux apprendre chaque fois que mon emploi du temps me le permet et en fonction de mon humeur.’
Jennifer J.
Étudiant(e) depuis 2020
’J'ai directement appliqué les concepts et les compétences que j'ai appris de mes cours à un nouveau projet passionnant au travail.’
Larry W.
Étudiant(e) depuis 2021
’Lorsque j'ai besoin de cours sur des sujets que mon université ne propose pas, Coursera est l'un des meilleurs endroits où se rendre.’
Chaitanya A.
’Apprendre, ce n'est pas seulement s'améliorer dans son travail : c'est bien plus que cela. Coursera me permet d'apprendre sans limites.’
Vous aimerez peut-être aussi
Statut : Gratuit
Statut : Essai gratuitCalifornia Institute of the Arts
Statut : Essai gratuit
Statut : GratuitCoursera
