6 façons dont un prototype peut empêcher un désastre de conception d'interface utilisateur mobile

Publié: 2015-10-29

Quelle est la valeur d'un prototype numérique ? Avoir votre expérience utilisateur complètement cartographiée - des transitions de page aux interactions - avant d'écrire la première ligne de code peut non seulement vous faire gagner un temps et un budget précieux, mais cela peut également éviter une crise potentielle. Des conceptions d'interfaces utilisateur mobiles qui paraissent bien sur papier mais se traduisent mal à l'écran, aux SNAFU de gestion de projet qui épuisent le moral de l'équipe tout en piratant la qualité de votre produit final, les maux de tête que votre prototype interactif peut résoudre sont nombreux.

Jetons un coup d'œil à six façons inestimables dont le prototypage numérique peut sauver la conception de votre interface utilisateur mobile, selon les concepteurs, les développeurs et les entrepreneurs :

Votre prototype aide à mettre toutes les parties prenantes sur la même page.

mobile_ui_design_prototyping_720

Quelle est la force qui unit les clients, les gestionnaires de compte, les concepteurs, les développeurs, les testeurs et les utilisateurs ? Le prototype numérique, dit Sarah Doody (@sarahdoody) une designer UX à New York qui publie également une newsletter UX hebdomadaire :

"Dans la conception d'applications mobiles, le prototypage est essentiel car il aide les équipes à concrétiser rapidement des idées afin que toutes les personnes impliquées puissent examiner et contribuer à l'idée dès le début du processus de développement du produit. Un grand défi auquel les équipes sont souvent confrontées est trop de discussions et de débats hypothétiques. Un prototype permet à une équipe de parler de quelque chose de concret, ce qui favorise de meilleures discussions, idées et collaboration.

L'équilibre d'un concepteur d'interface utilisateur mobile consiste à identifier les objectifs commerciaux ou l'opportunité avec la valeur que l'application pourrait apporter à l'utilisateur. Une fois qu'un prototype est en place, il sert d'outil pour valider les idées avec les utilisateurs, ainsi que d'outil de conversation pour aider tous ceux qui travaillent sur le projet à se mettre d'accord sur les caractéristiques et fonctionnalités attendues.

Si le prototypage est supprimé du processus de conception de l'interface utilisateur mobile, les entreprises finissent par investir des milliers de dollars et des heures dans la création d'une application entièrement fonctionnelle qui ne fournira pas de valeur à l'utilisateur final.

Votre prototype peut éviter les catastrophes RH entre designers et développeurs.

Les designers et les développeurs peuvent-ils jamais être amis ? Selon Peter Murphy, co-fondateur et PDG de Pocket Prep (@pocketprep), une plateforme d'application d'apprentissage en ligne offrant des solutions d'étude pour des tests standardisés et des certifications professionnelles, ils peuvent absolument
— à condition que le concepteur crée un prototype numérique réaliste.

pocket_prep_mobile_ui_design_720

Sans ce prototype, dit Murphy, la relation entre les deux peut devenir risquée :

"Le prototypage aide à renforcer la cohésion entre l'UI et l'UX. Un prototype d'application interactive permet au concepteur d'exprimer plus que l'apparence de l'application. Cela lui permet également d'exprimer le déroulement de l'application. Souvent, les entreprises à petit budget renoncent au processus de prototypage au profit de simples structures filaires ou de collections de notes, qui incluent souvent des croquis et des diagrammes à la main. Les bonnes intentions du designer sont là, mais elles tombent à plat lorsque la phase de développement commence.

Lors de notre récente refonte de l'application Android, l'application a été simulée à l'aide d'un service de prototype en ligne, et le nouveau design avait l'air génial. Notre petite équipe avait de nombreuses questions sur ce qui se passerait avec quelques-uns des écrans manquants, mais nous avons été rassurés par l'équipe de conception que la conception, les gestes et le flux suivraient les meilleures pratiques Android. Oops! Lorsque l'équipe de conception a remis le prototype à l'équipe de développement, toutes les ficelles se sont déliées et des détails au cœur même de notre activité d'application ont été manqués.

