Développement : Skala Preview pour prévisualiser des interfaces sur le terminal
Skala Preview [1.0 – US – 3,99 € – OS X 10.7 – Marc Edwards] devrait intéresser tous les concepteurs d'interfaces pour terminaux iOS. Accompagnée d'une application iPhone et iPad gratuite, elle permet d'afficher directement sur le terminal l'interface sur laquelle vous travaillez. L'idée étant de valider une idée d'interface en utilisant le terminal et son écran, de quoi aussi savoir rapidement s'il faudra modifier la taille d'éléments, par exemple.
Pour fonctionner, vous devrez acheter l'application Mac sur le Mac App Store et télécharger Skala View [1.0 – US – Gratuit – iPhone/iPad – iOS 5 – Marc Edwards] sur un iPhone ou iPad équipé avec la dernière version d'iOS. La procédure est ensuite extrêmement simple : l'application Mac détecte automatiquement les terminaux iOS présents sur le réseau et propose de s'y connecter. Il suffit alors de glisser une image pour qu'elle s'affiche instantanément sur le terminal mobile.
Si vous travaillez actuellement sur une image, Skala Preview simplifie l'affichage des modifications sur l'iPhone. Vous pouvez certes demander à l'application d'envoyer automatiquement les images contenues dans le presse-papier, mais il y a mieux encore. À condition d'utiliser Photoshop CS5 (version 12.0.4 minimum), vous pouvez afficher en temps réel sur le terminal iOS le document sur lequel vous travaillez. Il n'y a même pas besoin de sauvegarder le document pour avoir les changements sur l'écran de l'iPhone ou de l'iPad, tout se fait automatiquement.
L'application iOS affiche l'image envoyée par le Mac et permet de zoomer librement pour contrôler le résultat au pixel près. Skala View est également capable de modifier l'apparence de l'image en fonction de quelques déficiences visuelles. On peut ainsi facilement analyser si une interface est encore utilisable pour les utilisateurs souffrant de ces problèmes de vision. Le résultat pourra même être enregistré dans la photothèque de l'appareil ou envoyé par mail ou sur Twitter.
Skala Preview n'est pas limitée à un Mac et un terminal iOS. L'application Mac est capable de gérer plusieurs appareils mobiles en simultané, ce qui peut s'avérer utile pour étudier le résultat sur différents terminaux en même temps. Impossible en revanche d'envoyer plusieurs images à plusieurs iPhone et iPad en même temps.
Pour fonctionner, vous devrez acheter l'application Mac sur le Mac App Store et télécharger Skala View [1.0 – US – Gratuit – iPhone/iPad – iOS 5 – Marc Edwards] sur un iPhone ou iPad équipé avec la dernière version d'iOS. La procédure est ensuite extrêmement simple : l'application Mac détecte automatiquement les terminaux iOS présents sur le réseau et propose de s'y connecter. Il suffit alors de glisser une image pour qu'elle s'affiche instantanément sur le terminal mobile.
Si vous travaillez actuellement sur une image, Skala Preview simplifie l'affichage des modifications sur l'iPhone. Vous pouvez certes demander à l'application d'envoyer automatiquement les images contenues dans le presse-papier, mais il y a mieux encore. À condition d'utiliser Photoshop CS5 (version 12.0.4 minimum), vous pouvez afficher en temps réel sur le terminal iOS le document sur lequel vous travaillez. Il n'y a même pas besoin de sauvegarder le document pour avoir les changements sur l'écran de l'iPhone ou de l'iPad, tout se fait automatiquement.
L'application iOS affiche l'image envoyée par le Mac et permet de zoomer librement pour contrôler le résultat au pixel près. Skala View est également capable de modifier l'apparence de l'image en fonction de quelques déficiences visuelles. On peut ainsi facilement analyser si une interface est encore utilisable pour les utilisateurs souffrant de ces problèmes de vision. Le résultat pourra même être enregistré dans la photothèque de l'appareil ou envoyé par mail ou sur Twitter.
Skala Preview n'est pas limitée à un Mac et un terminal iOS. L'application Mac est capable de gérer plusieurs appareils mobiles en simultané, ce qui peut s'avérer utile pour étudier le résultat sur différents terminaux en même temps. Impossible en revanche d'envoyer plusieurs images à plusieurs iPhone et iPad en même temps.
J'ai du mal à saisir l'intérêt en fait...
Pour moi l'utilisabilité d'une interface ne se résume pas en une image. On ne peut pas tester les interactions ici ce qui est sans doute le plus important...
Enfin !! LiveView ne marchait plus avec 10.7 là pour du app design c'est parfait !!!! Je recommande !!!!
Sinon on prend un screenshot depuis le simulateur iOS et on le met sur l'iPhone / iPad, tout bêtement.
Oui, mais tous les développeurs n'utilisent pas forcément xcode et les designers passent bien du temps dans photoshop, par ailleurs, on teste souvent des "états" de l'interface (qui sont des images fixes) afin de valider des idées, des positionnement et des échelles...
macbob > en tant que développeur web par exemple, l'affichage des images sur safari dépend notamment du viewport sélectionné, du css etc... Afficher une image telle quelle sans contexte j'ai du mal à voir l'intérêt (pour une appli web en tout cas).
Pour tester des Mockups en live et avoir un rendu instantané, sans devoir compiler sous xcode l'intérêt est évident. C'est simple, rapide et ça n'oblige pas à sortir de photoshop pour ce qui est du rendu visuel.
On a des approches mvc en dev, c'est pas pour obliger le designer à toucher à xcode.
Par contre, j'ai un petit souci, le rafraichissement sur mes devices est instantané, en revanche, il ne garde pas la taille d'origine de mes psd. Ils sont plus petis que l'original (quasi /2).Par contre le ratio est bien respecté. J'ai zappé un réglage ? Quelqu'un à le meme souci ?
@Edward battistini :
LiveView fonctionne sur 10.7.
Le live update de Photoshop (refresh auto des modifs) est fantastique :)
@Toute les personnes qui ne voit pas l'intérêt
Cette app est pour les designer d'application iOS ceci permet d'avoir la preview la plus rapide d'un écran dessiné sur photoshop (et oui les bonnes apps sont d'abord dessinée et après codées) Cet outil est indispensable pour tout designer qui se respecte : FIN DE LA DISCUSSION
et au passage c'est très utile pour optimiser l'interface entre iphone 3GS et 4 car la résolution est différente, et ce que l'on voit sans probleme sur un Iphone 4 n'est pas forcement visible sous iphone, 3G, 3GS
Ah ben ça c'est confort ! J'adore !
@Edward battistini :
merci pour ton intervention. Tu as claqué le beignet à tous les petits malins qui n'y connaissent rien et veulent la ramener.
le nom me fait penser à Scala sur Amiga ! :o)
Ça, ça, c'est vraiment génial. Je perds tellement de temps à affiner le rendu des png... Je l'essaie ce soir.
A ouaip, par contre la compatibilité uniquement Lion, c'est pas cool ça !!!!!!
Bonjour,
Y a pas un autre logiciel de ce type pour Snow ?
Merci !