Plusieurs postes sont disponibles chez Nmédia!Amène ton talent, on fournit le plaisir!
Applications pour prévisualiser son design mobile

Applications pour prévisualiser son design mobile

14 mai 2014Par Antoine Prince
Catégories :

Il est pratiquement impossible de concevoir le design d’une application ou d’un site mobile en demeurant entièrement dans Photoshop. Il est primordial de valider la dimension des typographies et des boutons à même un appareil mobile. Mais comment faire? Importer les images sur le téléphone à chaque fois est une option possible, mais pénible à long terme. Heureusement, des applications mobiles ont été créées pour vous simplifier la vie!

Pixl Preview

[img]pixlpreview.jpg|350||true|Application Pixl Preview|Application Android — Compatible PC et Mac — Connexion réseau Wi-Fi — Vue en temps réel[/img]

Pixl Preview est la seule application du genre permettant de travailler à partir d’un PC et de voir en temps réel votre travail sur votre appareil Android. Simple d’utilisation, lors du déploiement de l’application un tutoriel vous aidera à synchroniser Photoshop et Pixl Preview. Cette application a cependant un défaut fort peu pratique. En effet, elle affiche votre fenêtre Photoshop pour qu’elle soit visible dans son entièreté sur votre téléphone. Ainsi donc, vous ne pourrez jamais afficher à 100 % un visuel qui mesure plus haut que la hauteur de votre appareil.

Malgré cela, l’application peut quand même être utilisée pour designer par section. Grâce à l’outil rognage (crop) affichez seulement la section sur laquelle vous travaillez pour ne pas atteindre la hauteur maximum de votre appareil. Assurez-vous toutefois de décocher l’option delete cropped pixels afin de ne pas supprimer de contenu pertinent. Ainsi vous pourrez vous assurer à mesure que la taille de vos boutons et de votre texte est satisfaisante.

[img]barre-crop.jpg|600||true|Barre crop de Pixl Preview|[/img]

L’application gratuite est disponible sur Google Play.

Évaluation des utilisateurs : 4,6/5

Design Duet

[img]design-duet.jpg|350||true|Application Duet|Application iOS — Compatible Mac — Connexion réseau Wi-Fi — Vue en temps réel[/img]

Design Duet fait le même travail, excepté qu’elle s’adresse aux utilisateurs d’appareils Apple et qu’elle offre plus d’options utiles. Elle vous permet, entre autres, de partager une capture d’écran sur vos médias sociaux et de choisir le format de sauvegarde si vous désirez conserver une copie sur votre appareil. Elle rend aussi possible la création de nouveaux documents à partir de réglages prédéfinis.

Malheureusement, l’application a aussi une limitation quant à la hauteur du document. En effet, Design Duet affichera uniquement les 2000 premiers pixels en hauteur. Mais encore une fois, vous pouvez toujours travailler de la manière expliquée ci-haut pour Pixl Preview.

L’application se vend 1,99 $ sur l‘iTunes App Store.

Évaluation des utilisateurs : 4/5

Skala Preview

[img]skala-preview.jpg|350||true|Application Skala|Application iOS — Compatible Mac — Connexion réseau Wi-Fi — Vue en temps réel[/img]

Skala Preview est probablement l’application pour cet usage la plus complète sur le marché à ce jour. L’application fonctionne à la fois sur système Android et iOS, mais n’est compatible qu’avec Mac. Elle combine tous les bons coups des autres applications sans les mauvais côtés. Skala preview affiche à 100 % la zone de travail et permet donc de défiler librement à travers votre projet. Contrairement à Design Duet, l’application n’a pas non plus de hauteur maximale.

L’application gratuite est disponible sur le site de Bjango.

Évaluation des utilisateurs : 4,5/5

File Square

[img]filesquare-test.png|450||true|Application File Square|Application iOS — Compatible Mac et PC — Application Web — Présentation — Source : UX Movement[/img]

File Square se distingue des 3 applications précédentes, puisqu’elle n’offre pas la possibilité de voir en temps réel le travail effectué dans Photoshop. C’est plutôt un outil de présentation d’image ne requérant pas de câble. Une fois votre compte créé, vous pouvez télécharger vos visuels sur le site Web de l’application et les associer à un projet. Là où l’outil devient vraiment pertinent, c’est qu’il permet de concevoir des boutons à partir de zones qui mèneront à une autre page de votre présentation. Ainsi, il est possible de simuler la navigation d’un projet final.

Sur votre appareil mobile, il est possible de configurer l’affichage selon vos préférences. Par exemple : pleine largeur, affichage pleine page, etc. Un compte gratuit vous permet d’avoir 2 projets simultanément et une capacité de stockage de 20 MB. Autrement, des forfaits mensuels existent pour les plus gourmands. L’application offre une multitude d’autres fonctionnalités sur son site Web.

L’application gratuite est disponible sur le site de Filesquare.

Peu importe votre situation, il y a un outil pour vous

Comme vous pouvez le constater, la sélection d’applications n’est pas très vaste et dépend du type d’appareils que vous avez en votre possession. Pour déterminer rapidement l’application qui répondra à vos besoins, je vous invite à consulter ce tableau qui compare les combinaisons possibles.

[img]tableau-comparatif1.jpg|450||true|4 applications pour la validation du design mobile|[/img]