La création d'un prototype interactif, quel que soit le niveau de complexité prévu de l'application, peut éviter de nombreux désastres de conception et de développement. Ces images filaires et ces maquettes sans vie peuvent suggérer que l'application est plus simple qu'elle ne l'est réellement. À quoi sert le fait d'appuyer sur un portrait d'utilisateur ? Qu'en est-il des gestes ? Où le fait d'appuyer sur le bouton de retour emmène-t-il l'utilisateur ? Le diable est toujours dans les détails, et ce n'est que lorsque vous prenez le temps de cartographier l'expérience de l'utilisateur que vous voyez à quel point les exigences du projet sont vraiment complexes.

"C'est comme si le concepteur ne comprenait tout simplement pas ce qu'un développeur peut et ne peut pas faire !"

Étant donné que Pocket Prep est basé dans la ville en plein essor technologique de Seattle, nous sommes souvent plongés dans de longues conversations sur le développement d'applications. Avec le lancement d'iOS 9, nous avons récemment été bombardés de questions sur notre prochaine refonte de la conception des applications iOS. Un ami, qui est développeur dans un studio de jeu local, a déclaré par hasard : "Les développeurs détestent les concepteurs !" Nous nous battons toujours les uns contre les autres; du moins là où je travaille. C'est comme si le concepteur ne comprenait tout simplement pas ce qu'un développeur peut et ne peut pas faire ! »

C'est la raison exacte pour laquelle un prototype d'application détaillé et entièrement fini est nécessaire. S'en passer, c'est comme si le client d'un restaurant commande un demi-repas et s'attend à ce que la serveuse sache par télépathie tout ce qu'il veut. Bien que les prototypes interactifs soient absolument nécessaires, ils ne remplacent pas une solide compréhension des limites d'une application. Il faudra toujours une synergie entre les équipes de conception et de développement. La clé est d'éviter une catastrophe qui ferait reculer l'équipe et qui, autrement, créerait des remaniements longs et évitables.

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

Votre prototype peut vous éviter de créer une conception d'interface utilisateur mobile que votre client ou vos utilisateurs détestent.

Cassie Byers est une designer visuelle et Kenna Hasson est une designer UX chezEvents.com (@eventsdotcom), une place de marché en ligne réunissant les organisateurs d'événements et les participants à des événements en un seul endroit. Pour eux, la plus grande valeur d'un prototype numérique est d'obtenir des commentaires détaillés des clients et des testeurs.

event.com_mobile_app_UI_design_prototype

Byers déclare : « Le prototypage est important pour moi en tant que concepteur mobile car c'est le meilleur moyen d'échouer. Vous pouvez faire autant de "mauvais" prototypes que vous le souhaitez - ils aident tout le monde à être sur la même longueur d'onde. Plonger directement dans la conception ou le développement visuel ne laisse pas assez de temps pour réfléchir à tous les décors possibles.

Hasson ajoute : « Il n'y a pas de meilleur moyen de recueillir des commentaires honnêtes. Les gens hésitent moins à exprimer leurs inquiétudes lorsqu'ils regardent quelque chose qu'ils pensent être encore en cours, et non définitif.

Byers note que le processus de prototypage l'a aidée à plusieurs reprises à éviter les crises UX. « C'est à ça que servent les prototypes, après tout. Je privilégie les prototypes exploitables pour que toutes les interactions puissent être pensées. C'est également un excellent moyen de tester les utilisateurs avant la conception finale de l'interface utilisateur mobile. »

Hasson est d'accord. "Du placement des boutons à la conception de l'interaction, nous identifions quotidiennement les problèmes d'expérience utilisateur dans les prototypes."

"Supprimer des prototypes interactifs de votre processus de conception d'interface utilisateur mobile, c'est comme un entrepreneur essayant de construire une maison sans plans d'étage", déclare Byers. "Le cadre doit être défini avant que les détails puissent être ajoutés."

"Ce serait une catastrophe !" Byers ajoute. "Sans prototypes, nous n'aurions aucun moyen de collaborer sur les interactions, les conceptions ou de mener des tests utilisateur réalisables."

Un prototype interactif peut vous éviter des catastrophes budgétaires et de bande passante.

mobile_ui_design_collaboration

Gestionnaires de comptes d'applications mobiles, soyez rassurés : les prototypes peuvent vous faciliter la vie lorsque vous délimitez des projets pour une équipe disposant d'une bande passante limitée. C'est l'une des principales récompenses pour Roger Dickey, PDG de Gigster (@trygigster), une société de développement de logiciels à la demande :

