{"id":124610,"date":"2018-02-22T16:33:07","date_gmt":"2018-02-22T15:33:07","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/start-prototyping-web-and-mobile-apps\/"},"modified":"2025-01-30T12:56:29","modified_gmt":"2025-01-30T11:56:29","slug":"start-prototyping-web-and-mobile-apps","status":"publish","type":"post","link":"https:\/\/www.justinmind.com\/fr\/aide\/creez-premier-projet","title":{"rendered":"Cr\u00e9ez votre premier projet"},"content":{"rendered":"<p>Bienvenue \u00e0 Justinmind, l&rsquo;outil de prototypage et de design le plus puissant. Dans ce guide, vous apprendrez quelques bases de Justinmind, notamment comment cr\u00e9er et concevoir des \u00e9crans, ajouter des interactions et collaborer avec des clients. <\/p>\n<div class=\"embed-container\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/781817908\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p><span style=\"font-weight: 400;\">Connectez-vous \u00e0 Justinmind, et vous trouverez l&rsquo;\u00e9cran d&rsquo;accueil. Cliquez sur \u00ab\u00a0nouveau projet\u00a0\u00bb ; l&rsquo;appareil avec lequel vous souhaitez commencer votre projet : site web, mobile, tablette ou autre. Cliquez sur \u00ab\u00a0cloud\u00a0\u00bb ou \u00ab\u00a0local\u00a0\u00bb pour d\u00e9cider o\u00f9 enregistrer votre projet et sur le menu d\u00e9roulant \u00ab\u00a0appareil\u00a0\u00bb pour d\u00e9finir les dimensions.  <\/span>.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74121\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog.png\" alt=\"\" width=\"1640\" height=\"1164\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-300x213.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-768x545.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/home-dashboard-new-project-dialog-1024x727.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><br \/>\n<span style=\"font-weight: 400;\">Enfin, cliquez sur \u00ab\u00a0OK\u00a0\u00bb pour cr\u00e9er votre projet.<\/span><\/p>\n<h2><a id=\"explore-justinmind-interface\"><\/a>Explorer l&rsquo;interface utilisateur de Justinmind<\/h2>\n<p>L&rsquo;interface utilisateur de Justinmind est divis\u00e9e en diff\u00e9rentes palettes, que vous utiliserez pour cr\u00e9er et personnaliser vos wireframes :<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42954\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/06\/Justinmind-UI-Overview.png\" alt=\"Pr\u00e9sentation de l'UI de Justinmind\" width=\"2052\" height=\"1237\"><\/p>\n<ol class=\"image-bullet\">\n<li><strong>Barre d&rsquo;outils<\/strong> &#8211; s\u00e9lectionnez des formes, des images et des \u00e9l\u00e9ments de texte dans la barre d&rsquo;outils et placez-les sur le canevas pour concevoir votre projet. Cliquez sur le bouton \u00ab\u00a0+\u00a0\u00bb de la barre d&rsquo;outils pour afficher d&rsquo;autres \u00e9l\u00e9ments, tels que des listes d\u00e9roulantes, des points chauds et des champs de saisie de texte. <a href=\"https:\/\/www.justinmind.com\/fr\/aide\/raccourcis-clavier\">La plupart de ces \u00e9l\u00e9ments et widgets disposent de raccourcis clavier<\/a>. <\/li>\n<li><strong>\u00c9crans<\/strong> &#8211; affichez et ajoutez de nouveaux \u00e9crans dans la palette \u00c9crans. Les \u00e9crans sont similaires aux Artboards ou aux Frames dans d&rsquo;autres applications. Chaque \u00e9cran contient son propre canevas et un projet entier peut contenir de nombreux \u00e9crans diff\u00e9rents, que vous pouvez relier entre eux \u00e0 l&rsquo;aide d&rsquo;\u00e9v\u00e9nements.Cliquez sur le bouton \u00ab\u00a0+\u00a0\u00bb de cette palette pour ajouter un nouvel \u00e9cran.  <\/li>\n<li><strong>Canvas<\/strong> &#8211; placez des \u00e9l\u00e9ments sur le Canvas pour construire vos designs et wireframes.<\/li>\n<li><strong>Alignement<\/strong> &#8211; aligne et distribue les \u00e9l\u00e9ments sur le canevas.<\/li>\n<li><strong>Propri\u00e9t\u00e9s<\/strong>: la palette Propri\u00e9t\u00e9s permet de visualiser et de modifier le style, la position et la visibilit\u00e9 d&rsquo;un \u00e9l\u00e9ment au cours de la simulation. Les diff\u00e9rents \u00e9l\u00e9ments ont leurs propres propri\u00e9t\u00e9s que vous pouvez personnaliser. <\/li>\n<li><strong>\u00c9v\u00e9nements<\/strong> &#8211; cr\u00e9ez des interactions et transformez des wireframes en projets de grande qualit\u00e9 dans la palette \u00c9v\u00e9nements. <a href=\"https:\/\/www.justinmind.com\/fr\/aide\/evenements-et-interactions\">En savoir plus sur les \u00e9v\u00e9nements<\/a>.<\/li>\n<li><strong>Couches<\/strong>: affichez et r\u00e9organisez le positionnement hi\u00e9rarchique des \u00e9l\u00e9ments sur le canevas. Faites glisser un \u00e9l\u00e9ment pour le r\u00e9organiser au-dessus ou au-dessous d&rsquo;autres \u00e9l\u00e9ments. Survolez un \u00e9l\u00e9ment ou un groupe pour afficher les options permettant de le masquer ou de l&rsquo;afficher lors de l&rsquo;\u00e9dition.  <\/li>\n<li><strong>Biblioth\u00e8ques<\/strong> &#8211; trouvez des \u00e9l\u00e9ments pr\u00e9-stylis\u00e9s suppl\u00e9mentaires dans la palette Biblioth\u00e8ques. Diff\u00e9rentes biblioth\u00e8ques s&rsquo;affichent ici en fonction de l&rsquo;appareil avec lequel vous effectuez le prototypage. Par exemple, si vous r\u00e9alisez un prototype pour un t\u00e9l\u00e9phone Android, vous trouverez des composants Android affich\u00e9s ici par d\u00e9faut. Cliquez sur le lien \u00ab\u00a0Autres biblioth\u00e8ques\u00a0\u00bb pour trouver d&rsquo;autres biblioth\u00e8ques UI \u00e0 utiliser dans votre projet. Appuyez sur le bouton \u00ab\u00a0+\u00a0\u00bb de cette palette pour cr\u00e9er votre propre biblioth\u00e8que personnalis\u00e9e. En <a href=\"https:\/\/www.justinmind.com\/fr\/aide\/bibliotheques-widgets-ui\">savoir plus sur les biblioth\u00e8ques UI<\/a>.   <\/li>\n<\/ol>\n<h2><a id=\"design-first-screen\"><\/a>Design du premier \u00e9cran de votre projet<\/h2>\n<h3>Faites glisser des \u00e9l\u00e9ments sur le canevas<\/h3>\n<p>S\u00e9lectionnez des \u00e9l\u00e9ments dans la barre d&rsquo;outils et la palette Biblioth\u00e8ques et placez-les sur le Canevas pour concevoir votre projet. Vous pouvez \u00e9galement utiliser des raccourcis clavier pour ajouter rapidement des \u00e9l\u00e9ments \u00e0 l&rsquo;\u00e9cran. <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 61%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741849191\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h3>Dessiner des formes vectorielles \u00e0 l&rsquo;aide de l&rsquo;outil Plume<\/h3>\n<p>L&rsquo;outil Plume se trouve \u00e0 c\u00f4t\u00e9 de l&rsquo;outil S\u00e9lection. Vous pouvez utiliser cet outil pour dessiner toutes sortes de combinaisons de lignes droites et de courbes et il fonctionne comme l&rsquo;outil plume dans de nombreuses autres applications de design. Pour dessiner une forme, il suffit de cliquer sur cet outil et, dans le canevas, l&rsquo;outil plume s&rsquo;activera et cr\u00e9era le premier point d&rsquo;ancrage. Si vous souhaitez dessiner une ligne droite, il vous suffit de cliquer ailleurs dans le canevas. Pour dessiner une courbe, cliquez dans le canevas et faites glisser tout en cliquant. Vous pouvez fermer une forme en cliquant sur le premier point d&rsquo;ancrage ou laisser le chemin ouvert en appuyant sur \u00ab\u00a0ESC\u00a0\u00bb. Vous trouverez des options suppl\u00e9mentaires pour les chemins et les points d&rsquo;ancrage dans la palette Propri\u00e9t\u00e9s.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-51438\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2021\/08\/pentool.png\" alt=\"Emplacement de l'outil Plume dans la barre d'outils\" width=\"820\" height=\"75\"><\/p>\n<h3>Ajouter des images<\/h3>\n<p>Cliquez sur l&rsquo;\u00e9l\u00e9ment Image dans la barre d&rsquo;outils ou appuyez sur <kbd>I<\/kbd> pour ajouter une image \u00e0 votre projet. Choisissez une image dans le navigateur de fichiers ou faites-la glisser depuis votre bureau pour la placer sur le canevas.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43005\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-Images-To-Prototypes.png\" alt=\"Ajoutez des images \u00e0 votre prototype en appuyant sur l'\u00e9l\u00e9ment image dans la barre d'outils.\" width=\"1173\" height=\"641\"><\/p>\n<h3>Ajouter des entr\u00e9es interactives<\/h3>\n<p>Les widgets d&rsquo;entr\u00e9e pr\u00e9d\u00e9finis de Justinmind sont automatiquement interactifs. Vous pouvez taper dans des champs de texte, s\u00e9lectionner des valeurs dans des listes d\u00e9roulantes, cocher des cases \u00e0 cocher, et bien plus encore, sans ajouter d&rsquo;\u00e9v\u00e9nements. Placez n&rsquo;importe quel widget de la section \u00ab\u00a0Champs de saisie interactifs\u00a0\u00bb de la barre d&rsquo;outils sur le canevas et simulez votre projet pour le v\u00e9rifier. <\/p>\n<div class=\"embed-container\" style=\"padding-bottom: 58%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741855709\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<h3>Ajouter un autre \u00e9cran<\/h3>\n<p>Rendez-vous dans la palette \u00c9crans, o\u00f9 vous trouverez une liste de tous les \u00e9crans de votre projet. Cliquez sur le bouton \u00ab\u00a0+\u00a0\u00bb pour ajouter un nouvel \u00e9cran.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43119\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Add-New-Screen.png\" alt=\"Cr\u00e9ez un nouvel \u00e9cran en cliquant sur le bouton +.\" width=\"1470\" height=\"876\"><br \/>\nDouble-cliquez sur un \u00e9cran dans cette palette pour le renommer. Cliquez sur un \u00e9cran dans la palette Calques ou double-cliquez sur le canevas pour acc\u00e9der aux options permettant de modifier la taille du canevas, le type d&rsquo;appareil et la couleur d&rsquo;arri\u00e8re-plan de l&rsquo;\u00e9cran.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-42983\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Edit-Screen-Properties.png\" alt=\"S\u00e9lectionnez l'\u00e9cran dans la palette des calques ou double-cliquez sur le canevas pour afficher les options permettant de modifier les d\u00e9tails de l'\u00e9cran.\" width=\"2059\" height=\"1205\"><\/p>\n<h2><a id=\"add-links\"><\/a>Ajouter des liens et des \u00e9l\u00e9ments cliquables<\/h2>\n<p>Naviguez vers d&rsquo;autres \u00e9crans tout en pr\u00e9visualisant votre projet en ajoutant des liens interactifs. Vous pouvez cr\u00e9er des liens de trois mani\u00e8res diff\u00e9rentes : <\/p>\n<div><strong>Remarque :<\/strong> vous aurez besoin d&rsquo;au moins deux \u00e9crans pour cr\u00e9er des liens entre eux.<\/div>\n<ul>\n<li><strong>Glisser-d\u00e9poser :<\/strong> S\u00e9lectionnez un \u00e9l\u00e9ment du canevas que vous souhaitez lier \u00e0 un autre \u00e9cran. Faites-le ensuite glisser vers la palette Screens et vers l&rsquo;\u00e9cran auquel vous souhaitez \u00e9tablir un lien. Cela cr\u00e9era automatiquement un \u00e9v\u00e9nement <strong>\u00ab\u00a0On Click<\/strong> + <strong>Navigate To\u00a0\u00bb<\/strong>.<br \/>\n<video class=\"lazyload\" style=\"max-width: 820px; width: 100%; padding: 20px 0px;\" preload=\"auto\" loop=\"loop\" muted=\"\" width=\"300\" height=\"150\" data-autoplay=\"\" data-poster=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.png\"><source src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.mp4\" type=\"video\/mp4\"><\/source><img decoding=\"async\" src=\"https:\/\/assets.justinmind.com\/wp-content\/uploads\/2022\/08\/drag-to-screen-link.png\" alt=\"Lien \"glisser vers l'\u00e9cran\"><br \/>\nLien \u00ab\u00a0glisser vers l&rsquo;\u00e9cran<\/video><\/li>\n<li><strong>Cliquez avec le bouton droit de la souris :<\/strong> S\u00e9lectionnez un \u00e9l\u00e9ment que vous souhaitez relier \u00e0 un autre \u00e9cran, cliquez dessus avec le bouton droit de la souris et s\u00e9lectionnez <strong>Naviguer vers<\/strong> dans la fen\u00eatre contextuelle. Vous pouvez alors choisir l&rsquo;\u00e9cran vers lequel le lien doit \u00eatre \u00e9tabli et inclure ou non un effet de transition dans le lien. <\/li>\n<li><strong>La palette \u00c9v\u00e9nements :<\/strong> S\u00e9lectionnez un \u00e9l\u00e9ment que vous souhaitez lier \u00e0 un autre \u00e9cran, acc\u00e9dez \u00e0 la palette \u00c9v\u00e9nements et cliquez sur \u00ab\u00a0Ajouter un \u00e9v\u00e9nement\u00a0\u00bb. Dans la bo\u00eete de dialogue \u00c9v\u00e9nements, cliquez sur le menu d\u00e9roulant \u00ab\u00a0Choose Trigger\u00a0\u00bb, survolez la section <strong>Souris<\/strong> et choisissez un d\u00e9clencheur <strong>\u00ab\u00a0On Click\u00a0\u00bb<\/strong>. Cliquez dessus et choisissez <strong>Naviguer vers.<\/strong> Enfin, s\u00e9lectionnez un \u00e9cran \u00e0 lier dans la liste qui appara\u00eet ci-dessous et cliquez sur \u00ab\u00a0OK\u00a0\u00bb pour terminer la cr\u00e9ation de l&rsquo;\u00e9v\u00e9nement.\n<div class=\"embed-container\" style=\"padding-bottom: 56%;\"><iframe loading=\"lazy\" src=\"https:\/\/player.vimeo.com\/video\/741909046\" width=\"640\" height=\"564\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/div>\n<p>Dans la bo\u00eete de dialogue \u00c9v\u00e9nements, vous pouvez \u00e9galement choisir de cr\u00e9er un lien vers l&rsquo;\u00e9cran pr\u00e9c\u00e9demment visualis\u00e9 dans votre projet ou vers une URL externe.<\/li>\n<\/ul>\n<p><h2><a id=\"simulate-prototype\"><\/a>Simuler votre projet<\/h2>\n<p>V\u00e9rifiez l&rsquo;interactivit\u00e9 de votre projet en temps r\u00e9el en effectuant une simulation. Cliquez sur le bouton \u00ab\u00a0Play\u00a0\u00bb ou appuyez sur <kbd>F5<\/kbd> pour lancer le visualiseur de simulation dans un navigateur.<br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43131\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/Simulate-Prototype.png\" alt=\"Cliquez sur le bouton de lecture pour simuler un prototype\" width=\"1193\" height=\"532\"><br \/>\nLa barre sup\u00e9rieure du visualiseur vous permet de naviguer manuellement dans le projet et de modifier la taille du canevas. Fermez ou r\u00e9duisez la fen\u00eatre de simulation pour revenir \u00e0 l&rsquo;\u00e9diteur. <\/p>\n<h2><a id=\"get-feedback\"><\/a>Partagez et obtenez un retour d&rsquo;information de la part des t\u00e9l\u00e9spectateurs<\/h2>\n<p><span style=\"font-weight: 400;\">Dans l&rsquo;onglet \u00ab\u00a0Mon projet\u00a0\u00bb \/ \u00ab\u00a0Cloud\u00a0\u00bb, vous pouvez inviter des utilisateurs \u00e0 consulter votre projet en cliquant avec le bouton droit de la souris sur le projet et en s\u00e9lectionnant l&rsquo;option \u00ab\u00a0Partager\u00a0\u00bb.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74122\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option.png\" alt=\"\" width=\"1640\" height=\"980\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-300x179.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-768x459.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/myproject-share-option-1024x612.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-size: inherit;\"><span style=\"font-weight: 400;\">Dans la bo\u00eete de dialogue \u00ab\u00a0Partager avec les \u00e9diteurs et les spectateurs\u00a0\u00bb, s\u00e9lectionnez \u00ab\u00a0Peut visualiser\u00a0\u00bb et, en cliquant sur l&rsquo;entr\u00e9e, vous pouvez ajouter des utilisateurs et des groupes en les s\u00e9lectionnant dans la liste ou en tapant leur adresse \u00e9lectronique<\/span>.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74123\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog.png\" alt=\"\" width=\"1640\" height=\"1060\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-300x194.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-768x496.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-dialog-1024x662.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00c0 partir de cette bo\u00eete de dialogue, vous pourrez \u00e9galement ajouter de nouveaux utilisateurs et obtenir un lien partageable.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Si vous avez \u00e9t\u00e9 invit\u00e9 \u00e0 consulter un projet, vous recevrez un courriel de notification vous invitant \u00e0 consulter le projet.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74124\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email.png\" alt=\"\" width=\"1640\" height=\"950\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-300x174.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-768x445.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/review-the-project-notification-email-1024x593.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Une fois les utilisateurs ajout\u00e9s, vous pouvez cliquer sur les trois points \u00e0 droite pour les supprimer.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74125\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option.png\" alt=\"\" width=\"1640\" height=\"1160\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-300x212.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-768x543.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/share-can-view-remove-option-1024x724.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Vous pouvez \u00e9galement ajouter des spectateurs \u00e0 votre projet lorsque vous le concevez, en cliquant sur l&rsquo;ic\u00f4ne \u00ab\u00a0Partager\u00a0\u00bb de la barre d&rsquo;outils.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-74126\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon.png\" alt=\"\" width=\"1640\" height=\"900\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon.png 1640w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-300x165.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-768x421.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2018\/02\/editing-screen-share-icon-1024x562.png 1024w\" sizes=\"(max-width: 1640px) 100vw, 1640px\" \/><\/p>\n<h2><a id=\"view-on-device\"><\/a>Simuler un projet sur un appareil r\u00e9el<\/h2>\n<p>Pr\u00e9visualisez l&rsquo;aspect et la convivialit\u00e9 de vos projets sur un appareil r\u00e9el \u00e0 l&rsquo;aide de l&rsquo;application mobile de Justinmind.<\/p>\n<h3>Cr\u00e9ateurs de projets<\/h3>\n<ol>\n<li>T\u00e9l\u00e9chargez et installez l&rsquo;application mobile Justinmind, que vous trouverez dans l&rsquo;App Store d&rsquo;Apple ou le Google Play Store.<\/li>\n<li>Apr\u00e8s l&rsquo;installation, ouvrez l&rsquo;application mobile et connectez-vous avec les d\u00e9tails de votre compte Justinmind. Vous verrez alors une liste des projets que vous avez partag\u00e9s sur votre compte cloud Justinmind. <\/li>\n<li>Cliquez sur un projet pour le visualiser. Les projets marqu\u00e9s d&rsquo;un point rouge doivent \u00eatre t\u00e9l\u00e9charg\u00e9s avant que vous puissiez les visualiser. Il vous suffit de cliquer dessus pour lancer le t\u00e9l\u00e9chargement. <img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-43270\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2020\/07\/App-interface.png\" alt=\"Interface de l'application mobile Justinmind. Cliquez sur un prototype pour le visualiser\" width=\"1491\" height=\"924\"><\/li>\n<\/ol>\n<p>Les projets sur votre appareil disposent de toute l&rsquo;interactivit\u00e9 que vous avez d\u00e9finie dans l&rsquo;\u00e9diteur de Justinmind.<\/p>\n<h3>T\u00e9l\u00e9spectateurs du projet<\/h3>\n<p>Les \u00e9valuateurs et les clients peuvent \u00e9galement consulter vos projets et interagir avec eux sur leurs appareils mobiles. Ils peuvent le faire de deux mani\u00e8res : <\/p>\n<ul>\n<li><strong>L&rsquo;application mobile Justinmind :<\/strong> Les r\u00e9viseurs peuvent t\u00e9l\u00e9charger et installer l&rsquo;appli Justinmind, et voir le projet qu&rsquo;ils ont \u00e9t\u00e9 invit\u00e9s \u00e0 consulter.<\/li>\n<li><strong>Dans un navigateur mobile :<\/strong> Les \u00e9valuateurs peuvent cliquer sur le lien du projet que vous partagez avec eux, ce qui chargera la simulation du projet dans leur navigateur mobile.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Bienvenue \u00e0 Justinmind, l&rsquo;outil de prototypage et de design le plus puissant. Dans ce guide, vous apprendrez quelques bases de Justinmind, notamment comment cr\u00e9er et concevoir&#8230;<\/p>\n","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[8416,8417],"tags":[],"class_list":["post-124610","post","type-post","status-publish","format-standard","hentry","category-formation","category-pour-commencer"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124610"}],"collection":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/comments?post=124610"}],"version-history":[{"count":3,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124610\/revisions"}],"predecessor-version":[{"id":125141,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/posts\/124610\/revisions\/125141"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/media?parent=124610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/categories?post=124610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/fr\/wp-json\/wp\/v2\/tags?post=124610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}