Prototypage d’applications mobiles : UX pour la lecture électronique avec Javier Lianes

Javier Lianes dépasse les attentes des utilisateurs avec son prototype de refonte de l’interface utilisateur du Kindle d’Amazon.

Javier Lianes, designer UX basé à Madrid, a utilisé Justinmind pour reconstruire l’expérience utilisateur de son collègue e-reader. utilisateurs. Passionné de technologie et lecteur avide, Javier est souvent collé à son iPad, perdu dans un livre électronique. Mais malgré sa passion pour la lecture en ligne, l’expérience de Javier avec les lecteurs électroniques a été assez décevante. Dans notre étude de cas, nous l’interrogeons sur ses réticences à l’égard du kindle d’Amazon – malgré le battage médiatique -, sur les solutions qu’il a proposées pour relever les défis du design et sur la manière dont il les a prototypées à l’aide de Justinmind.

Des designers UX satisfaits font de meilleurs produits.

En tant que designer indépendant, Javier est son propre patron. Cela signifie souvent travailler sans assistance 24 heures sur 24 pour obtenir des actifs numériques et des UI construits et envoyés aux clients. Pour livrer des designs de haute qualité dans les délais impartis, le flux de travail de Javier doit être irréprochable, et gagner du terrain dans le processus UX se résume souvent à l’efficacité de ses outils de conception. Tout designer UX peut vous dire à quel point il est important de trouver la bonne combinaison d’outils. Si vous n’êtes pas à l’aise avec les outils que vous utilisez, cela se verra dans vos designs. Et si vous êtes occupé à trouver votre chemin à travers des UI inintelligibles, vous ne vous concentrez pas sur la résolution des problèmes de design pour l’utilisateur. Ainsi, lorsqu’il s’est agi de relever son prochain grand défi en matière de design – la refonte de l’UI du Kindle d’Amazon – Javier était à la recherche de l’outil idéal. C’est alors qu’il est tombé sur Justinmind.

Des UI intuitives et des expériences de design transparentes

Javier a commencé à prototyper avec Justinmind alors qu’il suivait un cours d’UX à l’Escuela Trazos qu’il fréquentait à Madrid. Il était à la recherche d’une interface intuitive qui ne nécessiterait pas trop de temps pour la prendre en main. Dès le départ, Javier a adoré la facilité avec laquelle il a pu se familiariser avec Justinmind. Il a trouvé toutes les couches et tous les éléments de l’UI exactement comme il s’y attendait.

« Justinmind m’a surpris dès le départ. Il respire la clarté, l’accessibilité et se démarque des outils de design actuels. »

Lorsque le moment est venu de commencer la refonte de l’UI de son lecteur électronique, il a emmené Justinmind avec lui pour la balade. Son prototype offre une solution alternative au Kindle classique. Jetez un coup d’œil ci-dessous !

Prototypage d’applications mobiles : se frotter au kindle d’Amazon

Design de l’UI pour Amazon Kindle iOS

En un rien de temps, Javier était opérationnel avec Justinmind. Il a utilisé le modèle d’application mobile iPhone pour concevoir la disposition des écrans de son prototype. Javier souhaitait créer des visuels plus propres et plus frais pour ses collègues lecteurs de livres électroniques. Selon lui, l’interface sombre de Kindle est un peu déprimante. Kindle opte pour des tons gris pour ses principaux écrans UI et un thème plus clair pour l’écran de lecture. Pour remédier à la morosité ambiante, Javier a opté pour un thème clair tout au long du prototype de l’application. Personnellement, nous adorons la continuité ! Il a ensuite utilisé une combinaison de widgets d’interface utilisateur iOS prédéfinis de Justinmind, tels que la barre d’état et le champ de recherche, ainsi que ses propres images, pour créer la structure iOS de son prototype. Il lui a suffi de les glisser-déposer sur le canevas.

Construire l’interaction

Javier s’est concentré sur la performance et la cohérence des schémas de navigation lorsqu’il a donné vie à son prototype d’application Kindle. Il voulait s’assurer que les utilisateurs puissent naviguer facilement dans l’UI et accéder à leurs livres kindle depuis le magasin kindle sans perdre de temps à parcourir de multiples menus. Pour que le flux de navigation reste net et concis, Javier a opté pour une barre de navigation inférieure. Celle-ci ne comprendrait que 4 éléments : les icônes de favoris, de téléchargements, de paramètres et de recherche. À l’aide d’événements de liaison, Javier a commencé à développer les fonctionnalités de son prototype d’application.