"D'après mon expérience, le prototypage peut faire économiser des centaines, voire des milliers d'heures de développement. De nombreux fondateurs techniques préfèrent faire ce avec quoi ils sont à l'aise, c'est-à-dire s'asseoir et écrire du code. Si vous pouvez plutôt créer rapidement un prototype cliquable, vous pouvez mettre votre produit entre les mains d'utilisateurs potentiels et obtenir un retour immédiat. Cela vous permet d'itérer jusqu'à ce que vous ayez quelque chose qui enthousiasme vraiment les gens - vous pouvez ensuite vous asseoir et vous concentrer sur l'écriture d'un beau code.

Votre prototype peut vous aider à combler les lacunes en matière de connaissances

Greg Archbald est le fondateur et PDG de GreaseBook (@GreaseBook), une société de technologie pétrolière et gazière dont les clients vont des petites entreprises à certains des plus grands opérateurs indépendants du pays. Dans une industrie aussi compétitive, dit Archbald, le prototypage peut vous sauver la vie lorsqu'il s'agit de comprendre ce que vos clients demandent :

graissebook_mobile_UI_design

« Bien que nous travaillions en étroite collaboration avec le champ pétrolifère, nous ne sommes en aucun cas des experts du champ pétrolifère. Tout ce que nous savons, nous l'absorbons par téléphone ou en ligne, par le biais de conversations avec les clients.

Le prototypage a sauvé nos mégots plus de fois que vous ne pouvez l'imaginer. En utilisant des outils de prototypage, les non-codeurs (comme moi) peuvent créer une application qui ressemble et fonctionne exactement comme notre application est prévue. Non seulement cela nous donne d'excellents délais d'exécution avec nos clients (généralement le lendemain !), mais cela a contrecarré certaines catastrophes très désagréables et très coûteuses. La communication avec les développeurs devient un jeu d'enfant car vous leur montrez un produit fini.

Tout ce prototypage nous aide à garder une longueur d'avance sur la concurrence - une concurrence qui est généralement beaucoup plus importante et bien mieux financée que la nôtre. Et, tout nouveau projet que nous démarrons en parallèle peut être prototypé (et parfois vendu) pour très peu d'argent et de temps investis à l'avance.

Avec un logiciel de prototypage solide, vous n'avez plus d'excuses. Tout ce qui vous empêche de développer une entreprise (ou d'en démarrer une nouvelle !) C'est votre imagination. »

Parfois, un prototype peut même aider à éviter un désastre en matière de sécurité.

Les applications mobiles ne sont pas toujours simplement des moyens de rendre la vie plus pratique ou plus divertissante. Pour David Sinkinson d'AppArmor (@AppArmorMobile), un service de sûreté et de sécurité sur un campus, tester un prototype de conception d'interface utilisateur mobile est un élément important pour protéger les personnes.

app_armor_mobile_UI_design

"Notre entreprise utilise souvent des prototypes pour tester nos produits, mais nous les fournissons en fait à nos clients pour examiner les problèmes d'expérience utilisateur et de conception. Par exemple, App Armor crée des applications de sécurité mobiles personnalisées pour les universités, les collèges et les institutions privées au Canada, aux États-Unis et en Australie. Cependant, chaque application est personnalisée pour répondre aux besoins de cette communauté unique. Cela est vrai à la fois dans l'esthétique (logos, couleurs, etc.) et dans le fil de fer littéral.

Il est absolument essentiel que nous testions ces prototypes, car nos applications sont destinées à être utilisées en cas d'urgence. Les secondes sont précieuses en cas d'urgence, donc si la conception de l'interface utilisateur mobile n'est pas optimisée pour être aussi conviviale que possible, l'utilisateur est plus à risque. Sur une note moins sérieuse, construire le design en collaboration avec l'institution partenaire tend également à garantir des téléchargements plus élevés.

Le prototypage intelligent est une entreprise intelligente

Un prototype numérique solide de la conception de votre interface utilisateur mobile est un élément crucial du processus créatif global de votre application, mais qu'est-ce qui fait un bon prototype ? Plus il ressemble à ce que sera le produit fini, mieux c'est. Cela signifie clouer non seulement le flux global et la conception de l'application, mais aussi rendre les animations, les transitions et les interactions aussi réalistes que possible. De cette façon, vos développeurs savent exactement à quoi la version bêta devrait ressembler et se sentir une fois terminée.

Publié à l'origine sur Proto Blog le 23 octobre.