[Vidéo: prototype]
Avant de commencer à construire votre application, vous devriez vraiment savoir ce que vous voulez pour votre application: combien d'écrans il aura, ce que chaque écran ressemblera, comment vos utilisateurs navigueront par votre application, etc Vous devez faire un prototype De votre application. Lors du prototypage de votre application, vous commencerez à définir des questions sur la structure, la conception, le contenu, etc., et vous serez forcé de modifier l'application. En outre, votre prototype vous permettra de montrer à votre client ou votre équipe à quoi ressemblera l'application. Il est toujours beaucoup plus facile de faire des changements tout en prototypage, plutôt que de développer l'application réelle.
Il existe différentes méthodes pour créer un bon prototype et vous devriez trouver le meilleur pour vous. Cependant, nous vous recommandons de commencer par utiliser certains des traditionnels:
- Crayon et papier
Avant de commencer votre application, vous devriez obtenir du papier et commencer à dessiner tous les écrans de votre application. Ensuite, dessinez des lignes reliant les écrans pour définir le flux de navigation de votre application. Il vaut mieux utiliser un crayon au lieu d'un stylo ou d'un marqueur, car les crayons vous permettent d'effacer et de redessiner.
- Tableau blanc et post-its
Trouver des post-its rectangulaires, car ils pourraient être similaires à l'écran d'un smartphone. Croquis chaque écran unique de votre application sur un post-it différent. Ensuite, collez-les de façon ordonnée sur le tableau blanc et dessiner des lignes de connexion écrans pour définir la navigation de votre application. La meilleure chose à propos de cette méthode est que vous pouvez supprimer post-its et les re-stick dans des positions différentes ou même les remplacer par un nouveau post-it. Et les lignes sont faciles à enlever.
[Image: tableau blanc]
Si vous avez seulement besoin d'un prototype pour votre propre usage, juste pour savoir à quoi ressemblera votre application ou fonctionner comme et pour gagner du temps dans le processus de développement, les méthodes décrites ci-dessus sont plus que suffisant. Prenez une photo du tableau blanc pour que vous vous souveniez du prototype.
Si vous avez besoin de partager le prototype avec votre équipe ou votre client afin qu'ils puissent l'examiner et vous donner des commentaires, vous aurez probablement besoin de plus qu'une image de votre tableau blanc. Il existe différents outils pour créer des prototypes (wireframes) dans votre ordinateur. Vous pouvez utiliser des outils génériques tels que PowerPoint ou Google Presentations, ou vous pouvez essayer des outils plus spécifiques comme balsamiq, proto.io ou invision. Certains d'entre eux laissent votre équipe ajouter des commentaires.
La dernière étape, dans le cas où vous devez montrer quelque chose de similaire à l'application finale ou juste pour vérifier que la navigation que vous avez planifié a un sens, est la construction d'une fausse application (une maquette). Vous pouvez faire cette dernière étape avec Mobincube. Créez une nouvelle application, puis prenez des photos de votre post-it et téléversez-les sur votre nouvelle application à l'aide du gestionnaire de ressources. Utilisez des écrans «image d'action» pour simuler vos écrans, définissant des zones carrées sur les dessins qui représentent les boutons. Rendre ces zones cliquables en utilisant l'action "aller à l'écran". Vous n'avez besoin que de quelques minutes pour construire votre maquette et l'installer sur votre smartphone ou votre tablette. Si vous avez besoin d'une maquette plus réaliste, vous pouvez utiliser des écrans, des barres, des minuteries, etc.
Articles Liés:
Comprendre l'interface de Mobincube's
[What_is_screen]
[Screen_actionimage]
[What_is_bar]
[Écran_detail]