« J’ai adoré la simplicité des éléments d’interface utilisateur et des événements par glisser-déposer. Il était facile de les appliquer sans avoir de connaissances approfondies en programmation. »

Pour créer la fonction de défilement de l’écran tactile d’un lecteur kindle (pour permettre à l’utilisateur de se déplacer vers le haut et vers le bas de l’écran), Javier a utilisé les éléments de parallaxe de Justinmind. Il a ajouté un élément « pinned bottom » au bas de l’écran d’accueil de l’application. Le bas épinglé est un élément collant qui reste fixe même lorsque l’utilisateur fait défiler l’écran de haut en bas. Les Data Masters et les Data Grids de Justinmind ont été une combinaison essentielle pour ce projet. Il les a utilisées pour créer l’expérience du chariot de découpe, ainsi que l’inventaire, les signets et la personnalisation de l’utilisateur.

Le test ultime : Le processus de test utilisateur de Javier

Le processus de prototypage de Javier comprend trois phases. La première est une phase exploratoire au cours de laquelle il crée des prototypes sur papier et observe ensuite comment les utilisateurs interagissent avec eux. La deuxième phase comprend une évaluation des interactions avec les utilisateurs, et il crée des prototypes plus élaborés pour résoudre certains des problèmes de convivialité rencontrés lors de la première phase. La dernière phase est une phase de validation, accompagnée d’une bonne évaluation heuristique.

Expérience utilisateur : La formule de Javier pour le plaisir

« Impliquer l’utilisateur dans le processus UX est la meilleure chose qui soit arrivée au design depuis la découverte du nombre d’or », affirme Javier en riant. Javier s’efforce d’améliorer l’ergonomie pour l’utilisateur. Lorsqu’on lui a demandé ce que l’expérience utilisateur signifiait pour lui, il a répondu : « Imaginez un parc avec plusieurs allées en gravier. Les chemins se connectent et s’entrecroisent. Ils créent des itinéraires différents mais sont tous balisés pour aller au même endroit. Le promeneur ignore les chemins. Il trouve son propre chemin, en cherchant des itinéraires alternatifs et des raccourcis qui le mèneront plus confortablement à cet endroit. » Tout comme le vagabond, l’utilisateur ignore souvent les panneaux de signalisation et crée son propre itinéraire pour se rendre là où il veut aller. C’est dans le meilleur itinéraire possible que réside la grande expérience utilisateur – le parcours de l’utilisateur – et c’est au designer UX qu’il revient de montrer la voie.

La révolution UX de Javier : découvrir l’outil de prototypage qui met fin à tous les outils.

Javier contemple le passage de l’industrie du design web à des pratiques centrées sur l’utilisateur, ainsi que les outils qui ont rendu cela possible. Les designers UX ont pour objectif de créer des produits utilisables et agréables pour leurs utilisateurs. Mais historiquement, comme le rappelle Javier, les entreprises ont imposé aux designers de se concentrer sur les clients disposant d’un pouvoir d’achat, plutôt que sur les utilisateurs quotidiens. Mais nous assistons à une évolution vers un design centré sur l’utilisateur, les acteurs prenant enfin en considération l’utilisateur final. Par exemple, Netflix a fait tomber Blockbuster en traitant ses abonnés comme des utilisateurs et non comme des clients. Les utilisateurs étant désormais au centre de la stratégie produit, il est du devoir du designer d’axer le design du produit autour de l’utilisateur final. Des outils comme Justinmind permettent de répondre à ce besoin. Pour Javier, le prototypage basse et haute fidélité est essentiel pour capturer ses idées, identifier les erreurs et apporter des améliorations à l’expérience utilisateur. En tant que designer indépendant, le prototypage lui permet d’économiser du temps, des ressources et des maux de tête. En réglant les problèmes avant de développer un design et des fonctionnalités plus complexes et lorsque les erreurs deviennent assez coûteuses, le rapport coût-bénéfice est beaucoup plus élevé.

« Justinmind est l’outil qui m’aide à faire passer mes designs au niveau supérieur. J’ai la liberté de concevoir et d’obtenir des résultats étonnants. »