4 raisons pour lesquelles les entreprises intelligentes créent des prototypes interactifs

Publié: 2015-12-11

[ Proto .io est un outil de prototypage d'applications mobiles de premier plan utilisé par les entrepreneurs et les startups pour créer des prototypes réalistes entièrement interactifs qui ressemblent à de vraies applications.]

Votre prototype d'application mobile ne se contente pas de montrer votre idée à vos investisseurs. Il s'agit également d'un puissant outil de test et de marketing qui travaille dur tout au long du cycle de vie de votre projet d'application mobile, de la conception à l'assurance qualité. Des prototypes interactifs bien exécutés peuvent également aider à prévenir un certain nombre de catastrophes de conception d'interface utilisateur mobile, des escarmouches entre concepteurs et développeurs (oui, ils peuvent aussi être amis !) aux SNAFU budgétaires.

Mais trop souvent, les entreprises détournent le processus de prototypage, refusant d'investir dans les bons outils ou se lançant prématurément dans les étapes de conception et de développement de la création d'une application mobile. Le temps et l'argent sont, après tout, des ressources limitées, et lorsqu'une grande échéance approche, il peut être tentant de recourir à des diapositives PowerPoint avec des approximations statiques en deux dimensions de ce à quoi ressemblera votre application. (Mais bon, au moins ça bat un croquis sur le dos d'une serviette !)

Les prototypes interactifs contiennent beaucoup plus de facteurs "wow" que les wireframes plats.

using_interactive_prototypes_720

L'époque de l'envoi de PDF plats de wireframes est révolue depuis longtemps, et bon débarras pour eux. Bien que la simulation de la conception de votre interface utilisateur mobile dans Photoshop ou InDesign et l'envoi d'images haute résolution puissent montrer votre sens du design visuel en termes de théorie des couleurs, de typographie, de proportion et d'autres éléments de base de la conception, les wireframes d'applications mobiles plates sont extrêmement limités dans ce qu'ils communiquer à vos clients, utilisateurs potentiels ou bailleurs de fonds.

Imaginez que vous êtes le PDG d'une entreprise qui excelle dans ce qu'elle fait - peut-être une entreprise de cloud computing ou une boutique de maquillage éphémère - mais vous ne savez pas nécessairement grand-chose sur la conception ou le développement d'applications mobiles. Après tout, c'est pourquoi vous engagez une agence. Vous avez plusieurs agences qui présentent votre entreprise, mais une seule d'entre elles obtiendra le contrat.

L'agence A possède un portefeuille impressionnant et une liste de clients qui comprend plusieurs entreprises du Fortune 500, et vous avez entendu par le bouche à oreille que son équipe de développement est la meilleure du secteur. L'agence B est une petite entreprise, mais vous êtes intrigué par ce que vous avez vu dans son portefeuille jusqu'à présent, et vous savez que leurs prix sont plus compétitifs.

L'agence A conçoit des applications mobiles depuis si longtemps qu'elle est tombée dans un modèle fiable dans son processus. Ils vous envoient un PDF d'un concept d'application mobile potentiel, écran par écran. Chaque wireframe est annoté pour expliquer ce que fait chaque fonctionnalité, mais il y a un vocabulaire que vous ne connaissez pas, et surmonter la courbe d'apprentissage peut prendre plus de temps que vous n'en avez facilement disponible. Encore une fois, vous êtes le PDG très occupé d'une entreprise très prospère.

L'agence B vous envoie un prototype interactif de son concept d'application mobile. Il n'y a pas d'annotations à lire, pas de nouveaux mots de vocabulaire à apprendre - juste un fichier prototype numérique que vous pouvez récupérer dans votre navigateur ou sur votre appareil mobile préféré. Vous pouvez regarder le prototype interactif pendant que vous êtes dans le taxi en route pour votre prochaine conférence, ou le sortir sur votre ordinateur portable pendant que vous rencontrez les chefs de projet pour une nouvelle mission.

Le prototype interactif de l'agence B ressemble à une application mobile finie. Vous pouvez facilement naviguer d'un écran à l'autre, les boutons renvoient un retour haptique lorsque vous appuyez dessus ou les balayez et sans aucun savoir-faire en matière de conception d'applications mobiles, vous avez une idée parfaite de ce que l'Agence B essaie d'accomplir avec son concept. Cela signifie que vous n'avez pas à prévoir autant de temps pour les rencontrer pour discuter du pitch et que vous pouvez consacrer plus de temps à vos projets les plus urgents.

Avec quelle agence signeriez-vous un contrat ?

Créer des prototypes interactifs n'a pas besoin d'être plus de travail

"C'est formidable en théorie", pensez-vous peut-être, "mais avec de nombreux délais serrés à respecter et une bande passante limitée, il n'est pas réaliste de créer un prototype entièrement interactif pour chaque argumentaire de conception d'application mobile."

prototype 2

Avec les bons outils, la création d'un prototype interactif réaliste n'a pas besoin d'être plus difficile que la création d'un filaire plat - en fait, cela peut être plus facile et plus rapide. Avec des bibliothèques de conception d'interface utilisateur pleines d'éléments prêts à l'emploi dans une interface glisser-déposer, des outils comme Proto.io vous permettent de dessiner un prototype interactif, complet avec des animations et d'autres éléments multimédias riches, en quelques minutes seulement.

Considérez combien de temps il vous faudrait pour créer une image filaire dans Photoshop ou InDesign, en utilisant des calques pour afficher les transitions entre les écrans et en devant enregistrer une nouvelle image pour chaque vue. Ensuite, si vous devez apporter une modification à votre interface utilisateur qui affecte chaque écran (par exemple, un changement de police), vous devez enregistrer une nouvelle image pour chacune de ces vues distinctes. C'est avant que vous n'ajoutiez les annotations nécessaires pour expliquer le flux de votre application mobile au client.

Recommandé pour vous:

Que signifie la disposition anti-profit pour les startups indiennes ?

Que signifie la disposition anti-profit pour les startups indiennes ?

Comment les startups Edtech aident à améliorer les compétences et à préparer la main-d'œuvre pour l'avenir

Comment les startups Edtech aident la main-d'œuvre indienne à se perfectionner et à se préparer pour l'avenir...

Stocks technologiques de la nouvelle ère cette semaine : les problèmes de Zomato continuent, EaseMyTrip publie des...

Les startups indiennes prennent des raccourcis à la recherche de financement

Les startups indiennes prennent des raccourcis à la recherche de financement

La startup de marketing numérique Logicserve Digital aurait levé 80 Cr INR en financement auprès de la société de gestion d'actifs alternative Florintree Advisors.

La plate-forme de marketing numérique Logicserve met en sac un financement INR 80 Cr et se rebaptise LS Dig ...

Un rapport met en garde contre un examen réglementaire renouvelé sur l'espace Lendingtech

Un rapport met en garde contre un examen réglementaire renouvelé sur l'espace Lendingtech

Bien que la modification d'un processus auquel vous êtes habitué puisse impliquer une courbe d'apprentissage initiale et un peu d'adaptation au début, cela peut finalement être une manœuvre qui vous fera gagner du temps. Dans le cas des prototypes interactifs, vous gagnerez potentiellement non seulement du temps, mais aussi des contrats – des contrats qui auraient autrement pu être saisis par une agence moins talentueuse, mais mieux équipée, qui disposait d'un prototype interactif plus flashy.

Vous pouvez commencer les tests utilisateur bien plus tôt dans le cycle de vie du projet.

prototype3

Ce qui se passe dans la phase de test et d'assurance qualité du cycle de vie de votre application mobile peut faire ou défaire votre projet, déterminant si votre application offre une expérience magique aux utilisateurs ou plante dès qu'ils la téléchargent - atterrissant directement dans la corbeille presque aussi rapidement que il a trouvé une place sur l'écran de leur application.

Bien que l'exécution des tests et de l'assurance qualité sur votre prototype interactif n'élimine évidemment aucun des bogues ou des problèmes de performances que vous verrez dans le produit final, vous pouvez exécuter une assurance qualité sur tout le contenu, de sorte qu'au moment où votre les tests finaux et le processus d'assurance qualité arrivent, vous pouvez vous concentrer uniquement sur les problèmes interactifs. Une AQ de contenu comprend de nombreuses facettes importantes, notamment :

Une vérification visuelle de l'intégrité de la conception.

Est-ce que l'interface utilisateur globale est bonne ? Genre, vraiment bien ? Étant donné que votre prototype interactif est visuellement presque identique au produit final, vous pouvez apporter des modifications de conception à cette étape du jeu, avant même que vos développeurs ne commencent à penser à créer la version bêta.

Certaines choses que vous pourriez rencontrer incluent des erreurs de typographie (les tailles de police sont-elles cohérentes ? Cette police de caractères présente-t-elle des problèmes de lisibilité ?), Des problèmes généraux de dimensionnement et de proportion (particulièrement importants lors de la conception pour plusieurs appareils ou systèmes d'exploitation) et même des problèmes d'accessibilité visuelle (est-ce que cette palette accessible aux personnes daltoniennes ? Les utilisateurs peuvent-ils configurer facilement les options d'accessibilité ?).

Une vérification des directives de la marque.

Selon votre marque ou la marque de votre client, certains choix de conception peuvent ou non être casher. Y a-t-il suffisamment d'espace autour du logo ? Y a-t-il certaines polices de caractères ou palettes de couleurs auxquelles votre conception doit adhérer ? Certains choix de copie sont-ils légalement interdits ? Marteler ces détails dans votre prototype interactif signifie ne pas avoir à s'en soucier lorsque l'application a déjà été codée.

Test A/B sur votre interface utilisateur.

Les tests A / B sont un moyen puissant d'optimiser votre interface utilisateur pour la convivialité, l'attrait esthétique et le facteur «wow» global. Plutôt que d'attendre la phase bêta de votre application mobile pour exécuter des tests A/B, vous obligeant à créer deux versions du même concept, vous pouvez utiliser votre prototype interactif pour choisir entre des schémas de couleurs, des éléments de conception, des interactions, des messages, etc. . De cette façon, vous disposez des premiers commentaires des utilisateurs pour perfectionner votre conception avant de passer au développement.

Les prototypes interactifs sont de puissants atouts de marketing de contenu.

En matière de marketing de contenu, du marketing des médias sociaux à l'élaboration d'une stratégie éditoriale pour le blog de votre entreprise, l'engagement est roi, reine et bouffon de la cour, à condition que l'humour fonctionne pour votre marque (et que vous soyez bon dans ce domaine). C'est pourquoi les médias enrichis ont tendance à surpasser les contenus textuels en termes de partages, de likes, de retweets, de commentaires et d'autres interactions sociales : ils captivent davantage l'utilisateur qu'une simple copie. (Même la copie doit être optimisée pour l'engagement, cependant - par exemple, les questions ouvertes invitent vos abonnés à répondre !)

En termes de contenu engageant, quoi de mieux que des prototypes interactifs ? Si une image vaut mille mots et qu'une image en mouvement vaut mille images, alors une image en mouvement avec divers éléments interactifs n'a pratiquement pas de prix. Votre prototype d'application donnera non seulement à vos utilisateurs potentiels une idée fidèle de ce qu'ils s'apprêtent à télécharger sur leur appareil mobile préféré, mais ce sera votre meilleur atout pour le marketing de contenu.

Intégrez vos prototypes interactifs à votre site Web pour inciter les utilisateurs à balayer, appuyer et naviguer dans votre application, en se familiarisant instantanément avec votre interface utilisateur mobile avant même qu'ils n'appuient sur "Télécharger". Partagez le lien vers votre prototype interactif via Facebook et Twitter, et utilisez ces plateformes pour générer des commentaires des utilisateurs. « Que pensez-vous de ces options de menu ? » « Quelles caractéristiques ou fonctionnalités aimeriez-vous voir dans notre prochaine mise à jour ? » Non seulement vous collecterez des commentaires exploitables, mais vous disposerez également d'un contenu prêt à l'emploi pour votre calendrier de médias sociaux, optimisé pour l'engagement.

Les prototypes interactifs facilitent la collaboration.

À moins que vous ne soyez un as de la conception, du développement et du marketing d'applications mobiles volant complètement en solo, il y a de fortes chances que votre produit passe entre quelques mains avant de se retrouver dans une boutique d'applications. Dans le monde de plus en plus virtuel et axé sur le cloud d'aujourd'hui, la collaboration ne consiste plus à rester assis dans la même pièce, à siroter le même café et à parler boutique autour d'un tableau blanc. Votre designer et votre développeur peuvent se trouver dans deux fuseaux horaires distincts, et chacun d'eux peut être en conférence téléphonique avec un client sur un autre continent.

prototype 3

Comment mettre tout le monde sur la même longueur d'onde ? Plutôt que d'envoyer un e-mail avec une simple pièce jointe PDF, demandez à tout le monde de sortir le prototype interactif. Ensuite, tout le monde peut communiquer clairement et facilement sur l'application mobile. "Ce contenu ne devrait pas être sur le premier écran", peut suggérer le client - et avec quelques balayages, peut continuer, "Au lieu de cela, il devrait aller ici."

Mieux encore, les prototypes interactifs vous permettent de collaborer à distance même si vous ne trouvez pas d'heure commune pour prendre l'appel. Votre logiciel de prototypage numérique peut proposer des outils permettant à tous les participants au projet de laisser des commentaires et des annotations sur la conception initiale, une tâche un peu plus difficile à organiser lors de la collecte de commentaires fragmentaires laissés dans des e-mails ou des pièces jointes PDF.

Des prototypes interactifs bien faits

De beaux prototypes interactifs peuvent éblouir les clients, les utilisateurs potentiels ou les investisseurs, et un prototype fidèle au produit final peut rendre le processus de développement beaucoup plus fluide. Mais si vous n'avez jamais conçu de prototype interactif, ou même si vous avez un peu d'expérience à votre actif, « beau » et « fidèle au produit final » peuvent sembler être des commandes de taille. Alors, comment les agences et les entrepreneurs d'applications mobiles peuvent-ils s'assurer que leurs prototypes ont l'air et se sentent incroyables ?

Un facteur important en matière de prototypage interactif consiste simplement à utiliser le bon outil. Avant de faire des investissements permanents, recherchez un outil qui offre un essai gratuit, puis prenez quelques jours pour vraiment explorer l'interface et le logiciel, y compris les didacticiels ou les webinaires proposés par le fournisseur parallèlement à l'essai. Vous constaterez probablement que la nature du prototypage par glisser-déposer est encore plus facile que d'esquisser vos idées dans le logiciel de conception que vous utilisez tous les jours.

Une fois que vous avez conçu quelques prototypes interactifs dont vous êtes absolument ravi, réutilisez-les pour créer un modèle réutilisable pour de futurs projets de la même veine. En ne réinventant pas la roue à chaque prototype, vous pouvez garantir des résultats plus rapides et plus attrayants à chaque projet. Et, comme pour toute compétence, plus vous en faites, plus vous devenez rapide. Prendre un processus déjà rapide et le rendre encore plus rapide, sans sacrifier les résultats ? C'est la gestion de projet intelligente en un mot.