Concevoir une app simple
Prototype Keynote
Dans Keynote, créez un prototype de votre app.
Estimation du temps nécessaire pour terminer ce didacticiel :
40 minutes
Dans Keynote, créez un prototype de votre app.
Estimation du temps nécessaire pour terminer ce didacticiel :
40 minutes
Utilisez la diapositive vierge fournie dans la section Prototype Keynote du Keynote de présentation du projet pour créer votre prototype. Dupliquez la diapositive si nécessaire.
Découvrez les fonctionnalités Keynote suivantes, que vous êtes susceptible d’utiliser dans votre app. Chaque section utilise l’app Affirmations à titre d’exemple.
Ajoutez du texte, des lignes et des figures.
Étape 1
Pour ajouter du texte, des lignes ou des figures, touchez Figures et choisissez un élément.
Étape 2
Touchez Données multimédias pour ajouter des images, des sons, des dessins ou des vidéos.
Étape 3
Pour redimensionner une figure ou une image, faites glisser les coins bleus vers l’emplacement souhaité.
Étape 4
Touchez deux fois une figure pour ajouter du texte.
Étape 5
Ajoutez tous les éléments de votre app et donnez‑leur les dimensions voulues.
Pensez aux titres, images et boutons.
Modifiez la couleur et la transparence des éléments de votre prototype.
Étape 1
Affichez le navigateur de diapositives.
Étape 2
Changez d’arrière-plan en sélectionnant la diapositive, puis en touchant Format .
Étape 3
Touchez Arrière-plan et choisissez une couleur, un dégradé ou une image.
Étape 4
Touchez Dynamique pour ajouter un arrière-plan mobile.
Étape 5
Modifiez la couleur d’une figure.
Touchez la ou les figures, touchez Format, puis touchez Remplissage.
Étape 6
Utilisez le curseur d’opacité pour ajuster la transparence d’un élément.
Sélectionnez l’élément, touchez Format et glissez le curseur d’opacité jusqu’au niveau de transparence souhaité.
Étape 7
Utilisez les commandes fournies pour modifier le style de texte.
Touchez pour sélectionner le texte, touchez Format, puis touchez Texte.
Étape 8
Continuez à modifier votre prototype jusqu’à ce qu’il vous satisfasse pleinement.
Rendez votre prototype d’app interactif en ajoutant des liens entre les diapositives.
Étape 1
Déterminez si votre app a besoin de transitions ou d’interactivité.
Conseil
Pour rendre votre prototype interactif, utilisez plusieurs diapositives pour ajouter ou modifier des éléments.
Étape 2
Pour ajouter une diapositive, touchez la diapositive, puis touchez Dupliquer.
Étape 3
Pour créer un lien, sélectionnez l’élément, puis sélectionnez Lien.
Étape 4
Décidez à quoi doit mener le lien. Vous pouvez créer un lien vers une diapositive, une page web, un e‑mail ou un numéro de téléphone.
Conseil
Pour que votre prototype se comporte comme une app, autorisez uniquement la navigation via des liens.
Étape 5
Pour sélectionner un type de présentation, touchez le nom de votre présentation, touchez Options de la présentation, puis Type de présentation.
Étape 6
Touchez Les liens uniquement.
Étape 7
Continuez à créer des diapositives et des liens jusqu’à ce que votre app soit terminée. Touchez Lecture et testez les liens à mesure que vous les ajoutez.
Étape 8
Touchez Lecture et suivez tous les chemins possibles pour parcourir votre app. Y a-t-il des impasses ? Si c’est le cas, ajoutez un lien pour vous assurer que la personne utilisatrice n’est jamais bloquée.
Utilisez des animations pour ajouter, améliorer ou supprimer des éléments.
Étape 1
Pour ajouter une animation, touchez l’élément à animer et sélectionnez Animer.
Étape 2
Explorez les différentes options d’animation.
L’option Ajouter une entrée ajoute l’élément à l’écran.
L’option Ajouter une action effectue une action.
L’option Ajouter une sortie supprime l’élément de l’écran.
Étape 3
Essayez les différentes animations du menu pour voir ce qui vous convient.
Une fois que vous avez terminé, touchez Retour .
Étape 4
Touchez votre animation et ajustez les réglages à votre convenance, puis touchez OK.
Conseil
Si vous utilisez le type de présentation Les liens uniquement, les animations ne seront lues consécutivement qu’après une transition.
Étape 5
Touchez Ordre de compos. pour modifier les réglages de la composition.
Étape 6
Sur la première animation, touchez Après la transition.
Étape 7
Sur toutes les autres animations, touchez Après la composition.
Étape 8
Touchez Aperçu pour tester vos animations. Continuez à faire des modifications jusqu’à ce que votre app ait l’apparence et le fonctionnement voulus.
À suivre :