Mai 2012
Développement : Skala Preview pour prévisualiser des interfaces sur le terminal
par Nicolas Furno le 10.02.2012 à 13:05
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.
|
Vos réactions (15 réactions)
Edward battistini
[10/02/2012 13:21]
Enfin !! LiveView ne marchait plus avec 10.7 là pour du app design c'est parfait !!!! Je recommande !!!!
Enfin !! LiveView ne marchait plus avec 10.7 là pour du app design c'est parfait !!!! Je recommande !!!!
Ludavid21
[10/02/2012 13:36]
Sinon on prend un screenshot depuis le simulateur iOS et on le met sur l'iPhone / iPad, tout bêtement.
Sinon on prend un screenshot depuis le simulateur iOS et on le met sur l'iPhone / iPad, tout bêtement.
macbob
[10/02/2012 13:41]
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...
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...
SolMJ
[10/02/2012 13:48]
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).
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).
skhattane
[10/02/2012 13:56]
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 ?
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 ?
OaK
[10/02/2012 15:01]
Le live update de Photoshop (refresh auto des modifs) est fantastique :)
Le live update de Photoshop (refresh auto des modifs) est fantastique :)
Edward battistini
[10/02/2012 15:22]
@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
@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
Dondic
[10/02/2012 17:26]
Ah ben ça c'est confort ! J'adore !
Ah ben ça c'est confort ! J'adore !
Apple92
[10/02/2012 19:20]
via MacG Mobile
@Edward battistini :
merci pour ton intervention. Tu as claqué le beignet à tous les petits malins qui n'y connaissent rien et veulent la ramener.
@Edward battistini :
merci pour ton intervention. Tu as claqué le beignet à tous les petits malins qui n'y connaissent rien et veulent la ramener.
NikonosV
[10/02/2012 20:53]
le nom me fait penser à Scala sur Amiga ! :o)
le nom me fait penser à Scala sur Amiga ! :o)
sabearts
[11/02/2012 08:13]
via iGeneration pour iPad
Ça, ça, c'est vraiment génial. Je perds tellement de temps à affiner le rendu des png... Je l'essaie ce soir.
Ça, ça, c'est vraiment génial. Je perds tellement de temps à affiner le rendu des png... Je l'essaie ce soir.
macbob
[11/02/2012 18:41]
A ouaip, par contre la compatibilité uniquement Lion, c'est pas cool ça !!!!!!
A ouaip, par contre la compatibilité uniquement Lion, c'est pas cool ça !!!!!!
kolkoze
[07/03/2012 10:54]
Bonjour,
Y a pas un autre logiciel de ce type pour Snow ?
Merci !
Bonjour,
Y a pas un autre logiciel de ce type pour Snow ?
Merci !
Réagir
Cinq consignes avant de réagir :
- Rester dans le cadre de la dépêche. Pour des discussions plus générales, vous pouvez utiliser nos forums.
- Développer son argumentation. Les messages dont le seul but est de mettre de l'huile sur le feu seront modifiés ou effacés sans préavis par la rédaction.
- Respecter les acteurs de l'informatique et les autres lecteurs. Les messages agressifs, vulgaires, haineux, etc. seront modifiés ou effacés sans préavis par la rédaction.
- Pour toute remarque concernant le contenu de l'article, pour nous signaler une erreur, une faute d'orthographe, une omission, merci de nous contacter exclusivement par e-mail.
- Relisez-vous, et pour les utilisateurs de Safari profitez de l'aide du navigateur : activez le menu édition > Orthographe > Vérifier l'orthographe lors de la frappe.
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...