La dernière fois, nous avons vu l’éditeur et cette fois-ci nous allons voir que concevoir votre interface dans Bubble est simple. Il suffit de cliquer sur l’élément que vous voulez et de le dessiner n’importe où sur l’écran pour l’ajouter.
Pour pouvoir suivre ce « tutoriel Bubble », il est conseillé de cliquer sur le bouton du dessus pour voir la vidéo en même temps.
L’assistant d’application nous a donné ce design pour nous donner un coup de pouce et nous allons l’utiliser à notre avantage.
Tout ce que nous voyons sur une page Bubble est un élément.
Pour ajouter le vôtre, jetons un coup d’oeil à l’interface utilisateur du constructeur Bubble.
Nos éléments sont classés dans plusieurs catégories.
- Les Visual elements, ou éléments visuels, contiennent les blocs de construction pour votre design
- Les Containers ou conteneurs permettent d’afficher des choses et maintenir les éléments ensemble
- Et les champs de formulaires pour collecter ou envoyer des données
Nous organisons ensuite notre interface en plaçant nos éléments dans des groupes.
Ajoutons notre propre élément à cette page, sélectionnons un élément de champ de formulaire et dessinons-le comme ceci, vous pouvez ensuite cliquer dessus et le redimensionner ou le déplacer où vous voulez.
Nous ajoutons cet élément de champ à un groupe existant de notre page.
En ajoutant des éléments à la page, nous créons un arbre d’éléments, qui nous permet de voir comment les éléments sont empilés ensemble dans les groupes.
Cliquez sur PREVIEW pour voir ce que nous avons ajouté à la page et Bubble fait tout le travail pour vous en arrière plan.
Ces éléments sont déjà construits et prêts à être utilisés.
Vous pouvez donc construire le design que vous imaginez en faisant simplement glisser les éléments sur la page.
Dans la prochaine vidéo, nous allons voir comment ajouter des workflows et en créerons un pour cet élément de champ que nous avons ajouté.
